@charset "utf-8";

/*----------------------------------------------------
	service
----------------------------------------------------*/

@media screen and (min-width: 481px) {/*-----------------------------*/

#tabBoxes .tabs{
border:1px solid #ccc;
margin-bottom: 35px;
}

#tabBoxes .tabs li{
width:50%;
border-right:1px solid #ccc;
font-weight: bold;

}

#tabBoxes .tabs li:nth-child(3){
border-right:none;
}

#tabBoxes .tabs li a{
display:block;
letter-spacing: 1.5px;
background: #fff;
padding: 18px 0;
}

#tabBoxes .tabs li a:hover,
#tabBoxes .tabs li.active a{
color:#fff;
background:#014e9a;
position: relative;
}

#tabBoxes .tabs li.active:after{
 border: solid transparent;
 content:'';
 height:0;
 width:0;
 pointer-events:none;
 position:absolute;
 border-color: rgba(1, 78, 54, 0);
 border-top-width:10px;
 border-bottom-width:10px;
 border-left-width:10px;
 border-right-width:10px;
 margin-left: -10px;
 border-top-color:#014e9a;
 top:100%;
 left:50%;
}

#tabBoxes .tabs li a:hover{
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}

#tabBoxes .content{

}

.staff_wrap{
margin-bottom: 60px;
}

.staff_list .clm4 li{
width: 186px;
border: 1px solid #014e9a;
margin-right: 16px;
margin-bottom: 18px;
}

.staff_list .clm4 li:nth-child(4n){
margin-right: 0;
}

.staff_list .clm4 li .name{
line-height: 36px;
color:#fff;
background: #014e9a;
}

.staff_detail .img02{
position: absolute;
top:0;
left:0;
width:96px;
height:96px;
border: 1px solid #ccc;
}

.staff_detail{
display: none;
}

.staff_detail .staff_box01{
padding-left: 119px;
margin-bottom: 20px;
min-height: 96px;
}

.staff_detail .img02 img{
width:94px;
height:94px;
object-fit: cover;
font-family: 'object-fit: cover;'; /*IE対策*/
}

.staff_detail table th{
width:205px;
padding: 10px 8px 10px 12px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.staff_detail table td{
padding: 10px 12px;
width:700px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

#about .table01 th{
font-weight: normal;
}

#about #tab1 .table01 th{
padding: 12px 8px 12px 20px;
width:9em;
}

#about #tab1 .table01 td{
line-height: 1.8;
}

#about02 .box01{
margin-bottom: 60px;
}

#about02 .img01{
/*width:372px;*/
width:48%;
}
#about02 .img01 img {
  width:100%;
}

#about02 .branch_box .table01{
/*width:400px;*/
width:48%;
}

#about02 .branch_box th{
padding:10px 15px;
width:5.4em;
}

#about02 .table01 td{
padding:10px 5px 10px 15px;
}

#about02 .branch_box{
margin-bottom: 30px;
}

#about02 .stit02{
line-height: 50px;
height: 50px;
font-size:20px;
text-align: left;
padding: 0 16px;
margin-bottom: 10px;
}

#about02 .access th{
padding:10px 15px;
width:9.8em;
font-weight: bold;
}

#about02 .access td{
padding:15px 15px;
}

#about02 .access .ti{
text-indent: -1.6em;
padding-left:1.6em;
}

#about02 .access .ti02{
text-indent: -4em;
padding-left:4em;
}


}/*-----------------------------*/



@media screen and (max-width: 480px) {/*-----------------------------*/
/*

#rec01 .jobs_list li{
-webkit-border-radius: 6px;
-moz-border-radius:6px;
border-radius: 6px;
color:#fff;
background:url(/img/recruit/btn_arrow.png) 95% 50% no-repeat #003366;
padding: 5px;
margin-bottom: 12px;
}

#rec01 .jobs_list li .img{
display: inline-block;
}

#rec01 .jobs_list li .img img{
height: 75px;
}

#rec01 .jobs_list p{
line-height: 1.6;
letter-spacing: 2px;
font-size:20px;
position: absolute;
top: 50%;
left:128px;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#rec01 .jobs_list p span{
font-size:15px;
display: block;
}

#rec02 p i{
color:#d94277;
}*/

#tabBoxes .tabs{
border:1px solid #ccc;
margin-bottom: 35px;
}

