@charset "UTF-8";
/*
 * CSS pageParts.css
 */

/* ---------------------------------------
#index
--------------------------------------- */
/* common */
#index .btnlink{ min-width: 200px; }
#index .indexsectitlebox{ }
#index .indexsectitlebox .title,
#index .indexsectitlebox .subtitle{ text-align: center; font-weight: bold; }
#index .indexsectitlebox .title{ font-size: 3em; line-height: 1.4; }
#index .indexsectitlebox .subtitle{ font-size: 1.13em; }
@media screen and (max-width: 767px) {
	#index .indexsectitlebox .subtitle{ font-size: 1em; }
	#index .indexsectitlebox .title{ font-size: 2.29em; }
}

/* sec_1 */
#index #sec_1{  }
#index #sec_1 #s1_insec1{ padding-top: 70px; padding-bottom: 75px; }
#index #sec_1 #s1_insec1 .copy1,
#index #sec_1 #s1_insec1 .txt1,
#index #sec_1 #s1_insec1 .link1{ text-align: center; }
#index #sec_1 #s1_insec1 .copy1{ font-weight: bold; font-size: 2.5em; line-height: 1.6; margin-bottom: 15px; font-feature-settings : "palt"; }
#index #sec_1 #s1_insec1 .txt1{  }
#index #sec_1 #s1_insec1 .link1{ margin-top: 40px; }
@media screen and (max-width: 767px) {
	#index #sec_1 #s1_insec1{ padding-top: 25px; padding-bottom: 40px; }
	#index #sec_1 #s1_insec1 .copy1{ font-size: 1.57em; margin-bottom: 15px; }
	#index #sec_1 #s1_insec1 .txt1{ text-align: left; }
	#index #sec_1 #s1_insec1 .link1{ margin-top: 15px; }
}

#index #sec_1 #s1_insec2{ max-width: 100%; width: calc(100% - 120px) }
#index #sec_1 #s1_insec2 .list1{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#index #sec_1 #s1_insec2 .list1>li{ width: 33.33%; }
@media screen and (max-width: 767px) {
	#index #sec_1 #s1_insec2{ width: 100% }
	#index #sec_1 #s1_insec2 .list1{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	#index #sec_1 #s1_insec2 .list1>li{ width: 100%; }
}


/* sec_2 */
#index #sec_2{ margin-top: 130px; }
#index #sec_2 .bodyinwrap{ max-width: 1080px; margin-left: auto; margin-right: auto; width: 88%; }
#index #sec_2 .txt1{ margin-top: 35px; text-align: center; margin-bottom: 35px; }
#index #sec_2 .link1{ margin-top: 40px; text-align: center; }
#index #sec_2 .workslist>ul>li:nth-child(4){ display: none; }
@media screen and (max-width: 767px) {
	#index #sec_2{ margin-top: 55px; }
	#index #sec_2 .txt1{ margin-top: 15px; text-align: left; margin-bottom: 15px; }
	#index #sec_2 .link1{ margin-top: 20px; }
	#index #sec_2 .workslist>ul>li:nth-child(4){ display: block; }
}

/* sec_3 */
#index #sec_3{ margin-top: 150px; }
#index #sec_3 #s3_insec1{ max-width: 1200px; width: 88%; }
#index #sec_3 #s3_insec1 .indexsectitlebox{ margin-bottom: 40px; }
#index #sec_3 #s3_insec1 .link1{ margin-top: 40px; text-align: center; }
#index #sec_3 #s3_insec2{ max-width: 1040px; margin-top: 100px; }
@media screen and (max-width: 767px) {
	#index #sec_3{ margin-top: 55px; }
	#index #sec_3 .bodyinwrap{ padding: 0; }
	#index #sec_3 #s3_insec1 .link1{ margin-top: 20px; }
	#index #sec_3 #s3_insec2{ margin-top: 60px; width: 100%; margin-left: 0; margin-right: 0; }
}

