@media screen and (max-width: 910px) {
    .header{width: 100%;height: auto;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;}
    .all{width: 100%;}
    .b_title{width: 48%;margin-top: 6%;margin-left: 2%;-webkit-background-size: contain;-o-background-size: contain;background-size: contain;}
    .content{width: 100%;}
    .pic01 {width: 44%;float: right;margin-top: 0%;margin-right: 2%;}
    .inside{width: 100%;}
    .sec02 {padding: 20px 30px 10px;}
    .sec03{margin: 2vh 4vh 0;}
    .notice {padding: 15px 30px;}
    .t1{font-size: 26px;}
    .t1-1, .t2{ font-size: 17px; }
    .title2{width: 44%;margin-left: 30px;-webkit-background-size: contain;-o-background-size: contain;background-size: contain;}
    .app_logo{top:auto;margin-top: 27%;margin-left:12%;}
}
@media screen and (max-width: 780px) {
    .content{width: 100%;}
    .header{background-size: 100% 100%;}
    .step01{width: 46%;}
    .step02{width: 50%;}
    .step03 {width: 75%;padding: 30px 0px 0px 10px;margin: 0px auto;float: none;clear: both;}
    .arr2{width: 100%;height: 9px;background: url("../img/arr02.jpg") no-repeat center;border-top: 1px solid #DCDCDC;}
    .gift {float: right;width: 50%;}
    .award li:nth-child(3){padding-left:0;}
    .qr{padding-left: 12vh;}
	.dot{font-size: 50px;}
}

@media screen and (max-width: 720px) {
	.t1{ margin-top: 0; }
	.t1-1{ margin-top: 20px; }
	.t2{margin-top: 0px;}
	.dot{font-size: 50px;}
}

@media screen and (max-width: 700px) {
	.header_img_m, .sec_m{display: inline-block;}
	.header_img, .sec{display: none;}
	.dot{font-size: 50px;}
}

@media screen and (max-width: 650px) {
	.sec01{height: auto;padding: 10px 0px;}
	.t1, .t1-1{ margin-top: 0px; }
	.t2{margin-top: 0px;}
	.b_title{width: 50%;margin-left: 0%;height: 230px;}
    .pic01 {width: 44%;float: right;margin-top: -4%;margin-right: 2%;margin-left: 2%;}
	.header {background-size: 100% 100%;}
	.app_logo {margin-top: 25%;margin-left: 10%;width: 33%;}
    .qr{padding-left: 6vh;margin-left: 4vh;}
}

@media screen and (max-width: 550px) {
	.mobile{display: block;width: 80%;margin: 16px auto 8px auto;}
	.pic01, .b_title, .app_logo, .title2{ display: none; }
	.header {background-size: cover;height: auto;padding: 0px;}
    .reff{ margin-top: 5px; }
	.gift{width: 20%; }
    .gift-img{width: 44%;}
	.step01{width: 70%;float: none;margin: 0px auto;padding-bottom: 20px;}
	.step02{width: 70%;float: none;margin: 0px auto;padding: 20px 0px;}
	.arr{width: 100%;height: 9px;background: url("../img/arr02.jpg") no-repeat center;border-top: 1px solid #DCDCDC;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .qr{padding-left: 2vh;margin-left: 2vh;}
	.dot{font-size: 50px;}
}

@media screen and (max-width: 515px) {
    .gift{width: 86%; float: left;margin: 20px 0;}
	.qr {display: block;text-align: center;padding-left: 0px;padding-top: 30px;	margin-left: 0px;border-left: none;margin-top: 30px; border-top: 1px dashed #c5c2a5;	}
	.qr a{ margin-right: 2px; margin-left: 33px;}
	.dot{font-size: 50px;}
	.wgFooter .container {display: block;}
	.wgFooter__content { display: block;}
}

@media screen and (max-width: 480px) {
	.mobile{display: block;width: 90%;margin: 16px auto 8px auto;}
	.t1 { font-size: 24px;}
	.t1-1, .t2 { font-size: 14px; }
	.second-line h4{font-size: 15px;}
	.step01{ width: 90%; }
	.step02{ width: 90%; }
	.step03{ width: 100%; }
	.txt,.award {font-size: 16px;line-height: 22px; width: 100%;}
	.award tr td:first-child{width: 250px;  }
	.sec02{padding-top: 1px;	}
    .award li:nth-child(2){padding-left:0px;line-height: 18px;}
    .gift-img{width: 26%;}
    .dot{font-size: 50px;}
}

@media screen and (max-width: 320px) {
	.mobile{display: block;width: 90%;margin: 16px auto 8px auto;}
	.t1 { font-size: 24px;}
	.t1-1, .t2 { font-size: 14px; }
	.second-line h4{font-size: 15px;}
	.step01{ width: 90%; }
	.step02{ width: 90%; }
	.step03{ width: 100%; }
	.award, .txt{ font-size: 14px;	 }
	.award tr td:first-child{ width: 220px; }
	.award li{line-height: 18px; }
	.sec02{padding-top: 1px;	}
	.dot{font-size: 50px;}
}