@charset "utf-8";

/* ヘッダー */
header #keyvisual{
	background-image: url("../img/header.jpg");
	background-position: 50% 50%;
	background-size: 100% auto;
	padding-top: 200px;
}
header .head{padding: 0;}
header .head h1 img{
	position: relative;
	margin: 0 auto;
	height:44px;
	width: auto;
}
footer::before, footer::after{
	position: absolute;
	content: '';
	display: block;
	width: 80px;
	background-repeat: no-repeat;
	background-size: contain;
}
footer::before{
	height: 65px;
	top: -82px;
	right: 0;
	background-image: url("../img/bg_footer01.svg");
	background-position: calc(100% - 5px) 0;
}
footer::after{
	height: 85px;
	top: -100px;
	left: 0;
	background-image: url("../img/bg_footer02.svg");
	background-position: 5px 0;
}

/* 注意事項 */
#cautionlist{
    position: relative;
	margin: 0 auto;
    padding: 20px 0 0 0;
	background-color: #ffbe0d;
}
#cautionlist::before, #cautionlist::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	background-image: url("../img/btm_yellow.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
#cautionlist::before{
	top:-50px;
	transform: rotate(180deg);
}
#cautionlist::after{
	bottom:-50px;
}
#cautionlist .pagenav{
	position: relative;
	margin: 0 auto 80px auto;
	width: calc(100% - 20px);
}
#cautionlist .pagenav li{
	position: relative;
	width: calc(33% - 10px);
	text-align: center;
}
#cautionlist .pagenav li::before{
	position: absolute;
	top:5px;
	left: 5px;
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	background-color: rgba(0,0,0,.5);
}
#cautionlist .pagenav li a{
	position: relative;
	width: 100%;
	height: 50px;
	display: block;
	color: #ffffff;
	font-weight: 900;
	padding: 5px 0;
	line-height: 1.5em;
}
#cautionlist .pagenav li div{
	position: absolute;
	top:50%;
	width: 100%;
	left: 0;
	transform: translateY(-50%);
}
#cautionlist .pagenav li:nth-child(1) a{background-color: #ff5400;}
#cautionlist .pagenav li:nth-child(2) a{background-color: #008eff;}
#cautionlist .pagenav li:nth-child(3) a{background-color: #ff0044;}

#cautionlist .cautioWrap{
	position: relative;
	background-image: url("../img/bg_caution02.svg");
	background-repeat: no-repeat;
	background-size: 84% auto;
	background-position: 60% 0;
}
#cautionlist .cautioWrap::before, #cautionlist .cautioWrap::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#cautionlist .cautioWrap::before{
	height: 65px;
	top: 0;
	right: 0;
	background-image: url("../img/bg_caution01.svg");
	background-position: calc(100% - 8px) 0;
}
#cautionlist .cautioWrap::after{
	height: 95px;
	top: -40px;
	left: 0;
	background-image: url("../img/bg_caution.svg");
	background-position: -5px 0;
}
#cautionlist .cautioWrap.bUP::before{animation: bound 2.4s ease-in 0s 1 forwards;}
#cautionlist .cautioWrap.bUP::after{animation: bound 2.4s ease-in .4s 1 forwards;}
#cautionlist dl{
    position: relative;
	margin: 0 auto;
}
#cautionlist dl.marginbottom{margin: 0 auto 50px auto;}
#cautionlist dt{
    position: relative;
	margin: 0 auto;
    font-size: .16rem;
    padding: 30px 0 25px 0;
	font-weight: 900;
	text-align: center;
}
#cautionlist dd p{
    position: relative;
	margin: 0 auto;
    padding: 0 0 15px 1.2em;
}
#cautionlist dd p::before{
	position: absolute;
	content: '・';
	display: block;
	top:0;
	left: 0;
}


/* よくある質問 */
#faq{
    position: relative;
	margin: 0 auto;
}
#faq .faqWrap{
	position: relative;
	padding: 70px 0 0 0;
	background-image: url("../img/bg_faq02.svg");
	background-repeat: no-repeat;
	background-size: 101% auto;
	background-position: 0 10px;
}
#faq .faqWrap::before, #faq .faqWrap::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#faq .faqWrap::before{
	height: 85px;
	top: 0;
	right: 0;
	background-image: url("../img/bg_faq.svg");
	background-position: calc(100% + 8px) 0;
}
#faq .faqWrap::after{
	height: 60px;
	top: 70px;
	left: 0;
	background-image: url("../img/bg_faq01.svg");
	background-position: 5px 0;
}
#faq .faqWrap.bUP::before{animation: bound 2.4s ease-in 0s 1 forwards;}
#faq .faqWrap.bUP::after{animation: bound 2.4s ease-in .4s 1 forwards;}
#faq dl{
	position: relative;
	margin: 40px auto 0 auto;
	line-height: 1.5em;
	width: calc(100% - 40px);
}
#faq dl dt{
	position: relative;
	margin: 20px auto 5px auto;
    padding-left: 1.5em;
	font-weight: 900;
}
#faq dl dt::before{
	position: absolute;
	content: 'Q.';
    display: block;
    width: 1.5em;
    left: 0;
}
#faq dl dd{
	position: relative;
	margin: 0 auto;
    padding-left: 1.5em;
}
#faq dl dd::before{
	position: absolute;
	content: 'A.';
    display: block;
    width: 1.5em;
    left: 0;
}

