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

.indexarea .dream .swiper-button-prev{width: 8%; height: auto; margin: 28% 0 0 -49%;}
.indexarea .dream .swiper-button-next{width: 8%; height: auto; margin: 28% 0 0 41.5%;}
/*.indexarea .fixArea{width: 104px;top: 55px; right: 5px;}
@keyframes fixArea{
0%{top: -500px;}
100%{top: 55px;}
}*/
.indexarea .fixArea{display: none;}



@media screen and (max-width:1300px){
	.indexarea .explanation1{background-size:150% auto; height: 16vw;}
	.indexarea .explanation3{background-size:150% auto; height: 10vw;}
	.indexarea .explanation{background-size:150% auto;}
	.indexarea .top .decoration .stickL,.indexarea .top .decoration .stickR{display: none;}
	.indexarea .dream{background-size:150% auto; min-height:60vw;}
	.indexarea .dream .swiper-container{ width: 84%; margin: 18% 0 0 -41.5%; }
	.indexarea .dream a {width: 98%;}
	.indexarea .dream a picture{ height: 24.5vw; }
	.indexarea .dream a picture img{max-height: 24.5vw;}
	.indexarea .dream a p{font-size: 16px;}
	.indexarea .dream a p button{font-size: 18px;padding: 4% 5%;margin: 3% 0 0 22%;}

	.indexarea .prize{background-size:150% auto; min-height:60vw;}
	.indexarea .prize p{
	font-size: 3vw;
    line-height: 1.6em;
    width: 54%;
    margin: 20.5% 0 0 -22%;
	}
	.indexarea .prize small{
	font-size: 1.8vw;
    line-height: 1.2em;
    width: 80%;
    margin: 46% 0 0 -40%;
	}
}


@media screen and (max-width:1160px){
.indexarea .explanation .step{width: 86%; margin: 0 0 0 -43%;}
.indexarea .explanation .step dt{width: 25%;}
.indexarea .explanation .step dd p{left: 29%; width: 70%;}
.indexarea .explanation .step dd.photo{left: 70%;top: 108px;width: 24%;}
.indexarea .explanation .step dd.step0{font-size: 1.5vw; line-height: 1.5; height: 11vw; width: 100%;}
.indexarea .explanation .step dd.step1{padding: 5.5% 0 0 7.5%; background-size: auto 100%;}
.indexarea .explanation .step dd.step2{left: 34%; padding: 5.5% 0 0 8.5%; background-size: auto 100%;}
.indexarea .explanation .step dd.step3{padding: 5.5% 0 0 7.5%; background-size: auto 100%; top: 300px;}
.indexarea .explanation .step dd.step4{left: 63%; padding: 5.5% 0 0 8.5%; background-size: auto 100%; top: 300px;}
.indexarea .explanation .info{width: 86%; margin: 0 0 0 -43%;}
.indexarea .explanation .info h4{width: 25%;}
}


@media screen and (max-width:1110px){
	.indexarea .dream a p {padding: 8px 67px 8px 8px;}
	.indexarea .dream a p button{padding: 4%; margin: 5% 0 0 22%;}
}

@media screen and (max-width:1005px){
	.indexarea .dream a p {padding: 8px 57px 8px 8px;}
	.indexarea .explanation .step{height: 56vw;}
	.indexarea .explanation .step dd.photo{top: 124px;}
	.indexarea .explanation .step dd.step0{font-size: 1.8vw;}
	.indexarea .explanation .step dd.step1{padding: 5.2% 0 0 6%;}
	.indexarea .explanation .step dd.step2{padding: 5.2% 0 0 7%;}
	.indexarea .explanation .step dd.step3{padding: 5.2% 0 0 6%; top: 288px;}
	.indexarea .explanation .step dd.step4{padding: 5.2% 0 0 7%; top: 288px;}
	.indexarea .explanation .info ul {padding: 13% 0 5% 5%;}
	.indexarea .explanation .info ul li{font-size: 16px;}
}
@media screen and (max-width:955px){
	.indexarea .dream a p { font-size: 15px; padding: 8px 51px 8px 8px;}
	.indexarea .dream a p button{ font-size: 16px; padding: 6% 3%; margin: 4% 0 0 23%;}
}
@media screen and (max-width:885px){
	.indexarea .dream a p {padding: 8px 44px 8px 8px;}
	.indexarea .dream a p button{font-size: 14px; padding: 7% 2%; margin: 4% 0 0 28%;}
}
@media screen and (max-width:851px){
	.indexarea .dream a p {padding: 8px 38px 8px 8px;}
}
@media screen and (max-width:820px){
	.indexarea .dream a p {font-size: 14px;}
}