/* sec_4 */
#index #sec_4{ margin-top: 150px; }
#index #sec_4 .bodyinwrap{ max-width: 1200px; width: 88%; margin-left: auto; margin-right: auto; }
#index #sec_4 .indexsectitlebox{ margin-bottom: 40px; }
#index #sec_4 .boxblock.yoko.c2.magazine{ margin-top: 30px; }
#index #sec_4 .boxblock.yoko.c2.magazine>ul>li{ margin-top: 25px; border-top: 1px solid #e5e5e5; padding-top: 25px; margin-bottom: 0; }
#index #sec_4 .link1{ margin-top: 50px; text-align: center; }
@media screen and (max-width: 767px) {
	#index #sec_4{ margin-top: 40px; }
	#index #sec_4 .indexsectitlebox{ margin-bottom: 20px; }
	#index #sec_4 .boxblock.yoko.c2.magazine{ display: none; }/*
	#index #sec_4 .boxblock.yoko.c2.magazine{ margin-top: 20px; border-top: 1px solid #e5e5e5; padding-top: 20px; }
	#index #sec_4 .boxblock.yoko.c2.magazine>ul{ margin-bottom: -20px; }
	#index #sec_4 .boxblock.yoko.c2.magazine>ul>li{ margin-top: 0; border-top: none; padding-top: 0; margin-bottom: 20px; }*/
	#index #sec_4 .link1{ margin-top: 20px; }
}


/* sec_5 */
#index #sec_5 #s5_insec1{ margin-top: 145px; max-width: 1040px; width: 88%; }
#index #sec_5 #s5_insec1 .titlebox1{ position: relative; margin-bottom: 40px; }
#index #sec_5 #s5_insec1 .titlebox1 .link{ position: absolute; right: 0; bottom: 0; }
#index #sec_5 #s5_insec1 .titlebox1 .title,
#index #sec_5 #s5_insec1 .titlebox1 .subtitle{ text-align: center; font-weight: bold; }
#index #sec_5 #s5_insec1 .titlebox1 .title{ font-size: 3em; line-height: 1.4; }
#index #sec_5 #s5_insec1 .titlebox1 .subtitle{ font-size: 1.13em; }
#index #sec_5 #s5_insec1 .link>a{ font-size: 0.88em; display: inline-block; text-decoration: none; }
#index #sec_5 #s5_insec1 .link>a:after{ content: ""; display: inline-block; width: 8px; height: 8px; border-top:1px solid #191919; border-right:1px solid #191919; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: 5px; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
#index #sec_5 #s5_insec1 .link>a:hover{ opacity: 1; color: #cc0001; }
#index #sec_5 #s5_insec1 .link>a:hover:after{ border-top:1px solid #cc0001; border-right:1px solid #cc0001; }
#index #sec_5 #s5_insec1 .newstopics{ overflow-y: auto; max-height: 320px; }
#index #sec_5 #s5_insec1 .newstopics>dt{ padding-left: 100px; width: 100px; }
#index #sec_5 #s5_insec1 .newstopics>dd{ padding-left: 220px; }
#index #sec_5 #s5_insec2 { margin-top: 110px; max-width: 100%; }
@media screen and (max-width: 767px) {
	#index #sec_5 .bodyinwrap{ padding-left: 0; padding-right: 0; }
	#index #sec_5 #s5_insec1{ margin-top: 85px; width: 88%; }
	#index #sec_5 #s5_insec1 .titlebox1{ margin-bottom: 20px; }
	#index #sec_5 #s5_insec1 .titlebox1 .link{ display: block; position: static; text-align: right; margin-top: 5px; }
	#index #sec_5 #s5_insec1 .titlebox1 .title{ font-size: 2.29em; }
	#index #sec_5 #s5_insec1 .titlebox1 .subtitle{ font-size: 1em; }
	#index #sec_5 #s5_insec1 .newstopics{ max-height: none; }
	#index #sec_5 #s5_insec1 .newstopics>dt{ padding-left: 0; width: 100%; }
	#index #sec_5 #s5_insec1 .newstopics>dd{ padding-left: 0; }
	#index #sec_5 #s5_insec2 { margin-top: 40px; }
}






