/* ========================================================================
 sec bg
======================================================================== */
#secMain_1 .bg:before {background-image: url(/tour/_assets/chemical/img/secmain_1_bg.webp);}
#secMain_2 .bg:before {background-image: url(/tour/_assets/chemical/img/secmain_2_bg.webp);}
#sec1_1 .bg:before {background-image: url(/tour/_assets/chemical/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/chemical/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/chemical/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/chemical/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/chemical/img/sec5_1_bg.webp);}
#sec5_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg.webp);}

@media only screen and (max-width: 980px) {
	#secMain_1 .bg:before {background-image: url(/tour/_assets/chemical/img/secmain_1_bg_sp.webp);}
	#secMain_2 .bg:before {background-image: url(/tour/_assets/chemical/img/secmain_2_bg_sp.webp);}
	#sec1_1 .bg:before {background-image: url(/tour/_assets/chemical/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/chemical/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/chemical/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/chemical/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/chemical/img/sec5_1_bg_sp.webp);}
	#sec5_2 .bg:before {background-image: url(/tour/_assets/img/sec_insight_bg_sp.webp);}
}
/* ------------------------------------------------------------------------
 secnav
------------------------------------------------------------------------ */
.secnavList:before {
	height:162px;
}
@media only screen and (max-width: 980px) {
	.secnavList:before{
		height:142px;
	}
}
/* ------------------------------------------------------------------------
 secMain_1
------------------------------------------------------------------------ */
#secMain_1{

}
#secMain_1 .sec-head{
	width:680px;
	top:15%;
}
#square span{
	right: -180px;
    top: 0px;
}
#secMain_1 .desc-text {
    max-width:485px;
}
@media only screen and (max-width: 980px) {
	#secMain_1 .bg:before{
		background-position:left center;
	}
    .sec .contents {
        min-height: 860px;
    }
    #all #secMain_1 .secMain-title .text2 {
		font-size: clamp(0px, 7.4666vw, 36px);
    }
	#secMain_1 .desc-text {
  		max-width:none;
	}
}
/* ------------------------------------------------------------------------
 secMain_2
------------------------------------------------------------------------ */
#secMain_2{
	
}
#secMain_2 .bluebox{
	background-color:rgba(94,116,134,0.6);
}
#secMain_2 .bluebox:before{
	border:solid 1px rgba(255,255,255,0.3);
}
#secMain_2 .arrow{
	background-image:url(/tour/_assets/img/secmain_2_arrow_white.webp);
}
@media only screen and (max-width: 980px) {
	
}
/* ------------------------------------------------------------------------
 sec1_1
------------------------------------------------------------------------ */
#sec1_1{
	
}
@media only screen and (max-width: 980px) {
	#sec1_1 .contents{
		justify-content: flex-start;
	}
}
/* ------------------------------------------------------------------------
 sec1_2
------------------------------------------------------------------------ */
#sec1_2{
	
}
#sec1_2 h3:after{
	content:"";
	height:160px;
	aspect-ratio: 140 / 293;
	right: calc(50% - 317px);
    top: -35px;
	background-image:url(/tour/_assets/chemical/img/sec1_2_illust.webp);
}
#sec1_2 .sec-insight .desc-content.width-image .desc-image {
    box-shadow: none;
}
@media only screen and (max-width: 980px) {
	#sec1_2 h3:after{
        height: 120px;
        right: calc(50% - 170px);
        top: -65px;
	}
}
/* ------------------------------------------------------------------------
 sec2_1
------------------------------------------------------------------------ */
#sec2_1{
	
}
@media only screen and (max-width: 980px) {
	#sec2_1 .contents{
		justify-content: flex-start;
	}
}
/* ------------------------------------------------------------------------
 sec2_2
------------------------------------------------------------------------ */
#sec2_2{
	
}
#sec2_2 h3:before{
	content:"";
	height:150px;
	aspect-ratio: 353 / 322;
	left: calc(50% - 410px);
    top: -50px;
	background-image:url(/tour/_assets/chemical/img/sec2_2_illust.webp);
}
#sec2_2 .sec-insight .desc-content.width-image {
    display: flex;
	flex-direction: column;
}
#sec2_2 .sec-insight .desc-content.width-image .desc-text {
    width: 100%;
	margin-bottom:1em;
}
#sec2_2 .sec-insight .desc-content.width-image .desc-image {
	width: clamp(440px, 60%, 550px);
	align-self: center;
	box-shadow: none;
}
@media only screen and (max-width: 980px) {
	#sec2_2 h3:before{
        content:none;
	}
	#sec2_2 .sec-insight .desc-content.width-image .desc-image {
		width: 100%;
	}
	#sec2_2 .sec-insight .bottom-illust:after{
		content:"";
		height: 128px;
		aspect-ratio: 257 / 294;
        right: -5px;
        top: 5px;
		background-image:url(/tour/_assets/chemical/img/sec2_2_illust.webp);
	}
}
/* ------------------------------------------------------------------------
 sec3_1
------------------------------------------------------------------------ */
#sec3_1{
	
}
@media only screen and (max-width: 980px) {
	#sec3_1 .contents{
		justify-content: flex-start;
	}
}
/* ------------------------------------------------------------------------
 sec3_2
------------------------------------------------------------------------ */
#sec3_2{
	
}
#sec3_2 h3:before{
	content:"";
	height:146px;
	aspect-ratio: 256 / 293;
    left: -258px;
    top: -20px;
	background-image:url(/tour/_assets/chemical/img/sec3_2_illust.webp);
}
@media only screen and (max-width: 980px) {
	#sec3_2 h3:after{
		content:none;
	}
	#sec3_2 .sec-insight .bottom-illust:before{
		content:"";
        width: 110px;
		aspect-ratio: 416 / 380;
        left: -25px;
        top: 20px;
		background-image:url(/tour/_assets/chemical/img/sec3_2_illust.webp);
	}
}
/* ------------------------------------------------------------------------
 sec4_1
------------------------------------------------------------------------ */
#sec4_1{
	
}
@media only screen and (max-width: 980px) {
	#sec4_1 .contents{
		justify-content: flex-start;
	}
}
/* ------------------------------------------------------------------------
 sec4_2
------------------------------------------------------------------------ */
#sec4_2{
	
}
#sec4_2 h3:after{
	content:"";
	height: 172px;
	aspect-ratio: 132 / 346;
    right: calc(50% - 305px);
    top: -45px;
	background-image:url(/tour/_assets/chemical/img/sec4_2_illust.webp);
}
#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: 120px;
        right: 5%;
        top: -60px;
	}
}
@media only screen and (max-width: 450px) {
	#sec4_2 h3:after{
        right: -3%;
	}
}
/* ------------------------------------------------------------------------
 sec5_1
------------------------------------------------------------------------ */
#sec5_1{
	color: var(--color-deepblue);
}
#sec5_1 .sec-head{
    width: 600px;
}
@media only screen and (max-width: 1200px) {
	#sec5_1 .desc-title,
	#sec5_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) {
	#sec5_1 .bg:before{
		background-position: center 0%;
	}
	#sec5_1 .contents {
		justify-content: flex-start;
	}
	#sec5_1 .sec-head{
		width: 100%;
	}
}
/* ------------------------------------------------------------------------
 sec5_2
------------------------------------------------------------------------ */
#sec5_2{
	
}
#sec5_2 .sec-insight .bottom-illust:after{
	content:"";
	height: 220px;
	aspect-ratio: 347 / 565;
    right: -135px;
    top: -95px;
	background-image:url(/tour/_assets/chemical/img/sec5_2_illust.webp);
	animation-delay: 0s;
}
@media only screen and (max-width: 1080px) {
	#sec5_2 .sec-insight .bottom-illust:after{
		height: 190px;
		top: -85px;
		right: -130px;
	}
}
@media only screen and (max-width: 980px) {
	#sec5_2 .sec-insight .bottom-illust:after{
		height: 130px;
        right: -5px;
        top: 0px;
	}
}