@charset "utf-8";

#wrap{
	background: url(../images/bg_body.png);
	background-size: 31px auto;
}

.contents{
	max-width: 678px;
	margin: 0 auto;
}

.main{
	z-index: 2;
	position: relative;
	margin-top: -60px;
	padding: 270px 0 46px;
	background: url(../images/bg_main_2.png), url(../images/bg_main_1.png);
	background-position: bottom center, top center;
	background-repeat: no-repeat, repeat-y;
	background-size: 100% auto;
}

.info{
	z-index: 3;
	position: absolute;
	top: -134px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 600px;
}
.info p{
	margin-bottom: 20px;
}
.info p img{
	width: 100%;
}
.info h2 img{
	width: 100%;
}

.content1{
	position: relative;
	max-width: 600px;
	margin: 0 auto 57px;
	padding: 30px 30px 24px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: #FFF;
}
.content1:after{
	display: block;
	content: '';
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 600px;
	height: 17px;
	background: url(../images/bg_content_bottom.png) center no-repeat;
	background-size: 100%;
}
.content1 .seal{
	position: absolute;
	top: -26px;
	left: -14px;
	max-width: 124px;
}
.content1 h2{
	max-width: 346px;
	margin: 0 auto 24px;
}
.content1-prize{
	margin-bottom: 16px;
	padding: 40px 0 40px;
	background: url(../images/bg_content1.png) top center no-repeat;
	background-size: 100% auto;
}
.content1-prize .prize1,
.content1-prize .prize2,
.content1-prize .prize3{
	max-width: calc(100% - 40px);
	margin-left: auto;
}
.content1-prize .prize1{
	margin-bottom: 86px;
}
.content1-prize .prize2{
	margin-bottom: 114px;
}
.content1-caution{
	max-width: 400px;
}

.content2{
	position: relative;
	max-width: 600px;
	margin: 0 auto 57px;
	padding: 30px 30px 24px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: #FFF;
}
.content2:after{
	display: block;
	content: '';
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 600px;
	height: 17px;
	background: url(../images/bg_content_bottom.png) center no-repeat;
	background-size: 100%;
}
.content2 .icon{
	position: absolute;
	top: -54px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 68px;	
}
.content2 .seal{
	position: absolute;
	top: -26px;
	left: -14px;
	max-width: 133px;
}

.content3{
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	padding: 42px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: #FFF;
}
.content3:after{
	display: block;
	content: '';
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 600px;
	height: 17px;
	background: url(../images/bg_content_bottom.png) center no-repeat;
	background-size: 100%;
}
.content3 h2{
	max-width: 346px;
	margin: 0 auto 24px;
}
.content3 p{
	max-width: 400px;
	margin: 0 auto;
}
.content3 p:first-of-type{
	margin: 0 auto 20px;
}

@media screen and (max-width: 678px) {
#wrap{
	background-size: 4.57vw auto;
}

.main{
	margin-top: -8.8vw;
	padding: 39.8vw 0 6.8vw;
}

.info{
	top: -19.8vw;
	max-width: 88.5vw;
}
.info p{
	margin-bottom: 2.9vw;
}

.content1{
	max-width: 88.5vw;
	margin: 0 auto 8.4vw;
	padding: 4.4vw 4.4vw 3.5vw;
	border-top-left-radius: 1.8vw;
	border-top-right-radius: 1.8vw;
}
.content1:after{
	bottom: -2.5vw;
	max-width: 88.5vw;
	height: 2.5vw;
}
.content1 .seal{
	top: -3.8vw;
	left: -2vw;
	max-width: 18.3vw;
}
.content1 h2{
	max-width: 51vw;
	margin: 0 auto 3.5vw;
}
.content1-prize{
	margin-bottom: 2.4vw;
	padding: 5.9vw 0 5.9vw;
}
.content1-prize .prize1,
.content1-prize .prize2,
.content1-prize .prize3{
	max-width: calc(100% - 5.9vw);
}
.content1-prize .prize1{
	margin-bottom: 12.7vw;
}
.content1-prize .prize2{
	margin-bottom: 16.8vw;
}
.content1-caution{
	max-width: 59vw;
}

.content2{
	max-width: 88.5vw;
	margin: 0 auto 8.4vw;
	padding: 4.4vw 4.4vw 3.5vw;
	border-top-left-radius: 1.8vw;
	border-top-right-radius: 1.8vw;
}
.content2:after{
	bottom: -2.5vw;
	max-width: 88.5vw;
	height: 2.5vw;
}
.content2 .icon{
	top: -7.8vw;
	max-width: 10vw;	
}
.content2 .seal{
	position: absolute;
	top: -3.8vw;
	left: -2.1vw;
	max-width: 20vw;
}

.content3{
	max-width: 88.5vw;
	padding: 6.2vw;
	border-top-left-radius: 1.8vw;
	border-top-right-radius: 1.8vw;
}
.content3:after{
	bottom: -2.5vw;
	max-width: 88.5vw;
	height: 2.5vw;
}
.content3 h2{
	max-width: 51vw;
	margin: 0 auto 3.5vw;
}
.content3 p{
	max-width: 59vw;
}
.content3 p:first-of-type{
	margin: 0 auto 2.9vw;
}


}