/* ---------------------------------------
#company
--------------------------------------- */
/* common */
#company #sec_2 .txtbox1 dl>dt,
#company #sec_3 .txtbox1 dl>dt{ float: left; width: 120px; }
#company #sec_2 .txtbox1 dl>dd,
#company #sec_3 .txtbox1 dl>dd{ padding-left: 140px; }
@media screen and (max-width: 767px) { 
	#company #sec_2 .txtbox1 dl>dt,
	#company #sec_3 .txtbox1 dl>dt{ float: none; width: 100%; }
	#company #sec_2 .txtbox1 dl>dd,
	#company #sec_3 .txtbox1 dl>dd{ padding-left: 0; }
}


/* sec_1 */
#company #sec_1 .txtbox2{ margin-top: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; justify-content: flex-end; }
/*#company #sec_1 .txtbox2 .img1{ width: 700px; }*/
#company #sec_1 .txtbox2 .txt1{ /*width: calc(100% - 700px);*/ /*display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; height: 100%;*/ font-size: 1.13em; /*justify-content: flex-end;*/ }
#company #sec_1 .txtbox2 .txt1 .img2{ width: 130px; height: 38px; margin-left: 20px; }
@media screen and (max-width: 767px) { 
	#company #sec_1 .txtbox2{ margin-top: 40px; display: block; }
	/*#company #sec_1 .txtbox2 .img1{ width: 100%; margin-bottom: 20px; }*/
	/*#company #sec_1 .txtbox2 .txt1{ width: 100%; display: block; text-align: center; height: auto; font-size: 1.13em; }*/
	#company #sec_1 .txtbox2 .txt1{ text-align: right; }
	#company #sec_1 .txtbox2 .txt1 .img2{ width: 120px; height: 30px; margin-left: 10px; }
}

/* sec_2 */
#company #sec_2 .txtbox1{ background-color: #f7f7f7; padding: 50px 80px; }
#company #sec_2 .txtbox1>ul>li{ margin-bottom: 30px; }
#company #sec_2 .txtbox1>ul>li:last-child{ margin-bottom: 0; }
@media screen and (max-width: 767px) { 
	#company #sec_2 .txtbox1{ padding: 25px 6%; }
	#company #sec_2 .txtbox1>ul>li{ margin-bottom: 20px; }
}

/* sec_3 */
#company #sec_3 .txtbox1>ul>li{ margin-bottom: 10px; background-color: #f7f7f7; padding: 25px 80px; }
#company #sec_3 .txtbox1>ul>li:last-child{ margin-bottom: 0; }
@media screen and (max-width: 767px) { 
	#company #sec_3 .txtbox1>ul>li{ padding: 15px 6%; }
}

/* sec_4 */
#company #sec_4 .txt1{ text-align: center; margin-bottom: 30px; }
#company #sec_4 .map{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
#company #sec_4 .map iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#company #sec_4 .link1{ margin-top: 20px; text-align: center }
@media screen and (max-width: 767px) { 
	#company #sec_4 .map{ padding-bottom: 0; padding-top: 0; width: 100%; height: 300px; }
	#company #sec_4 .map iframe{ position: static; }
}
@media screen and (max-width: 639px) { 
	#company #sec_4 .txt1{ text-align: left; margin-bottom: 20px; }
}






/* ---------------------------------------
#point.policy
--------------------------------------- */

/* sec_1 */
#point.policy #sec_1{  }
#point.policy #sec_1 .copy{ font-size: 2em; font-weight: bold; line-height: 1.6; text-align: center; margin-bottom: 20px; }
#point.policy #sec_1 .copy span{ font-weight: bold; }
#point.policy #sec_1 .txt{ text-align: center; }
@media screen and (max-width: 767px) { 
	#point.policy #sec_1 .copy{ font-size: 1.57em; margin-bottom: 15px; }
	#point.policy #sec_1 .txt{ text-align: left; }
}

/* sec_2 */
#point.policy #sec_2>section>.bodyinwrap{ max-width: 1200px; }
#point.policy #sec_2 .commitmentlist .link .btnlink{ min-width: 200px; }




