@charset "UTF-8";


/*----------------------------------------------------------------------------------------------------------------------#main_v----------*/

#about{ 
position:relative;
overflow: hidden;
width:100%;
height: calc(100%);
z-index: -1;
background-color: #f6f6f6;
}

#wrap_about{
position: absolute;
left:50%;
bottom:0;
width:45.8%;
height:100%;
font-size: clamp(10px,1vw,14px);
}

.read{
width:90.9%;
margin-top: 50px;
}

#wrap_about table{
width:100%;
margin-top: 40px;
}

#wrap_about table th{
padding: 16px 0;
border-bottom: 1px dotted #ccc;
font-weight:normal;
width: 18%;
}

#wrap_about table td{
padding: 16px 0;
border-bottom: 1px dotted #ccc;
width: 82%;
}

#wrap_about dl {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 50px;
}

#wrap_about dt {
width: 18%;
padding: 4px 0;
}

#wrap_about dd {
width: 82%;
padding: 4px 0;
}


@media screen and (max-width:767px){


#about{ 
overflow: auto;
height: auto;
}

#wrap_about{
position:relative;
left:5%;
width:90%;
font-size:12px;
height:auto;
}

.read{
width:86%;
margin-top: 180px;
}

#wrap_about table{ margin-top:20px; }

#wrap_about table th{
padding: 15px 0;
width: 20%;
}

#wrap_about table td{
padding: 15px 0;
width: 80%;
}

#wrap_about dl { margin-top: 30px; }

#wrap_about dt {
width: 20%;
}

#wrap_about dd {
width: 80%;
}

}


/*----------------------------------------------------------------------------------------------------------------------#SP 非表示----------*/

@media screen and (max-width:767px){

header p#intro{ display: none; }

header .insta{ display: none; }

footer{ 
position:static;
width: 100%;
padding: 0 5%;
font-size: 11px;
margin-top: 50px;
padding-bottom:50px;
}

}