@charset "utf-8";

.st_b {
	position: relative;
	z-index: 1;
	padding-top: 10%;
	background: url("../images/st_b/bg.jpg") no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

.st_b img {
	width: 100%;
	height: auto;
}

.st_b::before {
	content: "";
	display: block;
	width: 100%;
	height: 12%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/st_b/gradation-top.png") no-repeat center top;
	-webkit-background-size: contain;
	background-size: contain;
}

.st_b::after {
	content: "";
	display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/st_b/gradation.png") repeat-x center bottom;
	-webkit-background-size: contain;
	background-size: contain;
}

.st_b__catch {
	margin-top: 3%;
}
.st_b__head1 {
	margin-top: 3%;
}
.st_b__detail1 {
	margin-top: 1%;
	position: relative;
	margin-left: 1%;
}
.st_b__head2 {
	margin-top: 1%;
	position: relative;
}
.st_b__detail2{
	margin-top: 1%;
	margin-left: 1%;
}
.st_b__head3 {
	margin-top: 1%;
	position: relative;
	z-index: 1;
}
.st_b__detail3{
	margin-top: -4%;
	position: relative;
	z-index: 0;
}
.st_b__head4 {
	margin-top: 1%;
	position: relative;
	z-index: 3;
}
.st_b__detail4{
	margin-top: -2%;
	position: relative;
	z-index: 2;
}
.st_b__detail5{
	margin-top: 1%;
	margin-left: 0.5%;
}