@media screen and (min-width: 768px) {

	#c01 { text-align: center;  margin: 0 auto; background: #000 url(/content/dam/au-com/pr/campaign/mc/images/bg-main.jpg) center top no-repeat;  }

	#c01 h1 {}
	#c01 h1 img { max-width: 980px; margin: 0 auto; }
	
	.endMessage {font-size: 24px;}

	a.btnApplication2 { border-radius: 31px; display: none; background: #ec5506 url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-link.png) no-repeat right 4% center; background-size: auto 60%;   color: #fff!important; font-weight: bold; height: 62px; line-height: 62px; text-align: center; width: 340px; margin: 0 auto; font-size: 20px; 
	-moz-box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);
	-webkit-box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);
	-ms-box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);
	box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);
	}
	a.btnApplication2:hover,
	a.btnApplication2:visited,
	a.btnApplication2:active { text-decoration: none; }
	
	a.btnApplication2.on { display: block; }

	span.btnDummy { border-radius: 31px; display: none; background: #c0c0c0 url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-link-dummy.png) no-repeat right 4% center; background-size: auto 60%; color: #fff; font-weight: bold; height: 62px; line-height: 62px; text-align: center; width: 340px; margin: 0 auto; font-size: 20px;
	-moz-box-shadow: 5px 5px 20px 0px rgba(5,57,76,.2);
	-webkit-box-shadow: 5px 5px 20px 0pxrgba(5,57,76,.2);
	-ms-box-shadow: 5px 5px 20px 0px rgba(5,57,76,.2);
	box-shadow: 5px 5px 20px 0px rgba(5,57,76,.2);}
	span.btnDummy.on { display: block;}

	#c02 { background: #fff; }
	.c02Inner { max-width: 902px; margin: 0 auto; }
	#limit { max-width: 640px; margin: 0 auto; }
	#lead { max-width: 684px; margin: 0 auto; }
	
	.c02Inner ul { width: 660px; margin: 0 auto; padding: 24px 0 46px; }
	.c02Inner ul li { text-align: left; font-size: 12px; }

	#termBox {  background: #fbd508; margin: 0 auto; padding-top: 54px; padding-bottom: 63px; }
	#termBoxInner { width: 100%; max-width: 768px; margin: 0 auto; text-align: center; }
	#termInner { text-align: center;}

	#readme { margin-bottom: 10px; }
	
	.btn-term a{ background: #fff url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-down.png) no-repeat right 4% center; background-size: auto 60%; display: block; border-radius: 31px; border: 1px solid #333; height: 62px; line-height: 62px; color: #333; position: relative; width: 340px; margin: 0 auto 20px; 
	}
	.btn-term a.open { background-image: url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-up.png); }
	.btn-term a:link,
	.btn-term a:hover,
	.btn-term a:visited,
	.btn-term a:active { color: #333; text-decoration: none; }
	
	/*.btn-term a::before{ content:''; display: block; width: 10px; height: 10px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 30px; top: 50%; margin-top: -8px;  }
	.btn-term a.open::before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; right: 30px; top: 50%; margin-top: 0;  }*/

	#termBox h2 { text-align: center; width: 394px; margin: 0 auto; padding-bottom: 20px; }
	#termTxt { text-align: left; display: none; padding: 40px; font-size: 14px; background: #fff; border-radius: 20px; }
	#termTxt h3 { font-size: 16px; margin-bottom: 10px; font-weight: normal; }
	#termTxt > ul { margin-bottom: 30px;}
	#termTxt > ul li { margin-bottom: 5px; }
	#termTxt > ul.attList li { padding-left: 1em; text-indent: -1em; }
	#termTxt > ul li ul li { padding-left: 1em; } 

	#checkBox { padding: 30px 0; text-align:center;}
	#agreeLabel { color:#111; font-weight: bold; margin: 0 auto;  background: url(/content/dam/au-com/pr/campaign/mc/images/checkoff.png) left center no-repeat; height: 26px; padding-left: 30px; background-size: auto 100%;  }
	#agreeLabel.checked { background: url(/content/dam/au-com/pr/campaign/mc/images/checkon.png) left center no-repeat; background-size: auto 100%;  }
	#agreeLabel input { 
		-webkit-appearance: none;
		-moz-appearance:none;
		position: absolute;
		left:-999999px;
	}

	#appliBtnBox { margin: 0 auto;}

	#bnArea { padding: 5%;}
	#bnArea ul li { max-width: 980px; margin:  0 auto 20px; }
	#bnArea ul li a { display: block; border: 1px solid #ddd; }

	#contentsWrap a { 
		opacity: 1;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}

	#contentsWrap a:hover { 
		opacity: .6;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}

}

@media screen and (max-width: 979px) and (min-width: 768px) {
	#prizeBox {padding: 0 5%; }
}