/* commitmentlist */
#point.policy .commitmentlist{  }
#point.policy .commitmentlist>ul{ margin-bottom: -40px; }
#point.policy .commitmentlist>ul>li{ background: #f7f7f7; margin-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px; }
#point.policy .commitmentlist>ul>li .boxtitle{ font-size: 2em; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 30px; }
#point.policy .commitmentlist>ul>li .boxtitle span{ font-weight: bold; }
#point.policy .commitmentlist>ul>li .mainimg{ margin-bottom: 30px; }
#point.policy .commitmentlist>ul>li .mainimg img{ width: 100%; height: 400px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
#point.policy .commitmentlist>ul>li .txtbox{  }
#point.policy .commitmentlist>ul>li .txtbox .copy{ font-size: 1.5em; font-weight: bold; line-height: 1.6; text-align: center; margin-bottom: 20px; }
#point.policy .commitmentlist>ul>li .txtbox .copy span{ font-weight: bold; }
#point.policy .commitmentlist>ul>li .txt,
#point.policy .commitmentlist>ul>li .txtbox .txt{ text-align: center; margin-bottom: 10px; }
#point.policy .commitmentlist>ul>li .galleryimglist .txt{ text-align: left; }
#point.policy .commitmentlist>ul>li .dlbox{ margin-top: 20px; background: #fff; padding: 20px 6%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#point.policy .commitmentlist>ul>li .dlbox>dt,
#point.policy .commitmentlist>ul>li .dlbox>dd{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; }
#point.policy .commitmentlist>ul>li .dlbox>dt{ font-size: 1.13em; font-weight: bold; padding-right: 60px; flex-shrink: 0; }
#point.policy .commitmentlist>ul>li .dlbox>dd{  }
#point.policy .commitmentlist>ul>li .dlbox>dd>ul{ columns: 2; column-gap:40px; }
#point.policy .commitmentlist>ul>li .dlbox>dd>ul>li{  }
#point.policy .commitmentlist>ul>li .link{ margin-top: 20px; text-align: center; }
@media screen and (max-width: 767px) { 
	#point.policy .commitmentlist>ul{ margin-bottom: -20px; }
	#point.policy .commitmentlist>ul>li{ padding: 30px 6%; margin-bottom: 20px; }
	#point.policy .commitmentlist>ul>li .boxtitle{ font-size: 1.57em; margin-bottom: 15px; }
	#point.policy .commitmentlist>ul>li .txtbox .copy{ font-size: 1.13em; margin-bottom: 15px; }
	#point.policy .commitmentlist>ul>li .txt,
	#point.policy .commitmentlist>ul>li .txtbox .txt{ text-align: left; }
	#point.policy .commitmentlist>ul>li .mainimg{ margin-bottom: 20px; }
	#point.policy .commitmentlist>ul>li .mainimg img{ height: 200px; }
	#point.policy .commitmentlist>ul>li .dlbox{ display: block; margin-top: 15px; }
	#point.policy .commitmentlist>ul>li .link{ margin-top: 15px; }
	#point.policy .commitmentlist>ul>li .dlbox>dd>ul{ columns:auto; }
}




/* ---------------------------------------
#point.service
--------------------------------------- */

/* sec_1 */
#point.service #sec_1{  }
#point.service #sec_1 .copy{ font-size: 1.5em; font-weight: bold; line-height: 1.6; text-align: center; margin-bottom: 20px; }
#point.service #sec_1 .copy span{ font-weight: bold; }
@media screen and (max-width: 767px) { 
	#point.service #sec_1 .copy{ font-size: 1.25em; }
}

