@charset "utf-8";

.c-wrapper {
  /* max-width: 1400px; */
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
}

.c-formHeader {
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}

.c-formHeader__logo {
  width: 120px;
}

.c-formHeader__headTitle {
  background: #eee;
  color: #999999;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  padding: 12px 10px 11px;
  text-align: left;
  width: 880px;
  width: calc(100% - 120px);
}
@media screen and (max-width: 660px) {
  .c-wrapper {
    min-width: 100%;
  }
  .c-formHeader__logo {
    width: 70px;
  }
  .c-formHeader__headTitle {
    font-size: 11px;
    padding: 4px 10px 3px;
    box-sizing: border-box;
    width: 89%;
    width: calc(100% - 70px);
  }
}

.c-topWrapper {
  padding: 100px 0;
}
.c-topWrapper.c-topWrapper--afterInput {
  padding-bottom: 50px;
}
.c-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.c-contentsWrapper {
  padding: 100px 0 80px;
  background: #f6f5f3;
  max-width: 1200px;
  margin: 0 auto;
}
.c-contentsWrapper.c-contentsWrapper--afterInput {
  max-width: 100%;
  padding: 125px 0 80px;
}
.c-title {
  width: 80%;
  margin: 0 auto 50px;
  font-size: 46px;
  font-weight: 100;
  text-align: center;
}
.c-title__logo {
  width: 240px;
  margin: 0 auto 30px;
}
.c-title__sitetitle {
  font-family: "Noto Serif", serif;
  font-optical-sizing: auto;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-weight: 700;
  line-height: 1.4;
  width: 500px;
  letter-spacing: .12em;
  margin: 0 auto 30px;
}
.c-normalTxt {
  font-size: 15px;
  line-height: 1.7;
}
.c-normalTxt.c-normalTxt--taCPcOnly {
  text-align: center;
}
.c-normalCaution {
  font-size: 14px;
  line-height: 1.7;
  text-align: left;
}
.c-normalCaution.c-normalCaution--taCPcOnly {
  text-align: center;
}
.c-normalCaution.c-normalCaution--hasTxtIndent {
  text-indent: -1em;
  padding-left: 1em;
}
.c-normalCaution.c-normalCaution--hasMt {
  margin-top: 10px;
}
.c-informationBox {
  border: 1px solid #000;
  box-sizing: border-box;
  margin: 30px auto 0;
  padding: 30px 20px;
  text-align: center;
  max-width: 760px;
}
.c-informationHeading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 1em 10px;
}
.c-informationHeadingLabel {
  background: #000;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  padding: .5em .7em .4em;
  margin-right: 10px;
  line-height: 1.7;
}
@media screen and (max-width: 1199px) {
  .c-inner {
    padding: 0 4%;
    width: 100%;
  }
}
@media screen and (max-width: 660px) {
  .c-topWrapper {
    padding: 20px 0 60px;
  }
  .c-topWrapper.c-topWrapper--afterInput {
    padding-bottom: 30px;
  }
  .c-contentsWrapper {
    padding: 60px 0 40px;
  }
  .c-title {
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
  }
  .c-title__logo {
    width: 220px;
    margin: 0 auto 30px;
  }
  .c-title__sitetitle {
    width: 220px;
    margin: 0 auto 30px;
  }
  .c-normalTxt {
    font-size: 13px;
  }
  .c-normalTxt.c-normalTxt--taCPcOnly {
    text-align: left;
  }
  .c-normalCaution {
    font-size: 12px;
    text-align: left;
  }
  .c-normalCaution.c-normalCaution--taCPcOnly {
    text-align: left;
  }
  .c-informationBox {
    max-width: 760px;
    padding: 20px 15px;
  }
  .c-informationHeading {
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto 1.5em;
    display: block;
  }
  .c-informationHeadingLabel {
    font-size: 16px;
    margin: 0 auto .75em;
  }
}
.c-formCautionTxt {
  font-size: 14px !important;
  font-weight: bold;
  color: #f00;
}
.c-formCautionTxt.c-formCautionTxt--forFade {
  display: none;
}
.c-formCautionTxt::before {
  display: none;
}
.c-formBoxUnderCautionTxt {
  font-size: 15px !important;
  font-weight: bold;
  color: #f00;
}
.c-formBoxUnderCautionTxt.c-formBoxUnderCautionTxt--forPay {
  display: none;
}
.c-formBoxUnderCautionTxt::before {
  display: none;
}
@media screen and (max-width: 660px) {
  .c-formCautionTxt {
    font-size: 13px !important;
  }
  .c-formBoxUnderCautionTxt {
    font-size: 13px !important;
  }
}

