@charset "utf-8";



#Campaign .PageHeader { position:relative; }
#Campaign .PageHeader .end { position:absolute; top:0; left:0; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.6vw; color:#fff; font-weight:bold; z-index:999; }
#Campaign .PageHeader .end p { text-align:center; line-height:2; }
@media screen and (max-width:767px) {
	#Campaign .PageHeader .end { font-size:3vw; }
}



#Campaign .RegistArea { position:relative; }
#Campaign .RegistArea .end { position:absolute; top:0; left:0; background:rgba(0,0,0,.7); display:flex; align-items:center; justify-content:center; width:100%; height:100%; font-size:1.6vw; color:#fff; font-weight:bold; z-index:999; }
#Campaign .RegistArea .end p { text-align:center; line-height:2; }
@media screen and (max-width:767px) {
	#Campaign .RegistArea .end { font-size:3vw; }
}











#Campaign .PageBody { position:relative; padding-bottom:96px; box-shadow:none; background:#e77826; background:-moz-linear-gradient(left, #e77826 0%, #fcb731 50%, #e77826 100%); background:-webkit-linear-gradient(left, #e77826 0%,#fcb731 50%,#e77826 100%); background:linear-gradient(to right, #e77826 0%,#fcb731 50%,#e77826 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e77826', endColorstr='#e77826',GradientType=1 ); padding-top:40px; }
#Campaign .PageBody::after { content:""; display:block; background:url(./img/footer.png) 0 bottom no-repeat; background-size:cover; width:100%; padding-top:34.666%; position:absolute; bottom:0; left:0; z-index:1; }
#Campaign .Breadcrumb a { color:#e77826; }
@media screen and (max-width:767px) {
	#Campaign .PageBody { padding-bottom:40px; }
}



#Campaign .Section { max-width:960px; margin:0 auto; padding:0 80px; box-sizing:content-box; margin-bottom:40px; position:relative; z-index:2; }
#Campaign .Section:last-child { margin-bottom:0; }
#Campaign .Section .secTitleImg { max-width:592px; height:auto; margin:0 auto -80px; }
#Campaign .Section .secBody {
	border:8px solid #8E45AF; box-sizing:border-box; border-radius:16px; padding:96px 72px 72px;
	background-color:#FBEFD8;
	background-image: url(./img/secbgLeft.png), url(./img/secbgRight.png);
	background-position:left top, right -1px top;
	background-size:168px auto, 168px auto;
	background-repeat:no-repeat, no-repeat;
}
@media screen and (max-width:1023px) {
	#Campaign .Section { padding:0 40px; }
}
@media screen and (max-width:767px) {
	#Campaign .Section { padding:0 16px; }
	#Campaign .Section .secBody {
		border:4px solid #8E45AF; box-sizing:border-box; border-radius:16px; padding:96px 40px 40px;
		background-image: url(./img/secbgLeft.png), url(./img/secbgRight.png);
		background-position:left top, right top;
		background-size:17.5% auto, 17.5% auto;
		background-repeat:no-repeat, no-repeat;
	}
}
@media screen and (max-width:624px) {
	#Campaign .Section .secTitleImg { margin:0 auto -14%; }
	#Campaign .Section .secTitleImg .inner { display:inline-block; margin:0 -8px; }
	#Campaign .Section .secBody { padding:15% 16px 32px; }
}
@media screen and (max-width:567px) {
}








#Campaign .Section.-sec01 > .secBody > .lead { font-size:20px; text-align:center; font-weight:bold; margin-bottom:16px; }
#Campaign .Section.-sec01 > .secBody > .lead .inlineBlock { display:inline-block; }
#Campaign .Section.-sec01 > .secBody > .notes { text-align:center; }
#Campaign .Section.-sec01 > .secBody > .notes p { display:inline-block; font-size:16px; text-align:left; }
@media screen and (max-width:767px) {
	#Campaign .Section.-sec01 > .secBody > .lead { font-size:16px;  }
	#Campaign .Section.-sec01 > .secBody > .notes {}
	#Campaign .Section.-sec01 > .secBody > .notes p { font-size:12px; }
}





#Campaign .Section.-sec02 > .secBody > .lead { font-size:20px; text-align:center; margin-bottom:16px; font-weight:bold; }
#Campaign .Section.-sec02 > .secBody > .lead strong { font-weight:bold; }
#Campaign .Section.-sec02 > .secBody > .lead .sub { font-size:16px; }
#Campaign .Section.-sec02 > .secBody > .txt { font-size:16px; text-align:center; }
@media screen and (max-width:767px) {
	#Campaign .Section.-sec02 > .secBody > .lead { font-size:16px; text-align:left; margin-bottom:16px; }
	#Campaign .Section.-sec02 > .secBody > .lead strong {}
	#Campaign .Section.-sec02 > .secBody > .lead .sub { font-size:12px; }
	#Campaign .Section.-sec02 > .secBody > .txt { font-size:14px; text-align:left; }
	#Campaign .Section.-sec02 > .secBody > .lead br { display:none; }
}





