#content{ background-color:#f7f7f7; min-height:100svh; }
#content, #content *{ box-sizing:border-box; }
.btnArea{ margin-bottom:0; }

.st_wrap{ position:relative; z-index:1; padding:140px 40px 0; }
.st_wrap > .st_bdo{ position:absolute; z-index:1; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); }
.st_wrap > .st_bn{ position:relative; z-index:1; overflow:hidden; padding-bottom:clamp(200px, 35vw, 500px); background-color:#333; }
.st_wrap > .st_bn > .st_bg{ position:absolute; top:-140px; bottom:0; left:0; right:0; background-size:cover; background-repeat:no-repeat; }
.st_wrap > .st_bn > .st_txt{ position:absolute; top:0; left:0; }
.st_wrap > .st_bn > .st_txt > h2{ display:inline-block; font-family:'pt',sans-serif; font-size:clamp(40px, 9vw, 100px); font-weight:900; line-height:0.75em; letter-spacing:-0.025em; text-transform:uppercase; padding:0 0.2em 0.15em 0; background-color:#f7f7f7; color:#333; mix-blend-mode:lighten; margin:0 40px 0 0; }
.st_wrap > .st_bn > .st_txt > h2{
	-ms-user-select:none; 
	-moz-user-select:-moz-none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}

.article{ padding:150px 40px 200px; }

@media(max-width:991px){
	.st_wrap{ padding:90px 15px 0; }
	.st_wrap > .st_bn > .st_bg{ top:-90px; }
	
	.article{ padding:100px 15px 150px; }
}
@media(max-width:768px){
	.article{ padding:60px 15px 100px; }
}






/*sub_1*/
.st1_wrap{ position:relative; z-index:1; background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden; }
.st1_wrap > .st_bdo{ position:absolute; z-index:1; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); }
.st1_fr{  position:relative; z-index:2; min-height:clamp(250px, 45vw, 720px); padding:200px 40px 140px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:rgba(0,0,0,.2); }
.st1_fr > h2{ font-family:'pt',sans-serif; font-size:60px; font-weight:100; color:#fff; text-transform:uppercase; letter-spacing:0.3em; line-height:1em; text-align:center; margin:0 0 30px; }
.st1_fr > img{ width:min(40%, 150px); margin:0 auto; }

@media(max-width:991px){
	.st1_fr{ padding:100px 15px 60px; }
	.st1_fr > h2{ font-size:50px; }
}
@media(max-width:768px){
	.st1_fr > h2{ font-size:45px; letter-spacing:0.2em; margin:0 0 15px; }
}
@media(max-width:768px){
	.st1_fr > h2{ font-size:40px; }
}


/*sub_2*/
.st2_wrap{ background-size:cover; background-position:center; background-repeat:no-repeat; }
.st2_fr{ position:relative; z-index:1; min-height:clamp(250px, 45vw, 720px); padding:200px 40px 150px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:rgba(0,0,0,.2); }
.st2_fr:before{ content:''; position:absolute; z-index:1; top:20%; bottom:0; left:0; right:0; background:linear-gradient(180deg, rgba(247,247,247,0) 20%, rgba(247,247,247,1) 95%) }
.st2_fr > *{ position:relative; z-index:2; }
.st2_fr > img{ width:min(100%, 150px); margin:0 auto 30px; }
.st2_fr > h2{ font-family:'pt',sans-serif; font-size:40px; font-weight:600; color:#fff; text-transform:uppercase; line-height:1em; letter-spacing:0.3em; }

@media(max-width:991px){
	.st2_fr{ padding:150px 15px 100px; }
	.st2_fr > h2{ letter-spacing:0.2em; }
}



/*sub_3*/
.st3_wrap{ padding:140px 40px 0; }
.st3_fr{ position:relative; z-index:1; min-height:clamp(200px, 35vw, 500px); padding:100px 40px 100px; display:flex; flex-direction:column; align-items:center; justify-content:center; background-color:rgba(0,0,0,.2); background-size:cover; background-position:center; background-repeat:no-repeat; box-shadow:4px 4px 6px 0 rgba(0,0,0,.3); }
.st3_fr:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.3); }
.st3_fr > *{ position:relative; z-index:2; }
.st3_fr > img{ width:min(100%, 150px); margin:0 auto 30px; }
.st3_fr > h2{ font-family:'pt',sans-serif; font-size:60px; font-weight:600; color:#fff; text-transform:uppercase; line-height:1em; letter-spacing:0.05em; }

@media(max-width:991px){
	.st3_wrap{ padding:80px 15px 0; }
	.st3_fr{ padding:60px 15px 60px; }
	.st2_fr > h2{ letter-spacing:0.2em; }
	.st3_fr > img{ width:min(100%, 100px); margin:0 auto 15px; }
	.st3_fr > h2{ font-size:40px; }
}