@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

#mv{background: url("images/ttl_bg.jpg")no-repeat;background-position: center;background-size: cover;text-align:left;}
#mv .sec_ttl_wrap{margin:0 auto;padding:100px 50px;box-sizing:border-box;max-width:1200px;}
#mv .sec_ttl_wrap .en{font-size:24px;color:var(--skyblue);margin-bottom:10px;font-weight: 900;}
#mv .sec_ttl_wrap .sec_ttl{font-size:50px;color:#fff;}

.inner .flexbox{display: flex;gap: 30px;justify-content: space-between;}
.inner .flexbox .ttl_wrap {width: 100%;max-width: 500px;}
.inner .flexbox .ttl_wrap .en_ttl{font-size: 42px;text-align: left;line-height: 1.4;margin-bottom: 20px;font-weight: 900;}
.inner .flexbox .ttl_wrap .main_ttl{font-size: 30px;text-align: left;line-height: 1.4;margin-bottom: 40px;font-weight: 900;}
.inner .flexbox .ttl_wrap .main_txt{font-size: 18px;text-align: left;line-height: 2;}
.inner .flexbox .img_wrap{width: calc(100% - 530px);overflow: hidden;border-radius: 40px;}
.inner .flexbox .img_wrap img{width: 100%;height: 100%;object-fit: cover;}

@media screen and (max-width:1199px) {
	.inner .flexbox .ttl_wrap {max-width: 400px;}
	.inner .flexbox .ttl_wrap .en_ttl{font-size: 36px;}
	.inner .flexbox .ttl_wrap .main_ttl{font-size: 24px;}
	.inner .flexbox .ttl_wrap .main_txt{font-size: 16px;}
	.inner .flexbox .img_wrap{width: calc(100% - 430px);}
}
@media screen and (max-width:959px) {
	#mv .sec_ttl_wrap{padding:60px 50px;}
	#mv .sec_ttl_wrap .en{font-size:20px;}
	#mv .sec_ttl_wrap .sec_ttl{font-size:36px;}

	.inner .flexbox .ttl_wrap {max-width: 350px;}
	.inner .flexbox .ttl_wrap .en_ttl{font-size: 32px;margin-bottom: 10px;}
	.inner .flexbox .ttl_wrap .main_ttl{font-size: 21px;margin-bottom: 20px;}
	.inner .flexbox .ttl_wrap .main_txt{font-size: 14px;}
	.inner .flexbox .img_wrap{width: calc(100% - 380px);border-radius: 20px;}
}
@media screen and (max-width:767px) {
	#mv .sec_ttl_wrap{padding:60px 20px;}
	.inner .flexbox{flex-wrap: wrap;gap: 20px;}
	.inner .flexbox .ttl_wrap {max-width: initial;}
	.inner .flexbox .ttl_wrap .main_txt br{display: none;}
	.inner .flexbox .img_wrap{width:100%;}
}
@media screen and (max-width:374px) {
	#mv .sec_ttl_wrap .en{font-size:16px;}
	#mv .sec_ttl_wrap .sec_ttl{font-size:24px;}
	#mv .sec_ttl_wrap{padding:40px 10px;}
}



/*-------------------------
__block01
-------------------------*/
#block01{background: linear-gradient(180deg, #ffffff 0%, #ffffff 130px, #fff4e8 130px, #fff4e8 100%);margin: 30px auto 80px;}
#block01 .inner{}
#block01 .inner .flexbox{margin-bottom: 50px;}
#block01 .inner .flexbox .ttl_wrap{margin-top: 80px;}
#block01 .inner .flexbox .ttl_wrap .en_ttl{color: #ffb45a;}
#block01 .inner .flexbox .ttl_wrap .main_ttl{}
#block01 .inner .flexbox .ttl_wrap .main_txt{}

#block01 .inner .landset{background: #fff;border-radius: 20px;padding: 50px;box-sizing: border-box;}
#block01 .inner .landset .sub_ttl{font-size: 30px;margin-bottom: 30px;font-weight: 900;}
#block01 .inner .landset .detail{border: 2px solid #000;border-radius: 20px;padding: 30px;box-sizing: border-box;text-align: left;margin-bottom: 50px;}
#block01 .inner .landset .detail .detail_ttl{font-size: 24px;margin-bottom: 10px;color: #ffb45a;line-height: 1.4;font-weight: 900;}
#block01 .inner .landset .detail .detail_txt{font-size: 18px;line-height: 2;}
#block01 .inner .landset{}
#block01 .inner .landset picture{margin-bottom: 50px;display: block;width: 100%;}
#block01 .inner .landset picture img{width: 100%;height: auto;}
#block01 .inner .landset .landset_copy{font-size: 24px;line-height: 1.6;font-weight: 900;}
#block01 .inner .landset .landset_copy strong{font-size: 32px;color: #ffb45a;}

