@charset "utf-8";

/* ALL */
.container_box{width: 100%;margin: 0;padding: 60px 0;text-align: center;}
.container_box .container_box_inner{width: 100%;margin: 0 auto;padding: 0;text-align: left;}
.container_box p{font-size: 16px;line-height: 1.8;margin: 0;padding: 0;font-family: "ヒラギノ角ゴ W4 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;color: #555;}
.container_box img{vertical-align: top;}

/* メインエリア */
#section_main.container_box{height: 45vw;max-height: 624px;padding: 0;background-image: url("../images/main.webp");background-position: center top;background-repeat: no-repeat;background-size: cover;margin-bottom: 55px;}
#section_main.container_box .container_box_inner{max-width: 980px;width: 90%;text-align: center;position:relative;height: 100%;}
#section_main.container_box .container_box_inner h1{height: 100%;font-size: 26px;line-height: 1.3;margin: 0;padding: 0;font-family: "ヒラギノ角ゴ W6 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.05em;color: #000;writing-mode: vertical-rl;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-shadow: 1px 1px 10px rgba(255,255,255,1.0), -1px 1px 10px rgba(255,255,255,1.0), 1px -1px 10px rgba(255,255,255,1.0), -1px -1px 10px rgba(255,255,255,1.0);}
#section_main.container_box .container_box_inner h1 span{font-size: 22px;padding: 15px 0;margin-bottom: 25px;font-family: "ヒラギノ角ゴ W4 JIS2004" !important;display: inline-block;;border-top: solid 1px #000;border-bottom: solid 1px #000;text-shadow: 1px 1px 10px rgba(255,255,255,1.0), -1px 1px 10px rgba(255,255,255,1.0), 1px -1px 10px rgba(255,255,255,1.0), -1px -1px 10px rgba(255,255,255,1.0);}
/*#section_main.container_box .container_box_inner p.caution{font-size: 14px;line-height: 1.4;color: #FFF;text-align: left;padding: 8px 12px;position: absolute;bottom: 25px;left: 0;background-color: rgba(0,0,0,0.5);}*/
#section_main.container_box .container_box_inner p.caution{font-size: 14px;line-height: 1.5;color: #555;text-align: left;padding: 0px;position: absolute;bottom: -55px;left: 0;}


/* コンテンツエリア */
#section_cont.container_box .container_box_inner{max-width: 980px;width: 90%;text-align: left;}
#section_cont.container_box .container_box_inner p{font-size: 17px;line-height: 2.2;}
#section_cont.container_box .container_box_inner .img{width: 100%;margin: 50px 0;padding: 0;}
#section_cont.container_box .container_box_inner .img p{font-size: 14px;line-height: 1.5;margin-top: 15px;}	
/* コンテンツエリア - リンク */
#section_cont.container_box .container_box_inner ul.link{width: 100%;margin: 50px 0 0 0;padding: 0;display: flex;flex-flow: row-reverse wrap;justify-content: space-between;}
#section_cont.container_box .container_box_inner ul.link li{margin: 0;padding: 0;list-style:none;box-sizing: border-box;position: relative;list-style:none;box-sizing: border-box;transition:.5s;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(1){width: 37%;height: 100px;background-color: #324d6d;/*opacity: 0.4;*/}
#section_cont.container_box .container_box_inner ul.link li:nth-child(2){width: 60%;height: 100px;background-color: #555;}
#section_cont.container_box .container_box_inner ul.link li p{font-size: 16px;line-height: 1.6;font-family: "ヒラギノ角ゴ W5 JIS2004" !important;font-feature-settings: "palt";letter-spacing: 0.08em;color: #FFF;transition:.5s;/*white-space: nowrap;*/position: absolute;top: 50%;left: 10%;transform: translate(0%, -50%);}

#section_cont.container_box .container_box_inner ul.link li:nth-child(1):hover{opacity: 0.7;transition:.5s;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(2):hover{opacity: 0.7;transition:.5s;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(1)::after{content: "";display: inline-block;width: 18px;height: 18px;background-image: url('../images/icon_arrow_next.png');background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;top: 50%;right: 22px;transform: translate(0%, -50%);z-index: 101;transition:.5s;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(2)::after{content: "";display: inline-block;width: 18px;height: 18px;background-image: url('../images/icon_arrow_prev.png');background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;top: 50%;left: 22px;transform: translate(0%, -50%);z-index: 101;transition:.5s;}
#section_cont.container_box .container_box_inner ul.link li a{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 102;}


/* フッターエリア */
#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;}

.tab_only {display: none!important;}

@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;}
}

@media screen and (max-width: 1400px) {
/* メインエリア */
#section_main.container_box .container_box_inner h1{font-size: 1.7vw;}
#section_main.container_box .container_box_inner h1 span{font-size: 1.4vw;padding: 1.0vw 0;margin-bottom: 1.6vw;}
}
@media screen and (max-width: 1024px) {
#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;}
#section_cont.container_box .container_box_inner ul.link li p{font-size: 1.5vw;letter-spacing: 0.05em;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(1) {height: 10vw;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(2) {height: 10vw;}
.tab_only {display: block !important;}
}

@media screen and (max-width : 768px) {
/* ALL */
.container_box{padding-top: 12vw;}
.container_box p{font-size: 3.6vw;}
/* メインエリア */
#section_main.container_box{height: calc(82vh - 113px);/*max-height: 100vh;*/max-height: none;background-image: url("../images/main_sp.webp");background-position: center top;background-repeat: no-repeat;background-size: cover;margin-bottom: 15vw;}
#section_main.container_box .container_box_inner h1{font-size: 5.8vw;}
#section_main.container_box .container_box_inner h1 span{font-size: 5.2vw;padding: 2.0vw 0;margin-bottom: 4.0vw;}
#section_main.container_box .container_box_inner p.caution{font-size: 14px;line-height: 1.5;color: #555;text-align: left;padding: 0px;position: absolute;bottom: -15vw;left: 0;}
/* コンテンツエリア */
#section_cont.container_box .container_box_inner{width: 100%;}
#section_cont.container_box .container_box_inner p{width: 90%;margin-left: auto;margin-right: auto;}
#section_cont.container_box .container_box_inner .img{width: 100%;margin: 10vw 0;}
#section_cont.container_box .container_box_inner .img p{font-size: 3.2vw;margin-top: 4.0vw;}	
/* コンテンツエリア - リンク */
#section_cont.container_box .container_box_inner ul.link{width: 90%;margin: 12vw auto 0 auto;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(1){width: 100%;height: 22vw;margin-bottom: 4vw;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(2){width: 100%;height: 26vw;}
#section_cont.container_box .container_box_inner ul.link li p{font-size: 3.6vw;line-height: 1.6;width: auto;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(1) p{left: 7vw;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(2) p{left: 15vw;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(1)::after{width: 4vw;height: 4vw;right: 6vw;}
#section_cont.container_box .container_box_inner ul.link li:nth-child(2)::after{width: 4vw;height: 4vw;left: 6vw;}
/* フッターエリア */
#section_foot.container_box .container_box_inner p{font-size: 3.4vw;}
.tab_only {display: none!important;}
}

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

}