/* labelの要素をflexで並べる時に使用する label内は既存のスタイルがカオス気味な指定を要するので、あくまで外枠のレイアウトの設定のみの内容にとどめている*/
.c-formBoxOuterWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(100% + 10px);
	margin-right: -10px;
}
.c-formBoxOuterWrap label {
	margin-right: 10px;
	box-sizing: border-box;
}
.c-formBoxOuterWrap.c-formBoxOuterWrap--pcW25SpW50 label {
	width: calc((100% - 40px) / 4);
}
@media screen and (max-width: 660px) {
  .c-formBoxOuterWrap {
    width: 100%;
		margin-right: auto;
  }
  .c-formBoxOuterWrap.c-formBoxOuterWrap--pcW25SpW50 {
    width: calc(100% + 10px);
	  margin-right: -10px;
  }
  .c-formBoxOuterWrap label {
    width: 100%;
		margin-right: auto;
  }
  .c-formBoxOuterWrap.c-formBoxOuterWrap--pcW25SpW50 label {
    width: calc((100% - 20px) / 2);
  }
}




.p-topTxt {
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
  font-weight: bold;
  margin-bottom: 25px;
}
@media screen and (max-width: 660px) {
  .p-topTxt {
    font-size: 13px;
    margin-bottom: 30px;
  }
}

.p-formInfoBox {
  border: 1px solid #000;
	padding: 25px 0 30px;
	box-sizing: border-box;
	margin: 50px auto 0px;
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
	max-width: 760px;
}
.p-formInfoBoxLabel {
	margin-bottom: 20px;
	font-size: 1.3em;
}
.p-formInfoBoxList__detail + .p-formInfoBoxList__label {
	margin-top: 1em;
}
@media screen and (max-width: 660px) {
  .p-formInfoBox {
		padding: 25px 15px;
		margin: 40px auto 0;
		text-align: left;
		font-size: 13px;
	}
	.p-formInfoBoxLabel {
		margin-bottom: 10px;
		text-align: center;
	}
}

/*Utility*/
.u-mb-l { margin: 0 auto 150px;}
.u-mb-m { margin: 0 auto 100px;}
.u-mb-s { margin: 0 auto 50px;}
@media screen and (max-width: 660px) {
  .u-mb-l { margin: 0 auto 80px;}
  .u-mb-m { margin: 0 auto 50px;}
  .u-mb-s { margin: 0 auto 30px;}
}
.u-blockC { margin-left: auto; margin-right: auto;}

.u-w-10 { width: 10%;}
.u-w-20 { width: 20%;}
.u-w-30 { width: 30%;}
.u-w-40 { width: 40%;}
.u-w-50 { width: 50%;}
.u-w-60 { width: 60%;}
.u-w-70 { width: 70%;}
.u-w-80 { width: 80%;}
.u-w-90 { width: 90%;}
.u-w-100 { width: 100%;}
@media screen and (max-width: 660px) {
  .u-w-sp10 { width: 10%;}
  .u-w-sp20 { width: 20%;}
  .u-w-sp30 { width: 30%;}
  .u-w-sp40 { width: 40%;}
  .u-w-sp50 { width: 50%;}
  .u-w-sp60 { width: 60%;}
  .u-w-sp70 { width: 70%;}
  .u-w-sp80 { width: 80%;}
  .u-w-sp90 { width: 90%;}
  .u-w-sp100 { width: 100%;}
}
.u-ta-c { text-align: center !important;}
.u-ta-l { text-align: left !important;}
.u-ta-r { text-align: right !important;}
.u-fw-b { font-weight: bold !important;}
.u-fw-n { font-weight: normal !important;}
/*---------------------------------------------------------------------------------------------*/
@media screen and (max-width: 660px) {.u-pcOnly { display: none !important;}}
@media screen and (min-width: 661px) {.u-spOnly { display: none !important;}}