/* sec_2 */
#point.service #sec_2{  }
#point.service #sec_2 .img1,
#point.service #sec_3 .img1{ margin-bottom: 20px; }
#point.service #sec_2 .txt1,
#point.service #sec_3 .txt1{  }
#point.service #sec_2 .box1,
#point.service #sec_3 .box1{ margin-top: 30px; }
#point.service #sec_2 .box1 .txtbox{ background: #f2f2f2; padding: 25px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#point.service #sec_2 .box1 .txtbox .copy{ font-size: 1.88em; text-align: center; line-height: 1.6; margin-bottom: 10px; }
#point.service #sec_2 .box1 .txtbox .txt{  }
#point.service #sec_2 .box1 .saxtontitlebox{  }
@media screen and (max-width: 767px) { 
	#point.service #sec_2 .img1,
	#point.service #sec_3 .img1{ margin-bottom: 15px; }
	#point.service #sec_2 .box1,
	#point.service #sec_3 .box1{ margin-top: 20px; }
	#point.service #sec_2 .box1 .txtbox{ padding: 20px 6%; }
	#point.service #sec_2 .box1 .txtbox .copy{ font-size: 1.5em; }
}

/* sec_3 */
#point.service #sec_3{  }
#point.service #sec_3 .box1{ background: #f2f2f2; padding: 25px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#point.service #sec_3 .box1 .title{ font-size: 1.13em; font-weight: bold; margin-bottom: 10px; }
#point.service #sec_3 .box1 .title span{ font-weight: bold; }
#point.service #sec_3 .box1 .list{ columns: 2; column-gap:40px; }
#point.service #sec_3 .link1,
#point.service #sec_5 .link1{ text-align: center; margin-top: 30px; }
@media screen and (max-width: 767px) { 
	#point.service #sec_3 .box1{ padding: 20px 6%; }
	#point.service #sec_3 .box1 .title{ font-size: 1.13em; }
	#point.service #sec_3 .box1 .list{ columns: auto; }
	#point.service #sec_3 .link1,
	#point.service #sec_5 .link1{ margin-top: 20px; }
}

/* sec_4 */
#point.service #sec_4{  }
#point.service #sec_4 .box1,
#point.service #sec_5 .box1{  }
#point.service #sec_4 .box1 .txt,
#point.service #sec_5 .box1 .txt{ float: left; width: 51%; }
#point.service #sec_4 .box1 .img,
#point.service #sec_5 .box1 .img{ float: right; width: 45%; }
@media screen and (max-width: 767px) { 
	#point.service #sec_4 .box1 .txt,
	#point.service #sec_5 .box1 .txt{ float: none; width: 100%; margin-bottom: 15px; }
	#point.service #sec_4 .box1 .img,
	#point.service #sec_5 .box1 .img{ float: none; width: 100%; }
}




/* ---------------------------------------
#point.flow
--------------------------------------- */

/* sec_1 */
#point.flow #sec_1{  }
#point.flow #sec_1 #s1_insec1,
#point.flow #sec_1 #s1_insec3 .box1{ background: #f7f7f7; padding: 40px 6%; }
#point.flow #sec_1 #s1_insec1 .title,
#point.flow #sec_1 #s1_insec3 .title{ font-size: 1.75em; font-weight: bold; line-height: 1.6; margin-bottom: 10px; text-align: center; }
#point.flow #sec_1 #s1_insec1 .title span,
#point.flow #sec_1 #s1_insec3 .title span{ font-weight: bold; }
#point.flow #sec_1 #s1_insec1 .txt1{  }
@media screen and (max-width: 767px) { 
	#point.flow #sec_1 #s1_insec1,
	#point.flow #sec_1 #s1_insec3 .box1{ padding: 30px 6%; }
	#point.flow #sec_1 #s1_insec1 .title,
	#point.flow #sec_1 #s1_insec3 .title{ font-size: 1.29em; }
}

/* sec_1 */
#point.flow #sec_1 #s1_insec3 .txt{ text-align: center; }
#point.flow #sec_1 #s1_insec3 .link1{ text-align: center; margin-top: 30px; }
@media screen and (max-width: 767px) { 
	#point.flow #sec_1 #s1_insec3 .txt{ text-align: left; }
}





/* ---------------------------------------
#point.faq
--------------------------------------- */