/* 利用制限 */
#limit{
    position: relative;
	margin: 0 auto;
	padding: 0 0 100px 0;
	background-color: #ffc5c6;
}
#limit::before, #limit::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	background-image: url("../img/btm_white.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
#limit::before{top:0;}
#limit::after{bottom:0;transform: rotate(180deg);}
#limit .limitWrap{
	position: relative;
	padding: 90px 0 0 0;
	background-image: url("../img/bg_limit02.svg");
	background-repeat: no-repeat;
	background-size: 101% auto;
	background-position: 0 10px;
}
#limit .limitWrap::before, #limit .limitWrap::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#limit .limitWrap::before{
	height: 60px;
	top: 120px;
	right: 0;
	background-image: url("../img/bg_limit01.svg");
	background-position: calc(100% - 5px) 0;
}
#limit .limitWrap::after{
	height: 85px;
	top: 10px;
	left: 0;
	background-image: url("../img/bg_limit.svg");
	background-position: -3px 0;
}
#limit .limitWrap.bUP::before{animation: bound 2.4s ease-in 0s 1 forwards;}
#limit .limitWrap.bUP::after{animation: bound 2.4s ease-in .4s 1 forwards;}
#limit dl{
    position: relative;
    margin: 40px auto 0 auto;
	width: calc(100% - 20px);
    border-top: solid 1px #e10000;
    border-left: solid 1px #e10000;
    border-right: solid 1px #e10000;
    display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
#limit dt{
    width: calc(35% - 21px);
    padding: 15px 10px;
    text-align: center;
    background-color: #ffffe6;
    border-bottom: solid 1px #e10000;
}
#limit dd{
    width: calc(65% - 20px);
    padding: 15px 10px;
    border-bottom: solid 1px #e10000;
}
#limit dd .caution{padding-top: 10px;} 

/* フォーム */
#formArea{
    position: relative;
	margin: 0 auto;
    padding: 20px 0 0 0;
}
#formArea::before{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	background-image: url("../img/btm_white.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
	top:-50px;
	transform: scale(1,-1);
}
#formArea {
	position: relative;
	padding: 0 0 70px 0;
	background-image: url("../img/bg_faq02.svg");
	background-repeat: no-repeat;
	background-size: 101% auto;
	background-position: 0 0;
}
#formArea h2{
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: .18rem;
	font-weight: 900;
	color: #e41c1c;
}
#formArea .kikan{
	position: relative;
	margin: 10px auto;
	text-align: center;
	font-size: .13rem;
	font-weight: 700;
}
#formArea .inputArea .pass{
	position: relative;
	margin: 0 auto 10px auto;
	text-align: center;
	color: #ffea00;
}
#formArea .inputArea .err p{
	position: relative;
	margin: 20px auto 0 auto ;
	text-align: center;
	color: #ffea00;
	font-size: .13rem;
}
#formArea .inputArea .radioArea{
	position: relative;
	margin: 10px auto 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}
#formArea .inputArea label{font-size: .18rem;font-weight: 700;}
#formArea .inputArea label.harajyuku{padding-right: 20px;}
#formArea .catution{
	position: relative;
	width: calc(100% - 40px);
	margin: 20px auto;
}

