@charset "UTF-8";

#wrap{margin-bottom:150px;}
.text_box{text-align:left;font-size:1.4em;line-height:1.5;padding-top:10px;}
#contents_box{max-width: 1500px;margin: 0 auto;}
.sub_title{font-size:24px;line-height:1.6;margin-bottom: 15px;font-weight: 600;padding-bottom: 10px;display: inline-block;}
.sub_title span{    background: linear-gradient(transparent 50%, #cee6cb 50%);}
.sub_text{font-size:20px;line-height:1.6;}
/**/

@media screen and (max-width:767px) {
	 .sub_title{font-size:18px;margin: 0 20px 15px;}
	 .sub_text{font-size:16px;text-align:left;padding: 0 20px;}
}
/*-------------------------
__mv
-------------------------*/
.mv{width:100%;margin: 40px auto 0;position: relative;}
.mv.main::after{content: "";width: 260px;height: 130px;background-image: url("images/con_main_logo@2x.png");background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;background-size: contain;position: absolute;top: 5px;right: 5px;}
.mv img{width:100%;height:auto;}
@media screen and (max-width:767px) {
  .mv.main::after{width: 180px;height: 90px;}
}
/*-------------------------
__main_com
-------------------------*/
.main_com{text-align:center;margin:70px auto 50px;box-sizing:border-box;max-width:1140px;padding:0 20px;}
.main_com .s_title{text-align:center;font-size:32px;margin-bottom:10px;}
.main_com .s_title span{font-size:14px;display:block;letter-spacing:0.1em;padding-bottom:5px;}
.main_com .s_title_jap{font-size:28px;line-height:1.5;letter-spacing:0.04em;font-weight:600;margin-bottom:20px;}
.main_com .basic_text{font-size:16px;line-height:1.6;}
/**/

@media screen and (max-width:767px) {
  .main_com{margin:30px auto;}
  .main_com .s_title{font-size:24px;}
  .main_com .s_title_jap{font-size:18px;line-height:1.6;}
  .main_com .basic_text{font-size:14px;text-align:left;}
}

/*-------------------------
__flex
-------------------------*/
.flex {display: flex;justify-content: space-between;align-items: flex-start;gap:50px;margin: 50px auto;max-width: 1000px;padding: 0 20px;}
.flex .left{width: 460px;}
.flex .left img{width: 100%;height: auto;}
.flex .right{width: calc(100% - 510px);}
.flex .right_com{text-align:center;box-sizing:border-box;}
.flex .right_com .s_title{text-align:left;font-size:22px;margin-bottom:20px;line-height:1.5em;}
.flex .right_com .s_title span.en{padding-left: 0;}
.flex .right_com .basic_text{font-size:16px;line-height:2.4;text-align: left;}
@media screen and (max-width:960px) {
.flex {gap:20px;}
.flex .left,
.flex .right{width: 50%;box-sizing: border-box;}
}
@media screen and (max-width:767px) {
.flex {flex-wrap: wrap;margin: 30px auto;justify-content: center;}
.flex .left,
.flex .right{width: 100%;padding: 0;}
.flex .right_com .s_title{text-align:center;font-size:20px;margin-bottom:10px;}
.flex .right_com .s_title span{font-size:18px;}
.flex .right_com .basic_text{font-size:14px;line-height: 1.6;}
}

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

}


#sec_box2{position: relative;text-align: left;}
#sec_box2 .inner{max-width: 1100px;padding: 50px;box-sizing: border-box;margin: 0 auto;}
#sec_box2 .inner .s_title{ font-size: 2.4em; margin-bottom: 10px;}
#sec_box2 .inner h2.lead{ font-size: 2.5em;line-height:1.4;margin-bottom: 20px;font-weight:600;}
#sec_box2 .inner .basic_text{ font-size: 1.4em; line-height: 1.8;}
#sec_box2 .inner .sub_text{ font-size: 1.6em; line-height: 1.8;margin-top: 20px;}
#sec_box2 .inner .kukaku_wrapper{ text-align: center;margin-top:20px; display: flex; align-items: flex-end; justify-content: space-between;}
#sec_box2 .inner .kukaku_wrapper img{width:100%;height:auto;}

@media screen and (max-width:960px) {
#sec_box2 .inner .basic_text{ margin-bottom: 30px;}
}

@media screen and (max-width:767px) {
#sec_box2 .inner{padding: 20px 20px 50px;}
#sec_box2 .inner .s_title{ font-size: 1.8em; height: 15px;}
#sec_box2 .inner .s_title img{ height: 100%; width: auto;}
#sec_box2 .inner h2.lead{ font-size: 1.9em; line-height: 1.4; margin-bottom: 20px;}
#sec_box2 .inner .basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 25px;}
#sec_box2 .inner .kukaku_wrapper{flex-direction: column; align-items: flex-start;}
}