.sb_wrap{ box-sizing:border-box; }
/* .btnArea{ display:none; } */

/* subtop */
.subtop{ position:relative; z-index:1; height:auto; background-color:#333; background-size:cover; background-position:50% 0; display:flex; justify-content:center; align-items:center;  }
.subtop:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.5); }
.subtop, .subtop *{ box-sizing:border-box; }
.st_box{ position:relative; z-index:2; height:max(550px, 35vw); width:100%; padding:120px 30px 60px; display:flex; justify-content:center; align-items:center; }
.st_txt{ max-width:1000px; width:100%; text-align:center; word-break:keep-all; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); }
.st_txt > h2{ font-family:'mt','pt','noto'; font-size:100px; font-weight:800; color:#fff; line-height:1em; }
.st_txt > p{ font-size:16px; font-weight:300; color:#fff; margin-top:15px; line-height:1.7em; }


/* article */
article{ padding:150px 40px; }
article > .sb_wrap, article > .sb_wrap *{ box-sizing:border-box; }
article > *{ margin:0 auto; }

@media(max-width:1280px){
	.st_txt > h2{ font-size:80px; }
}
@media(max-width:850px){
	article{ padding:150px 15px; }
	.st_box{ height:max(400px, 58.8235294vw); padding:120px 20px 40px; }
	.st_txt > h2{ font-size:max(45px, 10vw); }
}