#thankslead{
    position: relative;
	margin: 0 auto;
    padding: 30px 0;
	background-color: #ffbe0d;
}
#thankslead::before, #thankslead::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	background-image: url("../img/btm_yellow.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
#thankslead::before{
	top:-50px;
	transform: rotate(180deg);
}
#thankslead::after{
	bottom:-50px;
}
#thankslead p{
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: .17rem;
	font-weight: 900;
	line-height: 2em;
}
#thankslist{
	position: relative;
	margin: 0 auto;
	background-image: url("../img/bg_play.svg");
	background-repeat: repeat-y;
	background-size: 101% auto;
	background-position: 0 0;
}
#thankslist .thanksWrap{
	position: relative;
	padding: 70px 0 0 0;
}
#thankslist .thanksWrap::before, #thankslist .thanksWrap::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#thankslist .thanksWrap::before{
	height: 85px;
	top: 0;
	right: 0;
	background-image: url("../img/bg_faq.svg");
	background-position: calc(100% + 8px) 0;
}
#thankslist .thanksWrap::after{
	height: 60px;
	top: 120px;
	left: 0;
	background-image: url("../img/bg_faq01.svg");
	background-position: 5px 0;
}
#thankslist .thanksWrap.bUP::before{animation: bound 2.4s ease-in 0s 1 forwards;}
#thankslist .thanksWrap.bUP::after{animation: bound 2.4s ease-in .4s 1 forwards;}
#thankslist .thTxt{
	position: relative;
	margin: 15px auto;
	text-align: center;
	font-size: .15rem;
	font-weight: 700;
	color: #e41c1c;
}
#thankslist ul{
	position: relative;
	margin: 40px auto 0 auto;
	line-height: 1.5em;
	width: calc(100% - 40px);
}
#thankslist ul li{
	text-align: center;
	line-height: 2em;
	width: 100%;
}
#thanksBtm{
    position: relative;
	margin: 0 auto;
	padding: 120px 0 100px 0;
	background-color: #ffc5c6;
}
#thanksBtm::before, #thanksBtm::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	background-image: url("../img/btm_white.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
#thanksBtm::before{top:0;}
#thanksBtm::after{bottom:0;transform: rotate(180deg);}
#thanksBtm p{
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: .17rem;
	line-height: 2em;
	font-weight: 700;
	color: #e41c1c;
}

#special{
    position: relative;
	margin: 0 auto;
    padding: 20px 0 1px 0;
	background-color: #ffbe0d;
}
#special::before, #special::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	background-image: url("../img/btm_yellow.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
#special::before{
	top:-50px;
	transform: rotate(180deg);
}
#special::after{
	bottom:-50px;
}
#special h2{
	font-weight: 900;
	font-size: .20rem;
	color: #e41c1c;
	line-height: 1.7em;
	text-align: center;
}
#special .specialWrap{
	position: relative;
	background-image: url("../img/bg_caution02.svg");
	background-repeat: no-repeat;
	background-size: 84% auto;
	background-position: 60% 0;
}
#special .specialWrap::before, #special .specialWrap::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#special .specialWrap::before{
	height: 65px;
	top: 0;
	right: -20px;
	background-image: url("../img/bg_caution01.svg");
	background-position: calc(100% - 8px) 0;
}
#special .specialWrap::after{
	height: 95px;
	top: -90px;
	left: 0;
	background-image: url("../img/bg_caution.svg");
	background-position: -5px 0;
}
#special .specialWrap.bUP::before{animation: bound 2.4s ease-in 0s 1 forwards;}
#special .specialWrap.bUP::after{animation: bound 2.4s ease-in .4s 1 forwards;}
#special .profileBox{
	position: relative;
	margin: 30px auto;
	width: calc(100% - 60px);
}
#special .profileBox div{
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#special .profileBox img{
	position: relative;
	margin: 0 auto;
	width: 60%;
}
#special .profileBox div .name{
	text-align: center;
	padding: 10px 0;
}
#special h2{
	font-weight: 900;
	font-size: .20rem;
	color: #e41c1c;
	line-height: 1.7em;
	text-align: center;
}
#spcom{
    position: relative;
	margin: 0 auto;
}
#spcom .spcomWrap{
	position: relative;
	padding: 50px 0 0 0;
	background-image: url("../img/bg_faq02.svg");
	background-repeat: no-repeat;
	background-size: 101% auto;
	background-position: 0 10px;
}
#spcom .spcomWrap::before, #spcom .spcomWrap::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#spcom .spcomWrap::before{
	height: 85px;
	top: 0;
	right: 0;
	background-image: url("../img/bg_faq.svg");
	background-position: calc(100% + 8px) 0;
}
#spcom .spcomWrap::after{
	height: 60px;
	top: 40px;
	left: 0;
	background-image: url("../img/bg_faq01.svg");
	background-position: 5px 0;
}
#spcom .spcomWrap.bUP::before{animation: bound 2.4s ease-in 0s 1 forwards;}
#spcom .spcomWrap.bUP::after{animation: bound 2.4s ease-in .4s 1 forwards;}
#spcom h3, #spevent h3{
	font-weight: 900;
	font-size: .17rem;
	color: #e41c1c;
	line-height: 1.7em;
	text-align: center;
	padding-bottom: 10px;
}
#spcom p, #spevent p{
	position: relative;
	margin: 20px auto;
	width:calc(100% - 60px);
}
#spevent{
    position: relative;
	margin: 0 auto;
	padding: 0 0 100px 0;
	background-color: #ffc5c6;
}
#spevent::before, #spevent::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 50px;
	left: 0;
	background-image: url("../img/btm_white.svg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}
#spevent::before{top:0;}
#spevent::after{bottom:0;transform: rotate(180deg);}
#spevent .speventWrap{
	position: relative;
	padding: 90px 0 0 0;
	background-image: url("../img/bg_limit02.svg");
	background-repeat: no-repeat;
	background-size: 101% auto;
	background-position: 0 10px;
}
#spevent .speventWrap::before, #spevent .speventWrap::after{
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
#spevent .speventWrap::before{
	height: 60px;
	top: 120px;
	right: 0;
	background-image: url("../img/bg_limit01.svg");
	background-position: calc(100% - 5px) 0;
}
#spevent .speventWrap::after{
	height: 85px;
	top: 10px;
	left: 0;
	background-image: url("../img/bg_limit.svg");
	background-position: -3px 0;
}
#spevent .speventWrap.bUP::before{animation: bound 2.4s ease-in 0s 1 forwards;}
#spevent .speventWrap.bUP::after{animation: bound 2.4s ease-in .4s 1 forwards;}
#spevent .button{
	position: relative;
	margin: 10px auto;
	background-color: #04196F;
	font-size: .16rem;
	font-weight: 900;
	text-align: center;
	padding: 4px 0;
	color: #ffffff;
	background-image: url("../img/bg_btn.svg");
	background-repeat: no-repeat;
	background-size: auto 140%;
	background-position: 16% 10px;
	display: block;
	width: 260px;
}
#spevent .button::after{
	position:absolute;
	top:0;
	right: 8px;
	display: block;
	content: '';
	height: 100%;
	width: 15px;
	transition: all .3s ease-out;
	background-image: url("../img/arrow01.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
}
#spevent dl{
	position: relative;
	margin: 0 auto 40px auto;
	width: calc(100% - 60px);
}
#spevent dl dt{
	position: relative;
	color: #e41c1c;;
	font-weight: 700;
	text-decoration: underline;
	padding: 15px 0 5px 0;
}
#spevent h4{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 60px);
	font-weight: 900;
	font-size: .15rem;
	color: #04196F;
	line-height: 1.7em;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: solid 1px #04196F;
}