/* sec_2 */
#point.faq #sec_2{  }
#point.faq #sec_2 .qalist{  }
#point.faq #sec_2 .qalist>li{ margin-bottom: 25px; }
#point.faq #sec_2 .qalist>li>dl{  }
#point.faq #sec_2 .qalist>li>dl>dt{ margin-bottom: 20px; position: relative; cursor: pointer; padding-right: 70px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; }
#point.faq #sec_2 .qalist>li>dl>dt .montserratfont{ font-size: 3.75em; font-weight: bold; line-height: 1; padding-right: 20px; }
#point.faq #sec_2 .qalist>li>dl>dt .maintxt{ font-weight: bold; }
#point.faq #sec_2 .qalist>li>dl>dt:before { content: ""; width: 42px; background: #191919; height: 1px; position: absolute; top: 50%; margin-top: 0px; right: 0; margin-right: 0; font-size:0; }
#point.faq #sec_2 .qalist>li>dl>dt:after { content: ""; width: 1px; background: #191919; height: 42px; position: absolute; top: 50%; margin-top: -21px; right: 21px; }
#point.faq #sec_2 .qalist>li>dl>dt.open:after{ content: none }
#point.faq #sec_2 .qalist>li>dl>dd{ margin-bottom: 20px; }
@media screen and (max-width: 767px) { 
	#point.faq #sec_2 .qalist>li>dl>dt .montserratfont{ font-size: 2.75em; }
	#point.faq #sec_2 .qalist>li>dl>dt:before{ width: 30px; }
	#point.faq #sec_2 .qalist>li>dl>dt:after{ height: 30px; margin-top: -15px; right: 15px; }
	#point.faq #sec_2 .qalist>li>dl>dt{ padding-right: 50px; margin-bottom: 10px; }
}



/* ---------------------------------------
#point.seismic
--------------------------------------- */

/* sec_2 */
#point.seismic #sec_2 .insectitle{ text-align: left; }
#point.seismic #sec_2 .imglist,
#point.seismic #sec_2 .table{ margin-top: 25px; }
#point.seismic #sec_2 .imglist{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
/*#point.seismic #sec_2 .imglist>li{ width: 33.3%; }*/
#point.seismic #sec_2 .imglist>li{ max-width: 636px; width: 100%; }
#point.seismic #sec_2 .table th,
#point.seismic #sec_2 .table td{ vertical-align: middle; padding: 25px 20px; border: 1px solid #000; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#point.seismic #sec_2 .table th{ padding-left: 35px; padding-right: 35px; width: 175px; }
#point.seismic #sec_2 .box1 .txt{ float: left; width: 51%; }
#point.seismic #sec_2 .box1 .img{ float: right; width: 45%; }
#point.seismic #sec_2 .box1 .txt .box2{ margin-top: 30px; }
#point.seismic #sec_2 .box1 .txt .box2 .title{ font-size: 1.4em; margin-left: -10px; margin-bottom: 10px; line-height: 1.6; }
#point.seismic #sec_2 .box1 .txt .box2 .title p{ display: inline-block; margin-left: 10px; }
#point.seismic #sec_2 .box1 .txt .box2 .title .main{ font-weight: bold; }
#point.seismic #sec_2 .box1 .txt .box2 .title .sub{ font-size: 0.9em; }
#point.seismic #sec_2 .box1 .img .cap{ font-weight: bold; margin-top: 10px; }
#point.seismic #sec_2 #s2_insec3 .img{ text-align: center; margin-top: 10px; }
#point.seismic #sec_2 #s2_insec3 .img img{ max-width: 880px; width: 100%; }
@media screen and (max-width: 767px) { 
	#point.seismic #sec_2 .imglist,
	#point.seismic #sec_2 .table{ margin-top: 15px; }
	#point.seismic #sec_2 .box1 .txt{ float: none; width: 100%; margin-bottom: 15px; }
	#point.seismic #sec_2 .box1 .img{ float: none; width: 100%; }
	#point.seismic #sec_2 .table th,
	#point.seismic #sec_2 .table td{ padding: 15px 6%; }
	#point.seismic #sec_2 .table th{ padding-left: 6%; padding-right: 6%; width: 40%; }
	#point.seismic #sec_2 .box1 .txt .box2{ margin-top: 20px; }
	#point.seismic .insec{ margin-bottom: 40px; }
}
@media screen and (max-width: 639px) { 
	#point.seismic #sec_2 .imglist{ display: block; }
	#point.seismic #sec_2 .imglist>li{ max-width: 318px; }
}

