body {
    max-width: 900px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#top .fv, .main img{
    width: 100%;
    text-align: center;
    vertical-align: bottom;
}

.box img{
    width: 100%;
    text-align: center;
    vertical-align: bottom;
}

.cta_01{
	text-align: center;
}

.cta_01 img{
	width: 80%;
	margin-top: 30px;
	margin-bottom: 20px;
} 

.box .cta{
	text-align: center;
}

.box .cta img{
	width: 70%;
	margin-bottom: -100px;
} 

.box{
	position: relative;
} 

.box .qr{
	position: absolute;
	left: 50%;
	text-align: center;
	width: 30%;
}

.box p{
	position: absolute;
 	bottom:9%;
  	left: 48%;
 	transform: translate(-50%, -50%);
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	font-size: 2vw;
}

.box .qr{
	width: 20%;
	position: absolute;
 	bottom: 14%;
  	left: 38%;
}


.box .cta_02{
	width: 70%;
	position: absolute;
 	top: 43%;
  	left: 15%;
}

.box .cta_03{
	width: 80%;
	position: absolute;
 	bottom: 2%;
  	left: 10%;
}

.end img{
    width: 90%;
    text-align: center;
    vertical-align: bottom;
}

.end_cta{
	text-align: center;
	background-color: #ECECEC;
}

.end_cta img{
	width: 80%;
	margin: 16px auto;
}