@charset "utf-8";


/* メインエリア */
#section_main.container_box{height: 45vw;max-height: 624px;padding: 0;background-image: url("../images/main.webp");background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #333;}
#section_main.container_box .container_box_inner{text-align: center;position:relative;height: 100%;}
#section_main.container_box .container_box_inner div{width: 100%;position: absolute;top: 44%;left: 50%;transform: translate(-50%, -50%);}
#section_main.container_box .container_box_inner div h1{font-size: 48px;line-height: 1.3;margin: 0;padding: 0;font-family: "ヒラギノ角ゴ W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;color: #FFF;text-shadow: 1px 1px 10px rgba(0,0,0,0.3), -1px 1px 10px rgba(0,0,0,0.3), 1px -1px 10px rgba(0,0,0,0.3), -1px -1px 10px rgba(0,0,0,0.3);}
#section_main.container_box .container_box_inner div h1 span{font-size: 18px;margin-bottom: 15px;font-family: "ヒラギノ角ゴ W4 JIS2004" !important;display: block;}
#section_main.container_box .container_box_inner div p{font-size: 20px;line-height: 1.3;margin-top: 15px;font-family: "ヒラギノ角ゴ W4 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;color: #FFF;text-shadow: 1px 1px 10px rgba(0,0,0,0.3), -1px 1px 10px rgba(0,0,0,0.3), 1px -1px 10px rgba(0,0,0,0.3), -1px -1px 10px rgba(0,0,0,0.3);}

@media screen and (max-height: 800px) {
	#section_main.container_box{height: calc(100vh - 176px);max-height: 100vh;}
	#section_main.container_box .container_box_inner h1{font-size: 3.0vh;}
	#section_main.container_box .container_box_inner h1 span{font-size: 2.6vh;}
}


/* リードエリア */
#section_lead.container_box{padding-bottom: 0;}
#section_lead.container_box .container_box_inner{width: 90%;text-align: center;}
#section_lead.container_box .container_box_inner p{font-size: 20px;line-height: 2.0;margin: 0;padding: 0;font-family: "ヒラギノ角ゴ W4 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;color: #555;}
#section_lead.container_box .container_box_inner .enquete{width: 100%;max-width: 860px;margin: 30px auto 0 auto;background-color: #e6f2f1;/*border-radius: 8px;*/}
#section_lead.container_box .container_box_inner .enquete p{font-size: 16px;line-height: 1.6;margin: 0;padding: 25px 0;font-family: "ヒラギノ角ゴ W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.1em;color: #55a99f;}
#section_lead.container_box .container_box_inner .enquete{background-color: #edeff2 !important;}
#section_lead.container_box .container_box_inner .enquete p{color: #1f3f6e !important;}


/* コンテンツエリア */
#section_cont.container_box .container_box_inner{max-width: 1600px;text-align: center;}
#section_cont.container_box .container_box_inner li{width: 100%;margin: 0 0 1px 0;padding: 0;position: relative;list-style:none;overflow: hidden;}
#section_cont.container_box .container_box_inner li div{width: 100%;position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);z-index: 101;}
#section_cont.container_box .container_box_inner li div h2{font-size: 23px;line-height: 1.3;margin: 0;padding: 0;font-family: "ヒラギノ角ゴ W5 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;color: #FFF;display: inline-block;text-shadow: 1px 1px 5px rgba(0,0,0,0.3), -1px 1px 5px rgba(0,0,0,0.3), 1px -1px 5px rgba(0,0,0,0.3), -1px -1px 5px rgba(0,0,0,0.3);}
#section_cont.container_box .container_box_inner li div h2 span{font-size: 17px;line-height: 1.3;padding: 0 20px;margin-right: 30px;font-family: "ヒラギノ角ゴ W3 JIS2004" !important;border-right: solid 1px #d6d6d6;border-left: solid 1px #d6d6d6;box-sizing: border-box;position: relative;top: -2px;}
#section_cont.container_box .container_box_inner li div p{font-size: 17px;line-height: 1.3;font-family: "ヒラギノ角ゴ W5 JIS2004" !important;color: #FFF;display: inline-block;margin-left: 30px;position: relative;top: -2px;text-shadow: 1px 1px 5px rgba(0,0,0,0.3), -1px 1px 5px rgba(0,0,0,0.3), 1px -1px 5px rgba(0,0,0,0.3), -1px -1px 5px rgba(0,0,0,0.3);}
#section_cont.container_box .container_box_inner p.caution{font-size: 14px;margin-top: 15px;}	
#section_cont.container_box .container_box_inner li div h2 br{display: none;}
#section_cont.container_box .container_box_inner li img {height: auto;transition: transform .5s ease;/* ゆっくり変化させる */width: 100%;z-index: 100;}
#section_cont.container_box .container_box_inner li:hover img {transition: transform .5s ease;transform: scale(1.1);/* 拡大 */}
#section_cont.container_box .container_box_inner li a{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 102;background-color: #FFF;mix-blend-mode: overlay;opacity: .1;transition:.5s;}
#section_cont.container_box .container_box_inner li:hover a{opacity: .5;transition:.5s;}

/* フッターエリア */
#section_foot.container_box {background-color: #f8f8f8;border-top: solid 1px #CCC;}
#section_foot.container_box .container_box_inner{max-width: 980px;width: 90%;text-align: center;}	
#section_foot.container_box .container_box_inner p{font-size: 28px;letter-spacing: 0.1em;color: #4d5357;margin-bottom: 50px;}
#section_foot.container_box .container_box_inner .bnr{width: 100%;margin-top: 60px;transition:.5s;}
#section_foot.container_box .container_box_inner .bnr:hover{opacity: 0.7;transition:.5s;}