#point.seismic #sec_3 #s3_insec2 .copy{ text-align: center; font-size: 1.75em; line-height: 1.6; font-weight: bold; margin-bottom: 30px; }
#point.seismic #sec_3 #s3_insec2 .copy span{ font-weight: bold; }
@media screen and (max-width: 767px) { 
	#point.seismic #sec_3 #s3_insec2 .copy{ font-size: 1.29em; }
}




/* ---------------------------------------
#recruit
--------------------------------------- */

/* sec_1 */
#recruit #sec_1{  }
#recruit #sec_1 .img{ margin-top: 30px; }
#recruit #sec_1 .img img{ width: 100%; height: 400px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ }
#recruit #sec_1 .txt{ text-align: center; }
@media screen and (max-width: 767px) { 
	#recruit #sec_1 .img{ margin-top: 20px; }
	#recruit #sec_1 .img img{ height: 200px; }
	#recruit #sec_1 .txt{ text-align: left; }
}

/* sec_2 */
#recruit #sec_2{  }
#recruit #sec_2 .txt{ background: #f7f7f7; padding: 41px 6%; text-align: center; font-size: 1.25em; font-weight: bold; }
#recruit #sec_2 .txt span{ font-weight: bold; }
@media screen and (max-width: 767px) { 
	#recruit #sec_2 .txt{ padding: 30px 6%; }
}

/* sec_3 */
#recruit #sec_3{  }
#recruit #sec_3 .insectitle{ margin-bottom: 20px; }
#recruit #sec_3 .galleryimglist{ margin-top: 30px; }
#recruit #sec_3 .txt2{ margin-top: 50px; background: #f7f7f7; padding: 28px 6%; text-align: center; }
@media screen and (max-width: 767px) { 
	#recruit #sec_3 .insectitle{ margin-bottom: 15px; }
	#recruit #sec_3 .galleryimglist{ margin-top: 15px; }
	#recruit #sec_3 .txt2{ margin-top: 30px; padding: 20px 6%; text-align: left; }
}

/* sec_4 */
#recruit #sec_4{  }
#recruit #sec_4 .list{ background: #f7f7f7; padding: 50px 80px; }
#recruit #sec_4 .list>li{ margin-bottom: 30px; }
#recruit #sec_4 .list>li:last-child{ margin-bottom: 0; }
#recruit #sec_4 .list>li>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
#recruit #sec_4 .list>li>dl>dt{ width: 135px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; }
#recruit #sec_4 .list>li>dl>dd{  }
#recruit #sec_4 .link1{ margin-top: 35px; text-align: center }
@media screen and (max-width: 767px) { 
	#recruit #sec_4 .list{ padding: 30px 6%; }
	#recruit #sec_4 .list>li{ margin-bottom: 20px; }
	#recruit #sec_4 .list>li>dl{ display: block; }
	#recruit #sec_4 .list>li>dl>dt{ width: 100%; padding-right: 0; }
	#recruit #sec_4 .link1{ margin-top: 20px; }
}




/* ---------------------------------------
#contact
--------------------------------------- */

/* s1_insec1 */
#contact #s1_insec1{  }
#contact #s1_insec1 .copy{ font-size: 1.75em; font-weight: bold; line-height: 1.6; margin-bottom: 15px; text-align: center; }
#contact #s1_insec1 .copy span{ font-weight: bold; }
#contact #s1_insec1 .txt{ text-align: center; }
#contact #s1_insec1 .linklist1{ margin-top: 30px; }
#contact #s1_insec1 .linklist1>ul{ text-align: center; margin-left: -5px; margin-bottom: -10px; }
#contact #s1_insec1 .linklist1>ul>li{ display: inline-block; margin-left: 5px; margin-bottom: 10px; }
#contact #s1_insec1 .linklist1>ul>li>a{  }
@media screen and (max-width: 767px) { 
	#contact #s1_insec1 .copy{ font-size: 1.5em; text-align: left; margin-bottom: 10px; }
	#contact #s1_insec1 .linklist1{ margin-top: 15px; }
	#contact #s1_insec1 .txt{ text-align: left; }
}


