/* ========================================================================
 sec bg
======================================================================== */
#secMain_1 .bg:before {background-image: url(/tour/_assets/thermal/img/secmain_1_bg.webp);}
#secMain_2 .bg:before {background-image: url(/tour/_assets/thermal/img/secmain_2_bg.webp);}
#sec1_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec1_1_bg.webp);}
#sec1_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg.webp);}
#sec2_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec2_1_bg.webp);}
#sec2_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg.webp);}
#sec3_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec3_1_bg.webp);}
#sec3_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg.webp);}
#sec4_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec4_1_bg.webp);}
#sec4_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg.webp);}
#sec5_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec5_1_bg.webp);}
#sec5_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg.webp);}
#secMovie .bg:before {background-image: url(/tour/_assets/img/secmovie_bg.webp);}

@media only screen and (max-width: 980px) {
	#secMain_1 .bg:before {background-image: url(/tour/_assets/thermal/img/secmain_1_bg_sp.webp);}
	#secMain_2 .bg:before {background-image: url(/tour/_assets/thermal/img/secmain_2_bg_sp.webp);}
	#sec1_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec1_1_bg_sp.webp);}
	#sec1_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg_sp.webp);}
	#sec2_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec2_1_bg_sp.webp);}
	#sec2_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg_sp.webp);}
	#sec3_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec3_1_bg_sp.webp);}
	#sec3_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg_sp.webp);}
	#sec4_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec4_1_bg_sp.webp);}
	#sec4_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg_sp.webp);}
	#sec5_1 .bg:before {background-image: url(/tour/_assets/thermal/img/sec5_1_bg_sp.webp);}
	#sec5_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg_sp.webp);}
	#secMovie .bg:before {background-image: url(/tour/_assets/img/secmovie_bg_sp.webp);}
}
/* ------------------------------------------------------------------------
 secnav
------------------------------------------------------------------------ */
.secnavList:before {
	height:194px;
}
@media only screen and (max-width: 980px) {
	.secnavList:before{
		height:171px;
	}
}
/* ------------------------------------------------------------------------
 secMain_1
------------------------------------------------------------------------ */
#secMain_1{

}
#secMain_1 .sec-head{
	width:540px;
	top:15%;
}
#secMain_1 .secMain-title {
    filter: drop-shadow(0px 0px 10px rgba(5, 91, 176, 0.6));
}
#square span{
	left: 0px;
    top: -75px;
}
@media only screen and (max-width: 980px) {
	#secMain_1 .bg:before{
		background-position:right center;
	}
}
/* ------------------------------------------------------------------------
 secMain_2
------------------------------------------------------------------------ */
#secMain_2{
	
}
@media only screen and (max-width: 980px) {
	
}
/* ------------------------------------------------------------------------
 sec1_1
------------------------------------------------------------------------ */
#sec1_1{
	
}
@media only screen and (max-width: 980px) {
	#sec1_1 .bg:before{
		background-position: center 85%;
	}
}
/* ------------------------------------------------------------------------
 sec1_2
------------------------------------------------------------------------ */
#sec1_2{
	
}
@media only screen and (max-width: 980px) {
	
}
/* ------------------------------------------------------------------------
 sec2_2
------------------------------------------------------------------------ */
#sec2_2{
	
}
#sec2_2 h3:before{
	content:"";
	height:142px;
	aspect-ratio: 257 / 294;
	left: calc(50% - 330px);
    top: -25px;
	background-image:url(/tour/_assets/thermal/img/sec2_2_illust.webp);
}
#sec2_2 .sec-insight .desc-content.width-image .desc-text {
    width:74%;
}
#sec2_2 .sec-insight .desc-content.width-image .desc-image {
    width:22%;
}
@media only screen and (max-width: 980px) {
	#sec2_2 h3:before{
        content:none;
	}
	#sec2_2 .sec-insight .desc-content.width-image .desc-text {
		width:100%;
	}
	#sec2_2 .sec-insight .desc-content.width-image .desc-image {
		width:clamp(0px,65%,250px);
	}
	#sec2_2 .sec-insight .bottom-illust:before{
		content:"";
		height: 100px;
		aspect-ratio: 257 / 294;
        left: -15px;
        top: 15px;
		background-image:url(/tour/_assets/thermal/img/sec2_2_illust.webp);
	}
}
/* ------------------------------------------------------------------------
 sec3_2
------------------------------------------------------------------------ */
#sec3_2{
	
}
#sec3_2 h3:after{
	content:"";
	width:200px;
	aspect-ratio: 416 / 380;
    right: -6%;
    top: -60px;
	background-image:url(/tour/_assets/thermal/img/sec3_2_illust.webp);
}
@media only screen and (max-width: 1080px) {
	#sec3_2 h3:after{
		width:150px;
		top: -40px;
	}
}
@media only screen and (max-width: 980px) {
	#sec3_2 h3:after{
		content:none;
	}
	#sec3_2 .sec-insight .bottom-illust:before{
		content:"";
        width: 118px;
		aspect-ratio: 416 / 380;
        left: 0px;
        top: 10px;
		background-image:url(/tour/_assets/thermal/img/sec3_2_illust.webp);
	}
}
/* ------------------------------------------------------------------------
 sec4_2
------------------------------------------------------------------------ */
#sec4_2{
	
}
#sec4_2 h3:after{
	content:"";
    height: 260px;
    aspect-ratio: 347 / 565;
    right: -5.5%;
    top: -130px;
	background-image:url(/tour/_assets/thermal/img/sec4_2_illust.webp);
}
@media only screen and (max-width: 1080px) {
	#sec4_2 h3:after{
		height: 200px;
		top: -80px;
	}
}
#sec4_2 .sec-insight .desc-content.width-image .desc-image {
    box-shadow: none;
}
@media only screen and (max-width: 980px) {
	#sec4_2 h3:after{
        height: 125px;
        right: -10px;
        top: -70px;
	}
}
@media only screen and (max-width: 640px) {
	#sec4_2 h3:after{
        right: -40px;
	}
}

