#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:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;  }
.subtop:before{ content:''; position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; }
.subtop:before{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 10%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 10%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 10%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.subtop:after{ content:''; min-height:inherit; }
.subtop, .subtop *{ box-sizing:border-box; }
.st_box{ position:relative; z-index:2; width:100%; padding:150px 30px 150px; }
.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); }
.st_txt > h2{ font-family:'score'; font-size:45px; line-height:1.2em; /*letter-spacing:0.2em; text-indent:-0.1em;*/ }
.st_txt > i{ font-size:30px; margin-top:15px; line-height:0.8em; }
.st_txt > p{ font-size:15px; font-weight:300; margin-top:15px; line-height:1.7em; }

@media(max-width:850px){
	#content{ padding-top:60px; }
	.subtop{ min-height:auto !important; }
	.st_box{ width:100%; padding:80px 20px; }

	.st_txt > h2{ font-size:35px; }
	.st_txt > p{ font-size:14px; }
}
@media(max-width:500px){
	.st_txt > p{ font-size:13px; font-weight:100; }
}


/* article */
.sb_wrap{ padding:130px 20px 180px; margin:0 auto; }
@media(max-width:850px){
	.sb_wrap{ padding:70px 20px 120px; }
}