#tabBoxes .tabs li{
width:50%;
border-right:1px solid #ccc;
font-weight: bold;

}

#tabBoxes .tabs li:nth-child(3){
border-right:none;
}

#tabBoxes .tabs li a{
display:block;
letter-spacing: 0.5px;
background: #fff;
padding: 10px 0;
}

#tabBoxes .tabs li a:hover,
#tabBoxes .tabs li.active a{
color:#fff;
background:#014e9a;
position: relative;
}

#tabBoxes .tabs li.active:after{
 border: solid transparent;
 content:'';
 height:0;
 width:0;
 pointer-events:none;
 position:absolute;
 border-color: rgba(1, 78, 54, 0);
 border-top-width:10px;
 border-bottom-width:10px;
 border-left-width:10px;
 border-right-width:10px;
 margin-left: -10px;
 border-top-color:#014e9a;
 top:100%;
 left:50%;
}

#tabBoxes .tabs li a:hover{
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}

#tabBoxes .content{

}

.staff_wrap{
margin-bottom: 60px;
}

.staff_list .clm4{
padding: 0  3%;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-justify-content: space-between;
   -ms-flex-pack:space-between;
     justify-content:space-between;
 -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}

.staff_list .clm4 li{
width: 48%;
border: 1px solid #014e9a;
margin-bottom: 18px;
}

.staff_list .clm4 li .name{
line-height: 36px;
color:#fff;
background: #014e9a;
}

.staff_detail .img02{
position: absolute;
top:0;
left:0;
width:80px;
height:68px;
border: 1px solid #ccc;
}

.staff_detail{
display: none;
}

.staff_detail .staff_box01{
margin-bottom: 20px;
min-height: 94px;
margin-bottom: 10px;
}

.staff_detail .staff_box01 .name2{
padding-left:100px;
line-height: 68px;
}

.staff_detail .img02 img{
width:76px;
height:66px;
object-fit: cover;
}

/*
.staff_detail table th{
width:13em;
max-width: 22%;
padding: 10px 8px 10px 12px;
}

.staff_detail table td{
padding: 10px 12px;
}*/

#about #tab1 .table01 th{
padding: 12px 12px 12px 12px;
width:5em;
}

#about #tab1 .table01 td{
line-height: 1.8;
}

#about02 .box01{
margin-bottom: 60px;
}

#about02 .img01{
display: block;
text-align: center;
margin-bottom: 18px;
}

#about02 .branch_box .table01{
width:100%;
}

#about02 .branch_box th{
padding:8px 10px;
width:5em;
}

#about02 .table01 td{
padding:8px 10px;
}

#about02 .branch_box{
margin-bottom: 30px;
}

#about02 .stit02{
line-height: 50px;
height: 50px;
font-size:20px;
text-align: left;
padding: 0 16px;
margin-bottom: 10px;
}

.staff_detail table,
#about02 .access{
width: 100%;
display: block;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.staff_detail table tr,
.staff_detail table tbody,
#about02 .access tr,
#about02 .access tbody{
display: block;
width: 100%;
}

.staff_detail table th,
#about02 .access th{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
padding: 12px 12px 0;
text-align: left;
font-weight: bold;
border: none;
}

.staff_detail table td,
#about02 .access td{
display: block;
width: 100%;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
padding: 3px 12px 12px;
border-bottom: 1px solid #ccc;
border-top: none;
border-left: none;
border-right: none;
}
/*
#about02 .access th{
padding:8px 10px;
width:6em;

}

#about02 .access td{
padding:10px;
}
*/
#about02 .access .ti{
text-indent: -1.6em;
padding-left:1.6em;
}

#about02 .access .ti02{
text-indent: -4em;
padding-left:4em;
}


}/*-----------------------------*/