@media screen and (min-width:768px) {
}
@media screen and (max-width:1199px) {

}
@media screen and (max-width:959px) {
	#block01{background: linear-gradient(180deg, #ffffff 0%, #ffffff 80px, #fff4e8 80px, #fff4e8 100%);margin: 30px auto;}
	#block01 .inner .flexbox .ttl_wrap{margin-top: 35px;}
}
@media screen and (max-width:767px) {
	#block01{background: linear-gradient(180deg, #ffffff 0%, #ffffff 45px, #fff4e8 45px, #fff4e8 100%);margin: 20px auto;}
	#block01 .inner .flexbox .ttl_wrap{margin-top: 0;}
	
	#block01 .inner .landset{padding: 20px;}
	#block01 .inner .landset .sub_ttl{font-size: 20px;margin-bottom: 20px;}
	#block01 .inner .landset .detail{border-radius: 10px;padding: 20px;margin-bottom: 30px;}
	#block01 .inner .landset .detail .detail_ttl{font-size: 20px;margin-bottom: 10px;}
	#block01 .inner .landset .detail .detail_txt{font-size: 14px;line-height: 1.4;}
	#block01 .inner .landset .detail .detail_txt br{display: none;}
	#block01 .inner .landset picture{max-width: 300px;margin: 0 auto 20px;}
	#block01 .inner .landset .landset_copy{font-size: 16px;}
	#block01 .inner .landset .landset_copy br{display: none;}
	#block01 .inner .landset .landset_copy strong{font-size: 21px;}
}
@media screen and (max-width:374px) {
}


/*-------------------------
__block02
-------------------------*/
#block02{background: linear-gradient(180deg, #ffffff 0%, #ffffff 70px, #edf9fb 70px, #edf9fb 100%);margin: 0 auto 80px;}
#block02 .inner .flexbox .ttl_wrap {width: 100%;max-width: 480px;margin-top: 16px;}
#block02 .inner .flexbox .ttl_wrap .en_ttl{color: #82d2e6;}
#block02 .inner .flexbox .img_wrap{width: calc(100% - 530px);}
@media screen and (max-width:1199px) {
	#block02 .inner .flexbox .ttl_wrap {max-width: 400px;margin-top: 20px;}
	#block02 .inner .flexbox .img_wrap{width: calc(100% - 450px);}
}
@media screen and (max-width:959px) {
	#block02{margin: 0 auto 30px;}
	#block02 .inner .flexbox .ttl_wrap {max-width: 300px;margin-top: 25px;}
	#block02 .inner .flexbox .ttl_wrap .main_ttl br{display: none;}
	#block02 .inner .flexbox .ttl_wrap .main_txt br{display: none;}
	#block02 .inner .flexbox .img_wrap{width: calc(100% - 330px);}
}
@media screen and (max-width:767px) {
	#block02{background: linear-gradient(180deg, #ffffff 0%, #ffffff 45px, #edf9fb 45px, #edf9fb 100%);margin: 0 auto 20px;}
	#block02 .inner .flexbox {flex-direction: column-reverse;}
	#block02 .inner .flexbox .ttl_wrap {max-width: initial;margin-top: 0;}
	#block02 .inner .flexbox .img_wrap{width: 100%;}
}

/*-------------------------
__block03
-------------------------*/
#block03{background: linear-gradient(180deg, #ffffff 0%, #ffffff 70px, #eff7e4 70px, #eff7e4 100%);margin: 0 auto 80px;}
#block03 .inner .flexbox .ttl_wrap {width: 100%;max-width: 510px;margin-top: 16px;}
#block03 .inner .flexbox .ttl_wrap .en_ttl{color: #8cc63f;}
#block03 .inner .flexbox .img_wrap{width: calc(100% - 540px);}
@media screen and (max-width:1199px) {
	#block03 .inner .flexbox .ttl_wrap {max-width: 480px;margin-top: 20px;}
	#block03 .inner .flexbox .img_wrap{width: calc(100% - 510px);}
}
@media screen and (max-width:959px) {
	#block03{margin: 0 auto 50px;}
	#block03 .inner .flexbox .ttl_wrap {max-width: 320px;margin-top: 25px;}
	#block03 .inner .flexbox .ttl_wrap .main_txt br{display: none;}
	#block03 .inner .flexbox .img_wrap{width: calc(100% - 350px);}
}
@media screen and (max-width:767px) {
	#block03{background: linear-gradient(180deg, #ffffff 0%, #ffffff 45px, #eff7e4 45px, #eff7e4 100%);}
	#block03 .inner .flexbox .ttl_wrap {max-width: initial;margin-top: 0;}
	#block03 .inner .flexbox .img_wrap{width: 100%;}
}