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

#pnb > ul > li{ color:#333; }
.hd_mn > .mn_ic, #header.fixed .hd_mn > .mn_ic{ background-color:#333; }
.hd_mn.act > .mn_ic{ background-color:#ddd; }

.st_wrap{ padding:140px 40px 0; }
.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; }
}