@charset "utf-8";
/*******************************************/
/* common                                  */
/*******************************************/
html{ font-size:62.5%; }
body{ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; font-size:1.6rem; border-top:2px solid #fe9e0c; }
article::after{ content:""; display:block; clear:both; }
li{ list-style-type:none; }
a{ color:#0c3388; text-decoration:none; }
a:hover{ color:#5685ed; }
dt{ font-weight:bold; }
* { box-sizing:border-box; }
@media all and (-ms-high-contrast:none) {
body{ font-family: "メイリオ", Meiryo, sans-serif !important; }
}

/*******************************************/
/* Styles                                  */
/*******************************************/

/* txt */
.txt01{ color:#000; font-size:3.6rem; font-weight:bold; letter-spacing:-1px; }
.txt02{ color:#fff; font-size:2.4rem; }
.txt03{ font-size:2.0rem; }
.txt04{ line-height:2.4rem; }
.txt05{ font-size:1.6rem; line-height:2.2rem; }
.txt06{ font-size:1.8rem; }
.txt07{ color:#fff; font-size:2.4rem; text-shadow:1px 1px 3px rgba(0,0,0,0.4); }
.txt08{ color:#fff; font-size:1.4rem; line-height:1.8rem; }
.txt09{ color:#ff0000; }
.txt10{ font-size:1.6rem; }
.txt11{ color:#aaa; font-size:1.4rem; }
.txt12{ color:#fff; font-size:1.6rem; letter-spacing:0.4rem; }
.txt13{ color:#fff; font-size:1.4rem; letter-spacing:0.4rem; }
.txt14{ font-size:1.4rem; line-height:2.0rem; }
.txt15{ font-size:2.0rem; }
.txt16{ font-size:1.6rem; }
.txt17{ color:#666; font-size:1.2rem; line-height:1.6rem; }
.txt18{ color:#fff; font-size:1.4rem; line-height:1.4rem; }
.txt19{ color:red; font-size:2.0rem; font-weight:bold; line-height:2.8rem; text-align:center; margin-top:8.0rem; }
.red{ color:#ff0000; }
.required { color:#ff0000; font-size:1.4rem; font-weight:500; margin-left:1rem; }

/* hBox */
.hBox01{ background:#fe9e0c; border-radius:4px; padding:10px 16px; }
.hBox02{ border-bottom:double #fe9e0c; padding-left:20px; padding-bottom:8px; position:relative; }
.hBox02::before{ background:#fe9e0c; content:""; display:inline-block; position:absolute; top:4px; left:0; width:12px; height:12px; }
.hBox03{ background:#ffe2c3; border-radius:4px; margin:16px 20px; padding:10px 16px; }
.hBox04{ margin-bottom:1.2rem; padding-left:18px; }
.hBox04::before{ border:3px solid #ff0000; content:""; display:inline-block; margin-right:5px; position:absolute; top:1px; left:0; width:7px; height:7px; }
.hBox05{ background:#ffe2c3; border-radius:4px; padding:10px 16px; }

/* margin padding */
.mb0{ margin-bottom:0.5rem; }
.mb1{ margin-bottom:1.0rem; }
.mb2{ margin-bottom:1.5rem; }
.mb3{ margin-bottom:2.0rem; }
.mb4{ margin-bottom:2.5rem; }
.mb5{ margin-bottom:9.0rem; }

/* header */
.headerWrap{ padding:24px 0 24px; width:100%; }
.headerBackground{ background:linear-gradient(#fff9f1, #fff); border-top:1px solid #fff; border-bottom:1px solid #ccc; box-shadow:0 3px 3px 0 rgba(0,0,0,0.05); }
.headerBlock{ margin:0 auto; position:relative; text-align:center; width:790px; }
.headerUnit_bnr{ margin-top:-18px; position: absolute; top:50%; right:0; }
.headerUnit_bnr a{ transition:.2s ease-in-out; }
.headerUnit_bnr a:hover{ opacity:0.7; }
.headerUnit_bnrImg{ border:1px solid #ccc; width:140px; height:36px; }
.ttlColor a{ color:#000; }
.ttlColor a:hover{ opacity:0.7; }

/* main */
.mainWrap{ margin:0 auto; padding:30px 30px 60px; width:850px; min-height: calc(100vh - 166px); }
.cmnBlock{ margin:32px 24px 0; }
.cmnUnit{ margin:20px 20px 40px; }
.entryfeeTable{ width:100%; }
.entryfeeTable th, .entryfeeTable td{ border:1px solid #ccc; padding:8px; }
.thLeft{ background:#fff7ed; text-align:left; width:30%; } 
.thCenter{ background:#fff7ed; text-align:center; width:35%; }
.tdCell{ text-align:right; }
.stepUnit{ margin:10px 0 40px; text-align:center; }
.stepUnit li{ display:inline-block; }
.step{ border-bottom:3px solid #aaa; padding-bottom:0.3rem; width:23%; }
.stepActive{ border-bottom:3px solid #ff0000; color:#ff0000; font-weight:bold; }
.thanks{ background:#fff7ed; border:1px solid #ccc; border-radius:8px; margin:0 40px 30px; padding:100px 0 30px; text-align:center; }
.positionRelative{ position:relative; }
.attentionBlock{ margin:0 40px; }
.attentionUnit{ background:#efefef; border-radius:8px; margin-bottom:60px; padding:24px; }
.attentionUnit_list{ margin-left:25px; }
.attentionUnit_list li{ list-style:disc; }
.attentionUnit_store{ margin:0 40px; }
.policy_list > li{ border-bottom:1px solid #ccc; padding-bottom:1rem; margin-bottom:1rem; }
.policy_list_span{ display:block; }
.policy_ol{ padding-left:24px; }
.policy_ol > li{ list-style-type:decimal; margin-bottom:0.5rem; }


/* form */
.formWrap{ width:100%; padding:0 40px; }
.formBlock_mail{ margin-bottom:60px; padding-bottom:40px; }
.formBlock_member{ padding-bottom:60px; }
.formItem{ padding:2rem 0; }
.formItem > dt{ width:35%; }
.formItem > dd{ width:64%; }
.form_dt{ display:inline-block; }
.form_dd{ display:inline-block; }
.form_dd input{ width:100%; padding:6px; }
.form_dd input[type=radio]{ width:13px; height:13px; }
.memberItem{ float:left; margin-right:10px; padding:0 0 2rem; width:40%; }
.memberItem > dt{ width:100%; }
.memberItem > dd{ width:100%; }
.borderTop{ border-top:1px solid #bbb; }
.borderBottom{ border-bottom:1px solid #bbb; }
.formTable{ width:100%; margin:60px 0 30px; }
.formTable th, .formTable td{ border:1px solid #ccc; padding:8px; }
.formTable th{ background:#fff7ed; text-align:left; width:30%; }
.formTable td{ width:70%; }
.vAlign-top{ vertical-align:top; }
.radioBox{ position:absolute; top:-2px; left:0; }
.radioLabel{ padding-left:22px; }
.radioInfo{ background:#efefef; border-radius:4px; margin:10px 0 20px 0; padding:12px; }
.memberbtn{ float:left; margin-top:26px; width:80px; }

/* btn */
.btnArea{ text-align:center; margin-bottom:30px; }
.btnArea > a{ transition:.2s ease-in-out; }
.btnArea > a:hover{ opacity:0.7; }
.btnArea > button{ transition:.2s ease-in-out; cursor: pointer; border:none; }
.btnArea > button:hover{ opacity:0.7; }
.btnArea > button:first-of-type { margin-right:8px; }
.btn1{ border-radius:8px; display:inline-block; padding:30px 40px 20px; text-align:center; }
.btn2{ display:inline-block; text-align:center; width:160px; height:44px; }
.btn3{ display:inline-block; text-align:center; width:80px; height:34px; }
.btn4{ display:inline-block; text-align:center; width:160px; height:44px; }
.btnBackground1{ background:linear-gradient(#4a80d1, #0050c8); box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2); }
.btnBackground2{ background:linear-gradient(#4a80d1, #0050c8); }
.btnBackground3{ background:linear-gradient(#49bed1, #01aec9); }
.btnArrow{ padding-left:10px; position:relative; }
.btnArrow::before{ content:""; border-top:2px solid #fff; border-right:2px solid #fff; display:inline-block; margin-top:-5px; position:absolute; transform:rotate(45deg); top:50%; left:-10px; width:7px; height:7px; }

/* footer */
.footerWrap{ background:#fe9e0c; padding:30px 0; text-align:center; }
.footerBlock{ margin:0 auto; width:850px; }
.footerCol_policy{ border-left:1px solid #fff; border-right:1px solid #fff; display:inline-block; float:right; padding:0 14px; }
.footerCol_policy a{ color:#fff; }
.footerCol_policy a:hover{ opacity:0.7; }
.footerCol_copyright{ float:left; }

/* page top */
div#pageTop{ position:fixed; bottom:10px; right:20px; z-index:20; }
div#pageTop:hover{ opacity:0.7; }

/* clearfix */
.clearfix::after{ content:""; display:block; clear:both; }

/*******************************************/
/* responsive                              */
/*******************************************/

@media screen and (max-width: 959px) {
	/* txt */
	.txt01{ font-size:3.0rem; }
	
	/* header */
	.headerBlock{ text-align:left; width:540px; }

	/* main */
	.mainWrap{ width:600px; min-height: calc(100vh - 160px); }
	.stepUnit{ text-align:left; }
	.stepUnit li{ display:block; padding-left:4px; }
	.step{ margin-bottom:2rem; width:100%; }
	
	/* form */
	.formWrap{ padding:0; }
	.formItem > dt{ width:100%; }
	.formItem > dd{ width:100%; }
	.form_dt{ display:block; margin-bottom:1rem; }
	.form_dd{ display:block; }
	.memberItem{ width:38%; }
	.payment{ margin-top:2rem; }
	
	/* footer */
	.footerBlock{ width:450px; }
	.footerCol_policy{ border-left:1px solid #fff; border-right:none; float:right; padding:0 0 0 10px; }
	
}
@media screen and (max-width: 599px) {
	/* txt */
	.txt01{ font-size:2.4rem; }
	.txt02{ font-size:2.0rem; }
	.txt10{ font-size:1.4rem; }
	.txt15{ font-size:1.8rem; }
	.txt19{ font-size:1.8rem; text-align:left; margin:6.0rem auto 0; width:76%; }
	
	/* hBox */
	.hBox01{ padding:8px 12px; }
	.hBox03{ margin:16px 0; }
	
	/* margin padding */
	.mb5{ margin-bottom:7.0rem; }
	
	/* header */
	.headerWrap{ padding:20px 0 65px; }
	.headerBlock{ text-align:center; width:300px; }
	.headerUnit_bnr{ margin-right:-70px; top:62px; right:50%; }
	
	/* main */
	.mainWrap{ padding:30px 0 60px; width:300px; min-height: calc(100vh - 221px); }
	.cmnBlock{ margin:32px 0 0; }
	.cmnUnit{ margin:20px 0 40px; }
	.btn1{ padding:30px 30px 20px; width:240px; }
	.thanks{ margin:0 0 30px; padding:80px 0 20px; width:100%; }
	.attentionBlock{ margin:0; }

	/* form */
	.memberItem{ float:none; width:100%; }
	.memberbtn{ margin-top:0; }
	
	/* btn */
	.btn4{ width:120px; }
	
	/* footer */
	.footerBlock{ width:300px; }
	.footerCol_policy{ border-left:1px solid #fff; border-right:1px solid #fff; float:none; margin-bottom:1.5rem; padding:0 10px; }
	.footerCol_copyright{ float:none; }
}