@media screen and (max-width: 767px) and (min-width: 0px) { 
	#c01 { text-align: center;  margin: 0 auto; }
	#c01 h1 { background: #000; }
	
	
	.endMessage {font-size: 4vw;}
	
	a.btnApplication2 { border-radius: 7vw; display: none; background: #ec5506 url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-link.png) no-repeat right 4% center; background-size: auto 60%;  color: #fff!important; font-weight: bold; height: 14vw; line-height: 14vw; text-align: center; width: 54%; margin: 0 auto; 
	-moz-box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);
	-webkit-box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);
	-ms-box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);
	box-shadow: 5px 5px 20px 0px rgba(227,78,0,.9);}
	a.btnApplication2.on { display: block; }

	span.btnDummy { border-radius: 7vw; display: none; background: #c0c0c0 url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-link-dummy.png) no-repeat right 4% center;  background-size: auto 60%; color: #fff; font-weight: bold; height: 14vw; line-height: 14vw; text-align: center; width: 54%;  margin: 0 auto;
	-moz-box-shadow: 5px 5px 20px 0px rgba(5,57,76,.2);
	-webkit-box-shadow: 5px 5px 20px 0pxrgba(5,57,76,.2);
	-ms-box-shadow: 5px 5px 20px 0px rgba(5,57,76,.2);
	box-shadow: 5px 5px 20px 0px rgba(5,57,76,.2);}
	
	span.btnDummy.on { display: block;}

	.btn-term a{ background: #fff url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-down.png) no-repeat right 4% center; background-size: auto 60%; display: block; border-radius: 7vw; border: 1px solid #333; height: 14vw; line-height: 14vw; color: #333; position: relative; width: 54%; margin: 0 auto; 
	}
	
	.btn-term a:hover,
	.btn-term a:visited,
	.btn-term a:active { color: #333; text-decoration: none; }
	
	.btn-term a.open { background-image: url(/content/dam/au-com/pr/campaign/mc/images/icon-arrow-up.png); }
	
	a.btnApplication,
	a.btnApplication2,
	span.btnDummy { font-size: 4vw;}
	
	#mainLead { padding: 0 6.4%; width: auto; }
	#mainLead p { padding: 3% 0 6%; line-height: 1.6; font-size: 3.1vw;}
	.circleW { 
		width: 28%;
    	position: absolute;
    	left: 2%;
    	top: 0;
    	margin-top: -5%;
	}
	
	#c02 { background: #fff; max-width: 768px; margin: 0 auto; }
	.c02Inner { max-width: 638px; margin: 0 auto; }
	
	.c02Inner ul { padding: 4% 5% 10%; }
	.c02Inner ul li { text-align: left; font-size: 12px; font-size: 3vw; }
	
	#termBox {  background: #fbd508; margin: 0 auto; padding-bottom: 10%;　}
	#termBoxInner { width: 100%; max-width: 768px; margin: 0 auto; text-align: center; }
	#termInner { text-align: center;}
	
	#readme { font-size: 3vw; margin-bottom: 4vw; }
	
	#termBox h2 { text-align: center; margin-bottom: 10%; padding-top: 10%; }
	#termBox h2 img {width: 62%; }
	#termTxt { text-align: left; display: none; padding: 5%; font-size: 3.1vw; background: #fff; }
	#termTxt h3 { font-size: 4vw; margin-bottom: 10px; font-weight: normal; }
	#termTxt > ul { margin-bottom: 30px;}
	#termTxt > ul li { margin-bottom: 5px; }
	#termTxt > ul.attList li { padding-left: 1em; text-indent: -1em; }
	#termTxt > ul li ul li { padding-left: 1em; } 
	#termTxt ul li a { word-wrap: break-word!important; display: inline; }
	#termInner .btn-term { margin-bottom: 4%;}
	#termInner .btn-term a { font-size: 4vw; }
	
	#checkBox { padding: 4% 0 8%; text-align:center; display: inline-block}
	#agreeLabel { color:#111; font-weight: bold; margin: 0 auto; display: table-cell; vertical-align: middle; background: url(/content/dam/au-com/pr/campaign/mc/images/checkoff.png) left center no-repeat; height: 10vw; padding-left: 12vw; background-size: auto 100%; font-size: 4vw; }
	#agreeLabel.checked { background: url(/content/dam/au-com/pr/campaign/mc/images/checkon.png) left center no-repeat; background-size: auto 100%;  }
	#agreeLabel input { 
		-webkit-appearance: none;
		-moz-appearance:none;
		position: absolute;
		left:-999999px;
	}
	
	
	#appliBtnBox { width: auto;}

	#bnArea { padding: 5%;}
	#bnArea ul li a { display: block; border: 1px solid #ddd; margin-bottom: 5%; }
}

.view-sp { display: none; }
.view-pc { display: block; }

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	.view-sp { display: block; }
	.view-pc { display: none; }

}