@charset "utf-8";

header{margin-bottom:0}
main, .SMP main{background:none;padding-top:0;}


img{max-width:100%;}
#alpha{
    margin: 0;
    padding: 0 0 0;
    position: relative;
    top: 0px;
    overflow: hidden;}
#alpha::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:url("../renew/p_stripe.png")repeat,#ffffff;
    transform: skewY(13deg) translateY(-200px);
    z-index: -1;}

#alpha,#beta,#gamma,#delta{text-align: center;}

#alpha h1{width:1000px;margin: 0 auto; padding: 30px 0; }
#alpha .img-box, #beta .img-box, #gamma .img-box, #delta .img-box{width:1000px; margin:0 auto; padding: 0; font-size:0; position: relative;}

.p_text{color: #304146; line-height: 1.6; font-size:1rem; text-align: left; font-weight:500;position: absolute;z-index: 1;}
.point01{
	top: 302px;
	left:382px;

}
.point02{
	top: 194px;
	left:243px;
}
.point03{
	top: 297px;
	left:529px;
}
.point04{
	top: 293px;
	left:341px;
}
.point05{
	top: 318px;
	left:444px;
}

#beta{
	width: 100%;
    margin: 0;
	position: relative;
	top:-400px;
    padding: 400px 0 0;
	
}
#beta::before{
	    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:url("../renew/y_dot.png")repeat,#fff9de;
    transform: skewY(-13deg) translateY(-200px);
    z-index: -2;
}


#gamma{	width: 100%;
    margin: 0;
    padding: 400px 0 50px;
    position: relative;
    top: -800px;
    overflow: hidden;
}
#gamma::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	background:url("../renew/p_check.png")repeat,#baffff;
    z-index: -3;
}
#alpha h1 img{ max-width:100%; height: auto;}
#gamma .text{width:1000px; margin: 0 auto;font-size:1rem; font-weight:700; text-align: right; padding-top:1em;}

#delta{	width: 100%;
    margin: 0;
    padding: 0 0 50px;
    position: relative;
    top: -740px;
    overflow: hidden;
}
#delta .follow_btn{ width:270px; margin: 0 auto 30px}
#delta .follow_btn:hover,#delta .follow_btn:focus{background-color: #73A3E2;border-radius:40px}
#delta h2{font-size:2rem; margin-bottom:30px;line-height:1.6}
#link {margin-top:-800px}
#link .info.renew{font-size:1.5rem;line-height:1.8; font-weight:700;}
#link .info.renew a{color:#273581;text-decoration: none;border-bottom:2px solid #273581;padding-bottom:2px}
#link .info.renew a:hover{border:none}


.SMP #alpha h1{width:100%;}
.SMP #alpha .img-box, .SMP #beta .img-box, .SMP #gamma .img-box, .SMP #delta .img-box{width:100%;}
.SMP #gamma .text{width:100%;font-size: 2.34vw; padding-right:0.5em;}
.SMP #delta .follow_btn{ width:42.1875%;}
.SMP #delta h2{font-size:5vw;}
.SMP #link .info.renew{font-size:3.75vw;}

.SMP .p_text{ line-height: 1.4; font-size: 2.34vw; font-weight:500;}

.SMP .point01{
	top: 57.95%;
	left:23.91%;

}
.SMP .point02{
	top: 52.36%;
	left:26.72%;
}
.SMP .point03{
	top: 61.39%;
	left:45.63%;
}
.SMP .point04{
	top: 54.12%;
	left:34.69%;
}
.SMP .point05{
	top: 62.41%;
	left:40.94%;
}