/*common*/
.fontex { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 800; }
.about_wrap { padding-top: 35px; }
.about_content_ttl { position: relative; }
.about_content_ttl::before { background: #c1ecfc; content: ""; height: 60px; position: absolute; width: 5px; }
.about_cover { background: #fff; }
.about_content_ttl { color: #333; font-size: 1.8rem; line-height: 1.4; }
.about_sttl_jp { font-size: 3rem; display: block; }
.about_txt { align-content: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 30px; }
.about_txt_left { color: #666; font-size: 1.5rem; }
.about_content_data { align-content: stretch; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.about_data_table table { border: 1px solid #ccc; color: #333; font-size: 1.5rem; width: 100%; }
.about_data_table table th { background: #e0f6fe; border-bottom: 1px solid #ccc; font-weight: normal; padding: 14px 18px; width: 25%; min-width:100px; max-width:120px; }
.about_data_table table td a {color: #333 !important; text-decoration:none !important; }
.about_data_table table td { border-bottom: 1px solid #ccc; padding:14px 0;padding-left: 20px; padding-right: 10px;vertical-align:middle; }
.about_txt_leftcontent { padding-bottom: 20px; }
.about_txt_leftcontent:last-child { padding-bottom: 0; }
 @media screen and (max-width: 767px), print {
.about_txt_left { width: 100%; }
.about_txt_right { width: 100%; }
.about_content_data_image { width: 100%; }
.about_txt_rightimage img { padding-top: 20px; width: 100%; }
.about_content_data_image img { width: 100%; }
.about_data_table { width: 100%; padding-top: 20px; }
.about_content_data { padding-bottom: 30px; }
.about_content_ttl { padding-left: 15px; }
.about_content_ttl::before { left: 0; }
}
 @media screen and (min-width: 768px), print {
.about_txt_left { margin-right: 70px; width: calc(70% - 70px); }
.about_txt_rightimage { width: 30%; }
.about_content_data_image { width: calc(50% - 10px); }
.about_txt_rightimage img { max-width: 380px; width: 100%; }
.about_content_data_image img { max-width: 510px; width: 100%; }
.about_data_table { padding-left: 10px; width: calc(50% - 10px); }
.about_content_data { padding-bottom: 50px; }
.about_content_ttl::before { left: 0; }
.about_content_ttl { padding-left: 10px; padding-bottom: 10px; }
}


@media only screen and (min-width: 769px) {
.float-box{
 width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:30px;
 text-align:right;
}

.float-right02 {
 float:right;
 width:22%;
 margin-left:30px;
 text-align:right;
}



.float-about-left{width:20%;float:left;text-align:left;margin-top:20px;}
.float-about-right{width:74%;float:right;}

.staff-table {
 display:block; 
 width: 100%;
 margin-top:0;
 margin-bottom:50px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.staff-table th{
 width:21%;
 margin:0; 
 padding:20px 0 17px 0; 
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px dashed #ccc;
} 
.staff-table td{ 
 padding:20px 0 17px 0px;
 font-size:100%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc; 
}
.staff-table td.bordernone{
 border:none; 
}




}


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

.float-box {
 width:100%;
 margin:0 auto;
 padding:0px 0px 30px 0px;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 width:100%;
 margin:0 0 20px 0;
 text-align:center;
 float:none;
}
.float-right{
 width:100%;
 display:block;
 margin:0 0 20px 0;
 text-align:center;
 float:none;
}
.float-right02{
 width:100%;
 display:block;
 margin:0 0 20px 0;
 text-align:center;
 float:none;
}
.float-box p{
 padding-bottom:15px;
 text-align:left;
}
.float-right img{width:100vw;}
.float-right02 { width:70% !important;margin:0 auto;text-align:center;margin-top:20px;}
/*.float-right02 img{ width:70% !important;margin:0 auto;text-align:center;}*/


.float-about-left{width:100%;float:none;margin:0 auto;text-align:center;margin-top:20px;}
.float-about-left img{  width:70% !important;margin:0 auto;text-align:center;}
.float-about-right{width:100%;float:none;margin:0 auto;}



.staff-table {
 width:96%; 
 margin:10px 0 30px 0; 
 padding:0;
 border-spacing: 0; 
 border: none;
}
.staff-table th{
 width: 100%;
 padding-top:10px;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
 color:#222;
 }
.staff-table td{
 width: 100%;
 padding-bottom:10px;
 display: block;
 border: none;
 text-align:left;
 font-size:90%;
 border-bottom:1px dashed #ccc;
}
.staff-table td.bordernone{
 border:none; 
}
.staff-table tr:first-child th { 

}
.staff-table{text-align:left;}




}