@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

#hedwrap { position: relative; }
.hed_img { width: 100%; margin: 0 auto; background: url(../images/business/hed_img.jpg) center center; height: 400px; background-size: cover; margin-top: 100px; display: flex; align-items: center; }

/*----com_box-----*/

.com_box { width: 100%; margin: 0 auto 70px; }
.com_tit { text-align: center; font-size: 25px; font-weight: bold; color: #1d2088; margin-bottom: 30px; }
.com_txt { text-align: center; line-height: 2em; }

.box { margin-bottom: 70px; }
.box_tit { border-bottom: solid 3px #ddd;
position: relative; font-size: 20px; font-weight: bold; margin-bottom: 30px; }
.box_tit::before {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #1d2088;
bottom: -3px;
width: 20%;
}

/*---画像リスト---*/

.img_list2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.img_list2 li { flex-basis: 48%; max-width: 48%; margin-right: 4%; }
.img_list2 li:nth-child(2n+2) { margin-right: 0px; }
.list_img { width: 100%; margin: 0 auto; }
.list_img img { width: 100%; height: auto; }

/*---枠--*/

.box_waku {
position: relative;
padding: 30px;
}

.box_waku:before,.box_waku:after{ 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.box_waku:before{
border-left: solid 2px #1d2088;
border-top: solid 2px #1d2088;
top:0;
left: 0;
}
.box_waku:after{
border-right: solid 2px #1d2088;
border-bottom: solid 2px #1d2088;
bottom:0;
right: 0;
}


.com_table2 { width: 100%; margin: 0 auto; }
.com_table2 th { color: #fff; background: #1d2088; color: #fff; text-align: center; border-bottom: 1px solid #ededed; padding: 10px; }
.com_table2 td { padding: 10px; border: 1px solid #ededed; }

.reason_box { width: 100%; margin: 0 auto 70px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.reason_box2 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }



.reason_txtbox { flex-basis: 40%; max-width: 40%; }
.reason_imgbox { flex-basis: 55%; max-width: 55%; }

.reason_img { width: 100%; margin: 0 auto; }
.reason_img img { width: 100%; height: auto; }

.reason_tit_num { color: #333; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.reason_tit_num span { position: relative; padding-right: 40px; font-size: 14px; }
.reason_tit_num span::before {
content: "";
width: 20px;
display: block;
position: absolute;
right: 10px;
top: 48%;
background: #333;
height: 1px;
}

.reason_tit { font-size: 18px; font-weight: bold; margin-bottom: 15px; color: #1d2088; line-height: 2em; }

.reason_txt { line-height: 1.8em; }









}




/*----------------------------------------------------*/




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


#hedwrap { position: relative; }
.hed_img { width: 100%; margin: 0 auto; background: url(../images/business/hed_img.jpg) center center; height: 200px; background-size: cover; margin-top: 100px; display: flex; align-items: center; }

/*----com_box-----*/

.com_box { width: 100%; margin: 0 auto 50px; }
.com_tit { text-align: center; font-size: 20px; font-weight: bold; color: #1d2088; margin-bottom: 30px; }
.com_txt { text-align: center; line-height: 2em; }

.box { margin-bottom: 50px; }
.box_tit { border-bottom: solid 3px #ddd;
position: relative; font-size: 18px; font-weight: bold; margin-bottom: 30px; }
.box_tit::before {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #1d2088;
bottom: -3px;
width: 20%;
}

/*---画像リスト---*/

.img_list2 { width: 100%; margin: 0 auto; }
.img_list2 li { width: 100%; margin: 0 auto; }
.img_list2 li:nth-child(n+2) { margin-top: 50px; }
.list_img { width: 100%; margin: 0 auto; }
.list_img img { width: 100%; height: auto; }

/*---枠--*/

.box_waku {
position: relative;
padding: 30px;
}

.box_waku:before,.box_waku:after{ 
content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
.box_waku:before{
border-left: solid 2px #1d2088;
border-top: solid 2px #1d2088;
top:0;
left: 0;
}
.box_waku:after{
border-right: solid 2px #1d2088;
border-bottom: solid 2px #1d2088;
bottom:0;
right: 0;
}


.com_table2 { width: 100%; margin: 0 auto; overflow-x: scroll; }
.com_table2 th { color: #fff; background: #1d2088; color: #fff; text-align: center; border-bottom: 1px solid #ededed; padding: 10px; display: table-cell; }
.com_table2 td { padding: 10px; border: 1px solid #ededed; display: table-cell; }


.business_detail { margin: 50px 0px; }

.business_box { width: 100%; margin: 0 auto; }
.business_boxL {  width: 100%; margin: 0 auto 15px; }
.business_boxR {  width: 100%; margin: 0 auto; }
.business_img { width: 100%; margin: 0 auto; }
.business_img img { width: 100%; height: auto; }

.business_tit { background: #1d2088; color: #fff; font-size: 16px; font-weight: bold; padding: 10px;}



.reason_box { width: 100%; margin: 0 auto 50px; }
.reason_box2 { width: 100%; margin: 0 auto; }



.reason_txtbox { width: 100%; margin: 0 auto 30px; }
.reason_imgbox { width: 100%; margin: 0 auto; }

.reason_img { width: 100%; margin: 0 auto; }
.reason_img img { width: 100%; height: auto; }

.reason_tit_num { color: #333; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.reason_tit_num span { position: relative; padding-right: 40px; font-size: 14px; }
.reason_tit_num span::before {
content: "";
width: 20px;
display: block;
position: absolute;
right: 10px;
top: 48%;
background: #333;
height: 1px;
}

.reason_tit { font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #1d2088; line-height: 2em; }

.reason_txt { line-height: 1.8em; }








}