/* ========================================================================
 sec bg
======================================================================== */
#secMain_1 .bg:before {background-image: url(/tour/_assets/thin_film/img/secmain_1_bg.webp);}
#secMain_2 .bg:before {background-image: url(/tour/_assets/thin_film/img/secmain_2_bg.webp);}
#sec1_1 .bg:before {background-image: url(/tour/_assets/thin_film/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/thin_film/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/thin_film/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/thin_film/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/thin_film/img/sec5_1_bg.webp);}
#sec5_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg.webp);}
#sec6_1 .bg:before {background-image: url(/tour/_assets/thin_film/img/sec6_1_bg.webp);}
#sec6_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/thin_film/img/secmain_1_bg_sp.webp);}
	#secMain_2 .bg:before {background-image: url(/tour/_assets/thin_film/img/secmain_2_bg_sp.webp);}
	#sec1_1 .bg:before {background-image: url(/tour/_assets/thin_film/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/thin_film/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/thin_film/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/thin_film/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/thin_film/img/sec5_1_bg_sp.webp);}
	#sec5_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg_sp.webp);}
	#sec6_1 .bg:before {background-image: url(/tour/_assets/thin_film/img/sec6_1_bg_sp.webp);}
	#sec6_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:223px;
}
@media only screen and (max-width: 980px) {
	.secnavList:before{
		height:197px;
	}
}
/* ------------------------------------------------------------------------
 secMain_1
------------------------------------------------------------------------ */
#secMain_1{

}
#secMain_1 .sec-head{
	width:540px;
	top:15%;
}
#square span{
	left: 0px;
    top: -98px;
}
@media only screen and (max-width: 980px) {
	#secMain_1 .bg:before{
		background-position:center;
	}
}
/* ------------------------------------------------------------------------
 secMain_2
------------------------------------------------------------------------ */
#secMain_2{
	
}
@media only screen and (max-width: 980px) {
	
}
/* ------------------------------------------------------------------------
 sec1_1
------------------------------------------------------------------------ */
#sec1_1{
	color: var(--color-deepblue);
}
@media only screen and (max-width: 1200px) {
	#sec1_1 .desc-title,
	#sec1_1 .desc-text{
		filter: drop-shadow(0px 0px 8px rgba(255,255,255,1)) drop-shadow(0px 0px 8px rgba(255,255,255,1));
	}
}
@media only screen and (max-width: 980px) {
	#sec1_1 .bg:before{
		background-position: center 85%;
	}
	#sec1_1 .contents {
		justify-content: flex-start;
	}
}
/* ------------------------------------------------------------------------
 sec1_2
------------------------------------------------------------------------ */
#sec1_2{
	
}
#sec1_2 .sec-insight .bottom-illust:after{
	content:"";
	height: 140px;
	aspect-ratio: 219 / 281;
    right: -25px;
    bottom: -95px;
	background-image:url(/tour/_assets/thin_film/img/sec1_2_illust.webp);
	animation-delay: 1.2s;
}
@media only screen and (max-width: 980px) {
	#sec1_2 .sec-insight .bottom-illust:after{
		height: 115px;
        right: -30px;
        bottom: -110px;
	}
}
/* ------------------------------------------------------------------------
 sec2_2
------------------------------------------------------------------------ */
#sec2_2{
	
}
#sec2_2 h3:after{
	content:"";
	height: 165px;
    aspect-ratio: 279 / 324;
    right: calc(50% - 355px);
    top: -40px;
	background-image:url(/tour/_assets/thin_film/img/sec2_2_illust.webp);
}
#sec2_2 .sec-insight .desc-content.width-image .desc-image {
    box-shadow: none;
}
@media only screen and (max-width: 980px) {
	#sec2_2 h3:after{
        height: 110px;
        right: calc(50% - 210px);
        top: -40px;
	}
}
/* ------------------------------------------------------------------------
 sec3_2
------------------------------------------------------------------------ */
#sec3_2{
	
}
#sec3_2 h3:before{
	content:"";
	height:171px;
	aspect-ratio: 249 / 345;
	left: calc(50% - 344px);
    top: -40px;
	background-image:url(/tour/_assets/thin_film/img/sec3_2_illust.webp);
}
@media only screen and (max-width: 980px) {
	#sec3_2 h3:before{
		content:none;
	}
	#sec3_2 .sec-insight .bottom-illust:before{
		content:"";
		height: 120px;
        aspect-ratio: 249 / 345;
        left: -2px;
        bottom: -130px;
		background-image:url(/tour/_assets/thin_film/img/sec3_2_illust.webp);
	}
}
/* ------------------------------------------------------------------------
 sec4_2
------------------------------------------------------------------------ */
#sec4_2{
	
}
@media only screen and (max-width: 980px) {
	
}
/* ------------------------------------------------------------------------
 sec5_2
------------------------------------------------------------------------ */
#sec5_2{
	
}
#sec5_2 h3:after{
	content:"";
	height: 270px;
    aspect-ratio: 131 / 560;
    right: -3%;
    top: -110px;
	background-image:url(/tour/_assets/thin_film/img/sec5_2_illust.webp);
	animation-delay: 0.6s;
}
@media only screen and (max-width: 980px) {
	#sec5_2 h3:after{
		height: 140px;
        right: 5%;
        top: -80px;
	}
}
@media only screen and (max-width: 640px) {
	#sec5_2 h3:after{
        right: 0%;
	}
}
/* ------------------------------------------------------------------------
 sec6_1
------------------------------------------------------------------------ */
@media only screen and (max-width: 980px) {
	#sec6_1 .contents {
		padding: 80px 54px 80px 5%;
		justify-content: flex-start;
	}
	#sec6_1 .bg:before{
		background-position: center 75%;
	}
}
/* ------------------------------------------------------------------------
 sec6_2
------------------------------------------------------------------------ */
#sec6_2{
	
}
#sec6_2 h3:before{
	content:"";
	height: 190px;
	aspect-ratio: 330 / 357;
    left: calc(50% - 400px);
    top: -50px;
	background-image:url(/tour/_assets/thin_film/img/sec6_2_illust1.webp);
	animation-delay: 0s;
}
#sec6_2 h3:after{
	content:"";
	height: 221px;
	aspect-ratio: 253 / 444;
    right: calc(50% - 342px);
    top: -90px;
	background-image:url(/tour/_assets/thin_film/img/sec6_2_illust2.webp);
	animation-delay: 0.8s;
}
#sec6_2 .sec-insight .desc-content.width-image .desc-image {
    box-shadow: none;
}
@media only screen and (max-width: 980px) {
	#sec6_2 h3:before{
		content:none;
	}
	#sec6_2 h3:after{
		height: 130px;
        right: calc(50% - 176px);
        top: -70px;
	}
	#sec6_2 .sec-insight .bottom-illust:before{
		content:"";
        height: 125px;
        aspect-ratio: 330 / 357;
        left: -20px;
        top: -5px;
		background-image:url(/tour/_assets/thin_film/img/sec6_2_illust1.webp);
		animation-delay: 0s;
	}
}