/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	/* ヘッダー */
	header #keyvisual{
		background-image: url("../img/header_pc.jpg");
		padding-top: 360px;
	}
	footer::before, footer::after{width: 120px;}
	footer::before{
		height: 95px;
		top: -10px;
		right: calc(100% - 400px);
		background-position: 0 0;
	}
	footer::after{
		height: 125px;
		top: -100px;
		left: 40px;
		background-position: 0 0;
	}
	footer .totop{margin: 30px auto 130px auto;}

	/* 注意事項 */
	#cautionlist{padding: 20px 0 80px 0;}
	#cautionlist::before, #cautionlist::after{height: 100px;}
	#cautionlist::before{top:-100px;}
	#cautionlist::after{bottom:-100px;}
	#cautionlist .pagenav{
		margin: 0 auto 120px auto;
		width: 750px;
	}
	#cautionlist .cautioWrap{
		width: 960px;
		margin: auto;
		background-size: 560px auto;
		background-position: 90% 0;
	}
	#cautionlist .cautioWrap::before{
		height: 85px;
		background-position: 100% 0;
	}
	#cautionlist .cautioWrap::after{
		height: 125px;
		top: -70px;
		background-position: 0 0;
	}
	#cautionlist dt{
		font-size: .20rem;
		padding: 70px 0 30px 0;
	}


	/* よくある質問 */
	#faq{padding: 0 0 80px 0;}
	#faq .faqWrap{
		padding: 120px 0 0 0;
		background-size: 830px auto;
		background-position: 10% 40px;
		width: 960px;
		margin: auto;
	}
	#faq .faqWrap::before{
		height: 120px;
		top: 10px;
		background-position: 100% 0;
	}
	#faq .faqWrap::after{
		height: 80px;
		top: 20px;
		background-position: 0 0;
	}
	#faq dl{
		margin: 80px auto 0 auto;
		width: 960px;
	}
	#faq dl dt{margin: 30px auto 5px auto;}

	/* 利用制限 */
	#limit{padding: 0 0 160px 0;}
	#limit::before, #limit::after{height: 100px;}
	#limit .limitWrap{
		padding: 90px 0 0 0;
		width: 980px;
		margin: auto;
		background-size: 100% auto;
		background-position: 0 0;
	}
	#limit .limitWrap::before{
		height: 80px;
		top: 160px;
		background-position: 100% 0;
	}
	#limit .limitWrap::after{
		height: 125px;
		top: 10px;
		background-position: 0 0;
	}
	#limit dl{
		margin: 120px auto 0 auto;
		width: 960px;
	}
	#limit dt{
		width: calc(35% - 41px);
		padding: 15px 20px;
	}
	#limit dd{
		width: calc(65% - 40px);
		padding: 15px 20px;
	}

	/* フォーム */
	#formArea::before{
		height: 100px;
		top:-100px;
	}
	#formArea {
		background-size: 830px auto;
		background-position: 50% 0;
	}
	#formArea h2{
		font-size: .28rem;
		line-height: 1.6em;
	}
	#formArea .kikan{
		margin: 20px auto;
		font-size: .18rem;
	}
	#formArea .inputArea .pass{font-size: .18rem;}
	#formArea .inputArea .err p{font-size: .14rem;}
	#formArea .inputArea .radioArea{margin: 20px auto 0 auto;}
	#formArea .inputArea label{font-size: .19rem;}
	#formArea .inputArea label.harajyuku{padding-right: 40px;}
	#formArea .catution{
		width: 580px;
		font-size: .14rem;
	}
	
	#thankslead{padding: 80px 0;}
	#thankslead::before, #thankslead::after{height: 100px;}
	#thankslead::before{top:-100px;}
	#thankslead::after{bottom:-100px;}
	#thankslead p{
		font-size: .18rem;
		font-weight: 700;
	}
	#thankslist .thanksWrap{
			padding: 120px 0;
			background-position: 10% 40px;
			width: 960px;
			margin: auto;
		}
	#thankslist .thanksWrap::before{
		height: 80px;
		top: 160px;
		background-position: 100% 0;
	}
	#thankslist .thanksWrap::after{
		height: 125px;
		top: 10px;
		background-position: 0 0;
	}
	#thankslist .thTxt{
		margin: 15px auto;
		font-size: .17rem;
	}
	#thankslist ul{
		margin: 80px auto 0 auto;
		width: 960px;
	}
	#thankslist ul li{
		width: 300px;
		line-height: 3em;
	}
	#thankslist ul li:last-child{width: 100%;}
	#thanksBtm{padding: 120px 0;}
	#thanksBtm p{font-size: .18rem;}

	
	#special{padding: 20px 0 30px 0;}
	#special::before, #special::after{height: 100px;}
	#special::before{top:-100px;}
	#special::after{bottom:-100px;}

	#special h2{font-size: .28rem !important;}
	#special .specialWrap{
		width: 960px;
		margin: auto;
		background-size: 560px auto;
		background-position: 90% 0;
	}
	#special .specialWrap::before{
		height: 85px;
		background-position: 100% 0;
	}
	#special .specialWrap::after{
		height: 125px;
		top: -120px;
		background-position: 0 0;
	}
	#special .profileBox{width: 500px;}
	#special .profileBox img{width: 300px;}

	#spcom .spcomWrap{
		padding: 120px 0 0 0;
		background-size: 830px auto;
		background-position: 10% 40px;
		width: 960px;
		margin: auto;
	}
	#spcom .spcomWrap::before{
		height: 120px;
		top: 10px;
		background-position: 100% 0;
	}
	#spcom .spcomWrap::after{
		height: 80px;
		top: 20px;
		background-position: 0 0;
	}

	#spcom h3, #spevent h3{font-size: .24rem;}
	#spcom p, #spevent p{
		margin: 40px auto 80px auto;
		width:960px;
	}
	#spcom .movieWrap{margin: 10px auto 30px auto;width: 520px;}
	#spevent{padding: 0 0 100px 0;}
	#spevent::before, #limit::after{height: 100px;}
	#spevent .speventWrap{
		padding: 90px 0 0 0;
		width: 980px;
		margin: auto;
		background-size: 100% auto;
		background-position: 0 0;
	}
	#spevent .speventWrap::before{
		height: 80px;
		top: 160px;
		background-position: 100% 0;
	}
	#spevent .speventWrap::after{
		height: 125px;
		top: 10px;
		background-position: 0 0;
	}
	#spevent .button{margin: 40px auto;}

	#spevent dl{
		margin: 0 auto 80px auto;
		width: 960px;
		text-align: center;
	}
	#spevent dl dt{padding: 25px 0 15px 0;}
	#spevent h4{
		width: 660px;
		font-size: .16rem;
		color: #04196F;
	}

}