@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:18px;line-height:1.6;}
.sub_text_2{font-size:24px;line-height:1.6;}
/**/
@media screen and (max-width:1000px) {
.sub_text{font-size:14px;}
.sub_text_2{font-size:2.5em;line-height:1.6;}
}
@media screen and (max-width:767px) {
	 .sub_title{font-size:18px;margin: 0 20px 15px;}
	 .sub_text{font-size:14px;text-align:left;padding: 0 20px;}
	 .sub_text_2{font-size:1.4em;line-height:1.6;}
}
/*-------------------------
__mv
-------------------------*/
.mv{width:100%;margin: 40px auto;}
.mv img{width:100%;height:auto;}
@media screen and (max-width:767px) {
.mv{margin: 20px auto;}
}
/*-------------------------
__main_com
-------------------------*/
.main_com{text-align:center;margin:70px auto 50px;box-sizing:border-box;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;}
.main_com .basic_text{font-size:16px;line-height:1.6;margin-bottom:20px;}
/**/
@media screen and (max-width:1000px) {
.main_com .s_title_jap{font-size:2.5em;line-height:1.6;}
}
@media screen and (max-width:767px) {
  .main_com{margin:30px auto;}
  .main_com .s_title{font-size:2.4em;}
  .main_com .s_title_jap{font-size:1.6em;line-height:1.6;}
  .main_com .basic_text{font-size:1.2em;margin-bottom:10px;}
}

/*-------------------------
__flex
-------------------------*/
.flex {display: flex;justify-content: space-between;align-items: center;gap:50px;margin: 50px auto;max-width: 1000px;padding: 0 20px;}
.flex .left{width: 360px;}
.flex .left img{width: 100%;height: auto;}
.flex .right{width: calc(100% - 410px);}
.flex .right_com{text-align:center;box-sizing:border-box;box-sizing:border-box;}
.flex .right_com .s_title{text-align:center;font-size:24px;margin-bottom:20px;line-height: 1.6;}
.flex .right_com .s_title span{font-size:24px;letter-spacing:0.1em;}
.flex .right_com .basic_text{font-size:16px;line-height:1.6;text-align: left;}

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

.flex {flex-wrap: wrap;gap:20px;margin: 30px auto;justify-content: center;}
.flex .left{width: 80%;}
.flex .right{width: 100%}
.flex .right_com .s_title{text-align:center;font-size:1.4em;margin-bottom:10px;}
.flex .right_com .s_title span{font-size:1.8em;}
.flex .right_com .basic_text{font-size:1.2em;}
}

@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;}
#sec_box2 .inner .s_title{ font-size: 1.8em; height: 15px;text-align: center;}
#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;text-align: center;}
#sec_box2 .inner .basic_text{ font-size: 1.3em; line-height: 1.7; margin-bottom: 25px;}
#sec_box2 .inner .sub_text{ font-size: 1.4em; margin-top: 20px;padding: 0;}
#sec_box2 .inner .kukaku_wrapper{flex-direction: column; align-items: flex-start;}

}