@media screen and (max-width: 1600px) {
/* メインエリア */
#section_main.container_box{background-position: center bottom;}
}


@media screen and (max-width: 1400px) {
/* メインエリア */
#section_main.container_box .container_box_inner div{top: 43%;}
#section_main.container_box .container_box_inner div h1{font-size: 3.6vw;}
#section_main.container_box .container_box_inner div h1 span{font-size: 1.3vw;margin-bottom: 1vw;}
#section_main.container_box .container_box_inner div p{font-size: 1.5vw;margin-top: 1vw;}
/* コンテンツエリア */
#section_cont.container_box .container_box_inner li div h2{font-size: 1.65vw;}
#section_cont.container_box .container_box_inner li div h2 span{font-size: 1.3vw;padding: 0 1.5vw;margin-right: 2.0vw;top: -0.1em;}
#section_cont.container_box .container_box_inner li div p{font-size: 1.3vw;margin-left: 2.0vw;top: -0.1em;}
#section_cont.container_box .container_box_inner p.caution{font-size: 1.1vw;margin-top: 1vw;}	
}


@media screen and (max-width: 1024px) {
/* リードエリア */
#section_lead.container_box .container_box_inner p{font-size: 2.0vw;}
/* コンテンツエリア */
#section_cont.container_box .container_box_inner li div{top: 47%;}
#section_cont.container_box .container_box_inner li div h2{font-size: 2.4vw;}
#section_cont.container_box .container_box_inner li div h2 span{font-size: 1.6vw;padding: 0 1.5vw;margin-right: 0;top: 0;}
#section_cont.container_box .container_box_inner li div p{font-size: 1.6vw;margin-top: 0.4em;margin-left: 0;top: 0;display: block;}
#section_cont.container_box .container_box_inner p.caution{font-size: 1.4vw;margin-top: 1vw;}	
#section_cont.container_box .container_box_inner li div h2 br{display: block;line-height: 0.4em;}
/* フッターエリア */
#section_foot.container_box .container_box_inner p{font-size: 2.74vw;margin-bottom: 5vw;}
#section_foot.container_box .container_box_inner .bnr{margin-top: 6vw;}
}

@media screen and (max-width : 768px) {
body{font-family: sans-serif ;}
/* メインエリア */
#section_main.container_box{height: calc(100vw - 113px);max-height: none;background-image: url("../images/main_tab.webp");}
#section_main.container_box .container_box_inner div{top: 38%;}
#section_main.container_box .container_box_inner div h1{font-size: 5.4vw;}
#section_main.container_box .container_box_inner div h1 span{font-size: 2.8vw;margin-bottom: 1.5vw;}
#section_main.container_box .container_box_inner div p{font-size: 3.0vw;margin-top: 1.5vw;}
/* リードエリア */
#section_lead.container_box .container_box_inner p{font-size: 4.0vw;}
#section_lead.container_box .container_box_inner .enquete{margin-top: 6vw;}
#section_lead.container_box .container_box_inner .enquete p{font-size: 3.2vw;padding: 4vw;}
/* コンテンツエリア */
#section_cont.container_box .container_box_inner li div{top: 47%;}
#section_cont.container_box .container_box_inner li div h2{font-size: 5.4vw;}
#section_cont.container_box .container_box_inner li div h2 span{font-size: 3.6vw;padding: 0 2.0vw;}
#section_cont.container_box .container_box_inner li div p{font-size: 3.6vw;line-height: 1.5;margin-top: 0.2em;}
#section_cont.container_box .container_box_inner p.caution{font-size: 3.2vw;margin-top: 3vw;}	
#section_cont.container_box .container_box_inner li div h2 br{display: block;line-height: 0.2em;}
}


@media screen and (max-width: 428px) {
/* メインエリア */
#section_main.container_box{height: calc(82vh - 113px);/*max-height: 100vh;*/max-height: none;background-image: url("../images/main_sp.webp");background-position: center b];background-repeat: no-repeat;background-size: cover;}
#section_main.container_box .container_box_inner div{top: 23%;}
#section_main.container_box .container_box_inner div h1{font-size: 5.8vw;line-height: 1.4;color: #000;text-shadow: 1px 1px 5px rgba(255,255,255,0.3), -1px 1px 5px rgba(255,255,255,0.3), 1px -1px 5px rgba(255,255,255,0.3), -1px -1px 5px rgba(255,255,255,0.3);font-family: "ヒラギノ角ゴ W7 JIS2004" !important;}
#section_main.container_box .container_box_inner div h1 span{font-size: 4.3vw;margin-bottom: 3.0vw;font-family: "ヒラギノ角ゴ W5 JIS2004" !important;}
#section_main.container_box .container_box_inner div p{font-size: 4.3vw;margin-top: 3.0vw;color: #000;text-shadow: 1px 1px 5px rgba(255,255,255,0.3), -1px 1px 5px rgba(255,255,255,0.3), 1px -1px 5px rgba(255,255,255,0.3), -1px -1px 5px rgba(255,255,255,0.3);font-family: "ヒラギノ角ゴ W5 JIS2004" !important;}
/* フッターエリア */
#section_foot.container_box .container_box_inner p{font-size: 3.4vw;}
}