#Campaign .Section.-sec03 > .secBody > .innerSection { margin-bottom:40px; border-bottom:4px dashed #8E45AF; padding-bottom:40px; }
#Campaign .Section.-sec03 > .secBody > .innerSection:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
#Campaign .Section.-sec03 > .secBody > .innerSection > h3 { width:200px; margin:0 auto 32px; }
#Campaign .Section.-sec03 > .secBody > .innerSection > .lead { font-size:20px; text-align:center; font-weight:bold; margin:0 0 16px; }
#Campaign .Section.-sec03 > .secBody > .innerSection > .notesArea { margin-bottom:24px; }
#Campaign .Section.-sec03 > .secBody > .innerSection > .notesArea p { text-align:center; }
#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap { background:#fff; padding:24px; }
#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap > .notesArea {}
#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap > .notesArea > p { text-align:center; font-size:12px; }
#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap > p { text-align:center; font-size:12px; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea {}

/*#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn { position:relative; display:block; height:80px; max-width:520px; width:100%; margin:auto; border-radius:8px; color:#FFF; background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; text-decoration:none; overflow:hidden; }*/
/*#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; background:linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat; }*/

#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn { position:relative; display:block; height:80px; max-width:520px; width:100%; margin:auto; border-radius:8px; color:#FFF; background:#1DA1F2; text-decoration:none; overflow:hidden; }



#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner { display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding-bottom:6px; box-sizing:border-box; position:relative; z-index:1; box-shadow: 0px -4px 0px 0px rgba(0,0,0,0.3) inset; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner img { width:35px; height:35px; margin-right:8px; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner svg { font-size:30px; margin-right:8px; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner .txt { font-size:24px; font-weight:bold; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea { overflow:hidden; margin-top:40px; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea ul { display:flex; width:100%; margin:0 0 0 -8px; width:calc(100% + 16px); }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea ul li { width:33.333%; padding:0 8px; box-sizing:content-box; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea ul li img {}
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec03 img { display:block; margin:auto; max-width:320px; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .leadArea { text-align:center; font-weight:bold; margin-bottom:24px; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .leadArea .lead { font-size:20px; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .leadArea .lead2 { font-size:20px;  display:inline-block; text-align:left; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .notesArea { text-align:center; font-size:16px; margin-bottom:0; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .notesArea p { display:inline-block; text-align:left; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec05 > .notesArea { margin-bottom:0; }
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec05 .link {}
#Campaign .Section.-sec03 > .secBody > .innerSection.-sec05 .link a { display:flex; justify-content:center; align-items:center; height:80px; max-width:520px; width:100%; margin:auto; border-radius:8px; color:#FFF; font-size:24px; box-sizing:border-box; background:#F9764C; box-shadow: 0px -4px 0px 0px rgba(0,0,0,0.3) inset; padding-bottom:6px; text-decoration:none; font-weight:bold; margin-bottom:24px; }
@media screen and (max-width:767px) {
	#Campaign .Section.-sec03 > .secBody > .innerSection {}
	#Campaign .Section.-sec03 > .secBody > .innerSection:last-child {}
	#Campaign .Section.-sec03 > .secBody > .innerSection > h3 { width:160px; }
	#Campaign .Section.-sec03 > .secBody > .innerSection > .lead { font-size:16px; text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection > .notesArea {}
	#Campaign .Section.-sec03 > .secBody > .innerSection > .notesArea p { font-size:12px; text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap {}
	#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap > .notesArea {}
	#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap > .notesArea > p { text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection > .wrap > p { text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn { height:72px; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn:before{}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner img {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner svg { font-size:30px; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec01 .btnArea .btn > .inner .txt {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea ul {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea ul li {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec02 .imgArea ul li img {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec03 img {}
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .leadArea { text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .leadArea .lead { font-size:16px; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .leadArea .lead2 { font-size:16px; text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .notesArea { text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec04 .notesArea p { font-size:12px; text-align:left; }
	#Campaign .Section.-sec03 > .secBody > .innerSection > .lead br { display:none; }
	#Campaign .Section.-sec03 > .secBody > .innerSection.-sec05 .link a { height:72px;font-size:20px; }
}



#Campaign .Section.-sec04 {}
#Campaign .Section.-sec04 .secBody h3 { font-size:12px; margin-bottom:.5em; font-weight:bold; }
#Campaign .Section.-sec04 .secBody ul { font-size:12px; margin-bottom:2em; }
#Campaign .Section.-sec04 .secBody ul:last-child { margin-bottom:0; }
#Campaign .Section.-sec04 .secBody ul li {}
@media screen and (max-width:767px) {
	#Campaign .Section.-sec04 {}
	#Campaign .Section.-sec04 .secBody h3 {}
	#Campaign .Section.-sec04 .secBody ul {}
	#Campaign .Section.-sec04 .secBody ul li {}
}