#content.dark{ background-color:#333; }

.sb_wrap{ box-sizing:border-box; }

/* subtop */
.subtop{ position:relative; z-index:1; height:auto; background-size:cover; background-position:left 50% bottom 0px; display:table; width:100%; }
.subtop, .subtop *{ box-sizing:border-box; }
.st_box{ position:relative; z-index:2; width:100%; padding:130px 30px 70px; display:table-cell; vertical-align:middle; }
.st_txt{ max-width:700px; width:100%; margin:0 auto; text-align:center; word-break:keep-all; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); font-family:'score'; }
.st_txt > h2{ font-family:'rw', 'score'; font-size:50px; line-height:1.2em; }
.st_txt > i{ font-size:25px; margin-top:15px; line-height:0.8em; }
.st_txt > p{ font-size:15px; font-weight:200; margin-top:10px; line-height:1.7em; letter-spacing:0.2em; text-indent:0.2em; }

@media(max-width:850px){
	.subtop{ min-height:auto !important; }
	.st_box{ width:100%; /*padding:110px 20px 50px;*/ }

	.st_txt > h2{ font-size:40px; }
}
@media(max-width:500px){
	.st_txt > h2{ font-size:30px; }
	.st_txt > i{ margin-top:10px; font-size:20px; }
	.st_txt > p{ font-size:13px; margin-top:5px; }
}


/* article */
.sb_wrap{ padding:120px 20px 150px; margin:0 auto; }
@media(max-width:800px){
	.sb_wrap{ padding:70px 15px 100px; }
}