/* ------------------------------------------------------------------------
 sec5_1
------------------------------------------------------------------------ */
@media only screen and (max-width: 980px) {
	#sec5_1 .bg:before{
		background-position: center 75%;
	}
	#sec5_1 .contents {
		padding: 80px 54px 80px 5%;
		justify-content: flex-start;
	}
}
/* ------------------------------------------------------------------------
 sec5_2
------------------------------------------------------------------------ */
#sec5_2{
	
}
#sec5_2 h3:after{
	content:"";
	height: 115px;
	aspect-ratio: 127 / 232;
    right: -5%;
    top: -15px;
	background-image:url(/tour/_assets/thermal/img/sec5_2_illust1.webp);
	animation-delay: 0.6s;
}
#sec5_2 .sec-insight .bottom-illust:before{
	content:"";
	height: 148px;
	aspect-ratio: 137 / 297;
	left: -80px;
    top: -40px;
	background-image:url(/tour/_assets/thermal/img/sec5_2_illust2.webp);
	animation-delay: 1.2s;
}
#sec5_2 .sec-insight .bottom-illust:after{
	content:"";
	height: 64px;
	aspect-ratio: 84 / 129;
    right: 15px;
    top: 10px;
	background-image:url(/tour/_assets/thermal/img/sec5_2_illust3.webp);
	animation-delay: 0s;
}
@media only screen and (max-width: 980px) {
	#sec5_2 h3:after{
        height: 75px;
        right: -6%;
        top: -30px;
	}
	#sec5_2 .sec-insight .bottom-illust:before{
		height: 93px;
        left: -2px;
        top: 10px;
	}
	#sec5_2 .sec-insight .bottom-illust:after{
        height: 45px;
        right: 20px;
        top: 10px;
	}
}