/* s1_insec2 */
#contact #s1_insec2{  }
#contact #s1_insec2 .contactbox{  }
#contact #s1_insec2 .contactbox .title,
#contact #s1_insec2 .contactbox .link,
#contact #s1_insec2 .contactbox .info{ text-align: center; }
#contact #s1_insec2 .contactbox .link .tel_link{ font-size: 2.38em; line-height: 1.6; font-weight: bold; }
@media screen and (max-width: 767px) { 
	#contact #s1_insec2 .contactbox .link .tel_link{ font-size: 1.75em; }
}

/* s1_insec3 */
#contact #s1_insec3{  }
#contact #s1_insec3 .formbox1{  }
#contact #s1_insec3 .formbox1>ul{  }
#contact #s1_insec3 .formbox1>ul>li{ margin-bottom: 20px; }
#contact #s1_insec3 .formbox1>ul>li>dl{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; -ms-align-items: center; align-items: center; }
#contact #s1_insec3 .formbox1>ul>li._1>dl{ -ms-align-items: flex-start; align-items: flex-start; }
#contact #s1_insec3 .formbox1>ul>li>dl>dt{ width: 280px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 20px; }
#contact.index #s1_insec3 .formbox1>ul>li._1>dl>dt{ padding-top: 20px; }
#contact #s1_insec3 .formbox1>ul>li>dl>dd{ width: calc(100% - 280px) }
#contact #s1_insec3 .formbox1>ul>li>dl>dd select,
#contact #s1_insec3 .formbox1>ul>li>dl>dd input,
#contact #s1_insec3 .formbox1>ul>li>dl>dd textarea{ width: 100%; }
#contact #s1_insec3 .formbox1>ul>li>dl>dd select._1{ max-width: 370px; }
#contact #s1_insec3 .formbox1>ul>li>dl>dd input._2{ max-width: 250px; }
#contact #s1_insec3 .formbox1>ul>li>dl>dd input._3{ max-width: 390px; }
#contact #s1_insec3 .policy{ border: 1px solid #ccc; padding: 25px 55px; height: 230px; overflow-y: auto; margin-top: 60px; }
@media screen and (max-width: 767px) { 
	#contact #s1_insec3 .formbox1>ul>li>dl{ display: block; }
	#contact #s1_insec3 .formbox1>ul>li>dl>dt{ width: 100%; padding-right: 0; margin-bottom: 10px; }
	#contact #s1_insec3 .formbox1>ul>li._1>dl>dt{ padding-top: 0; }
	#contact #s1_insec3 .formbox1>ul>li>dl>dd{ width: 100%; }
	#contact #s1_insec3 .policy{ padding: 20px 6%; margin-top: 30px; }
}



/* ---------------------------------------
#magazine.archive
--------------------------------------- */

/* sec_1 */
#magazine.archive #sec_1 .bodyinwrap{ max-width: 1200px; }
#magazine.archive .insectitle{ text-align: left; margin-bottom: 25px; max-width: 1040px; margin-left: auto; margin-right: auto; }
#magazine.archive #s1_insec2{ max-width: 1040px; margin-left: auto; margin-right: auto; }
#magazine .boxblock.magazine{ overflow: hidden; }
#magazine .boxblock.magazine>ul{ margin-bottom: -26px; }
#magazine .boxblock.magazine>ul>li{ border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 25px; margin-bottom: 25px; }
@media screen and (max-width: 767px) { 
	#magazine .boxblock.magazine>ul>li{ border-bottom: 0; padding-bottom: 0; margin-bottom: 25px; }
}




/* ---------------------------------------
#magazine.single
--------------------------------------- */
body#magazine.single article>section>.bodyinwrap{ max-width: 970px; }