@charset "UTF-8";




/* layout
---------------------------------------------------------- */
body {
}

@media screen and (max-width:768px){
	body {
		background: none;
	}
}

/* contents
---------------------------------------------------------- */

.wrap {
	background: url("../img/pc/main_bg.png") repeat-x center 157px;
	background-size: 1500px auto;
	min-width:1200px;
}
.wrap_in {
	background:url("../common/img/pc/header_bg.png") no-repeat center top,url("../common/img/pc/footer_bg.png") no-repeat center bottom;
	background-size: auto;
	min-width:1200px;
}

.main {
	padding-top: 90px;
}

h1 {
	width: 497px;
	margin: 0 auto 55px;
}
h1 img { width: 100%;}

.main p {
	text-align: center;
	color: #171c61;
	line-height: 1.5em;
}

.main_txt1 {
	font-size: 26px;
	margin-bottom: 20px;
}
.main_txt1 span.small {font-size: 18px;}
.main_txt1 span.big {font-size: 32px;}
.main_txt1 span mark {background: linear-gradient(transparent 40%, #fff9ad 0%);}

.main_txt2 { font-size: 22px;}

@media screen and (max-width:768px){
	
	
	.wrap {
		background:none;
		min-width: 100%;
	}
	.wrap_in {
		background:url("../common/img/sp/header_bg.png") no-repeat center top;
		background-size: 100%;
		min-width: 100%;
	}
	
	.main {
		padding-top: 0;
	}

	h1 {
		width: 100%;
		margin: 0 auto 20px;
		padding: 14% 0 0;
	}
	h1 img { width: 100%;}

	.main p {
		text-align: center;
		color: #171c61;
		line-height: 1.5em;
		width: 94%;
		margin: 0 auto;
	}

	.main p.main_txt1 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.main_txt1 span.small {font-size: 14px;}
	.main_txt1 span.big {font-size: 24px;}
	.main_txt1 span mark {background: linear-gradient(transparent 40%, #fff9ad 0%);}

	.main_txt2 { font-size: 16px;}

}



.theme { padding: 126px 0 150px 88px; width: 1200px; margin: 0 auto; box-sizing: border-box;}
.theme div {width: 1054px;}
.theme div img { width: 100%;}

@media screen and (max-width:768px){
	.theme { padding: 60px 0; width: 100%; margin: 0 auto; box-sizing: border-box;}
	.theme div {width: 100%;}
	.theme div img { width: 100%;}
}

.prize { width: 1200px; margin: 0 auto; padding-bottom: 220px;}
.prize h2 { width:194px; margin: 0 auto 24px; padding-left: 60px;}
.prize img { width:100%;}
.prize .prize_tit2 { width: 723px; margin-left: 306px;}
.prize .prize_img1 { width: 1024px; margin: 0 0 45px 72px;}
.prize .prize_img2 { width: 658px; margin: 0 0 0 271px;}

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

.prize { width: 100%; margin: 0 auto; padding-bottom: 60px;}
.prize h2 { width:36.27%; margin: 0 auto 16px; padding-left: 10%;}
.prize img { width:100%;}
.prize .prize_tit2 { width: 85.7%; margin: 0 0 20px 11.7%;}
.prize .prize_img1 { width: 100%; margin: 0 0 20px 0;}
.prize .prize_img2 { width: 100%; margin: 0 0 0 0;}
	
}


.closing {
	background: url("../img/pc/closing_bg.png") repeat-x center 65px;
	background-size: 1500px auto;
	min-width:1200px;
	padding-bottom: 115px;
	margin-bottom: 70px;
}

.closing div {
	width: 415px;
	margin: 0 auto;
}
.closing div img { width:100%;}

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


	.closing {
		background: none;
		background-size: 1900px auto;
		min-width:100%;
		padding-bottom: 0;
		margin-bottom: 60px;
	}

	.closing div {
		width: 100%;
		margin: 0 auto;
	}
	.closing div img { width:100%;}
}

.howto {
	background: url("../img/pc/howto_bg.png") repeat-x center 16px;
	background-size: 1600px auto;
	min-width:1200px;
	padding-bottom: 30px;
	margin-bottom: 138px;
}
.howto img { width: 100%;}
.howto h2 {
	width: 212px;
	margin: 0 auto 55px;
}
.howto_txt1  { width:1020px; margin:0 auto 33px;}
.howto_txt2 { width:320px; margin:0 auto 30px;}
.howto_btn { width:606px; margin:0 auto; padding-left:34px;}


@media screen and (max-width:768px){
	.howto {
		background: none;
		background-size: 1600px auto;
		min-width:100%;
		padding-bottom: 0;
		margin-bottom: 60px;
	}
	.howto img { width: 100%;}
	.howto h2 {
		width: 100%;
		margin: 0 auto 20px;
	}
	.howto_txt1  { width:80%; margin:0 auto 20px;}
	.howto_txt2 { width:56%; margin:0 auto 20px;}
	.howto_btn { width:87%; margin:0 auto; padding-left:0;}
}




.example { margin-bottom: 200px;}
.example img { width: 100%;}
.example h2 { width: 241px; margin: 0 auto;}
.example .example_img { width: 877px; margin: -23px auto 0;}

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

	.example { margin-bottom: 60px;}
	.example img { width: 100%;}
	.example h2 { width: 45.2%; margin: 0 auto 10px;}
	.example .example_img { width: 100%; margin: -23px auto 0;}

}



.nasbana_ft {
	text-align: center;
	font-size: 16px;
	line-height: 1.5em;
	color: #ffffff;
	padding-bottom: 50px;
}
.nasbana_ft a {
	color: #ffffff;
	text-decoration: underline;
}
.nasbana_ft a:hover {
	text-decoration: none;
}

@media screen and (max-width:768px){
	.nasbana_ft {
		background: url("../common/img/sp/footer_bg.png") no-repeat center top #f3a7ac;
		background-size: 100%;
		width: 100%;
		font-size: 14px;
		padding: 50px 6%;
		box-sizing: border-box;
		
	}
}