@charset "UTF-8";
#header{
    padding: 5px;
    /* position: fixed;
    top:0px; */
    background-color:transparent;
}


body{
    font-size: 18px;
    color: darkcyan;
    font-family:"Yu Gothic","遊ゴシック","sans-serif";
    line-height: 1.5; 
}

a{
    color: darkcyan;
    text-decoration: none;

}

a:hover{
    text-decoration: underline double;

}

.image-block{
 width:100%;
 display:inline-block;
 text-align:center;
}
.image-block img{
 width:50%;
 display:inline-block;
}

.profile{
/* height:100vh; */
text-align:center;
padding-bottom:50px; 
}

.profile-box
{width:60%;
margin:auto;
text-align:initial;
margin-top:20px;
}

.profile-box ul{
margin-top:0px
}

.ul-1{
    margin-top: 0px;
    margin-left: 18px;
}

.top{
background:url(./image/background.jpg) no-repeat right center/cover;
}
.sub-title
{margin-top:18px;
}

/* *{border:1px solid red;}  */

.box{
    display:inline-block;
    width:45%;
    vertical-align:top;
    border:1px solid  rgb(173, 180, 180) 
}

.parent-box{
    text-align:center; 
}

.box p{
    max-width:30%;
    display: inline-block;
    border:1px solid rgb(173, 180, 180);
    font-size: 14px;
}

.box img{
    width:100%
}

.parent-box{
    font-size: 14px;
    color: #000000;
}

.boxtitle{
 font-size: 18px;
 padding-top: 20px;
 color: darkcyan;
}

.dialog{
    background-color:rgba(140, 136, 136, 0.8);
    text-align:center;
    position: absolute;
    width: 100%;
}

.dialog-close{
    text-align:right;
    width:50%;
    display: inline-block;
    font-size: 40px;
}
.dialog-img{width:50%
}


.sub{
    margin-top:16px;
    margin-bottom:0px;
}

.contact{
background:url(./image/background.jpg) no-repeat right center/cover;
}