@charset "utf-8";

/* --------------------------------------------


トップページ


---------------------------------------------- */

/* --------------------------------------------

入力エリア

---------------------------------------------- */
.formWrap.inner {
 width: 96%;
 max-width: 850px;
 margin: 0 auto;
 padding: 48px 2% 48px;
 background-color: #fff;
 border-radius: 30px;
}

@media only screen and (max-width:640px) {}


/* --------------------------------------------

ステップ

---------------------------------------------- */
.form_step {
 justify-content: center;
 max-width: 600px;
 margin: 0 auto 48px;
 padding: 12px 0;
 border: 1px solid #dcdcdc;
 border-radius: 100px;
}

.form_step li {
 margin: 0 24px;
 color: #a2a1a1;
 font-weight: 500;
}

.form_step li.current {
 color: #00321e;
 font-weight: 600;
}

.form_step li.dotted {
 font-weight: 300;
 font-size: 1.8rem;
 vertical-align: middle;
 margin: -0.2em 24px 0;
 color: #9d9696;
}

.form_step li.current+li.dotted {
 background: linear-gradient(90deg, #acc53d 0%, #076ad9 50%, #005b3e 80%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

@media only screen and (max-width:640px) {
 .form_step {}

 .form_step li {
  font-size: 1.6rem;
 }

 .form_step li.dotted {}

 .form_step li.current {}
}




/* --------------------------------------------

メッセージ

---------------------------------------------- */
.form_message {
 margin: 64px auto;
 padding: 32px 0 24px;
 border: 1px solid #dcdcdc;
 border-width: 1px 0;
}

.form_message p {
 word-break: break-all;
 text-align: center;
}

.form_message p span {
 display: inline;
 color: #00321e;
}

.form_message p em {
 display: block;
 text-align: center;
 margin-bottom: 0.5em;
 font-size: 1.8rem;
 color: #00321e;
 font-weight: 600;
}

.form_message p small {
 font-size: 0.8em;
}

.form_message a.btn {
 display: block;
 margin: 24px auto;
}


@media screen and (max-width: 640px) {
 .form_message p {}
}



/* --------------------------------------------

formレイアウト

---------------------------------------------- */
.formTable {
 width: 100%;
 margin: 0px 0;
}

.formTable dt,
.formTable dd {
 display: block;
}

.formTable dt {
 padding: 8px 0 16px;
 color: #00321e;
 font-weight: 600;
}

.formTable dd {
 padding: 0px 0 32px;
 line-height: 2;
}

.formTable dt.required {
 color: #00321e;
}

.formTable dt::before {
 content: "任意";
 display: inline-block;
 vertical-align: middle;
 margin: -0.2em 0.5em 0 0;
 padding: 0 6px;
 font-size: 1.2rem;
 color: #1f2e29;
 border: 1px solid #b4b4b4;
}

.formTable dt.required::before {
 content: "必須";
 color: #005b3e;
 border-image: linear-gradient(to right, #acc53d, #005b3e) 1;
}


.formTable-check dt {}

.formTable-check dd {}


@media only screen and (max-width:640px) {}



/* --------------------------------------------

入力エリアのスタイル

---------------------------------------------- */
.formWrap input[type="text"],
.formWrap input[type="tel"],
.formWrap input[type="email"],
.formWrap input[type="password"],
.formWrap input[type="date"],
.formWrap select,
.formWrap textarea {
 display: block;
 width: 100% !important;
 padding: 12px 12px;
 background-color: #edf3f5;
 border: 1px solid #c8c8c8;
 border-radius: 6px;
}

.formWrap input[type="date"] {
 padding: 0 0.8em;
}

.formWrap th.required+td input[type="text"],
.formWrap th.required+td input[type="tel"],
.formWrap th.required+td input[type="email"],
.formWrap th.required+td nput[type="password"],
.formWrap th.required+td input[type="date"],
.formWrap th.required+td select,
.formWrap th.required+td textarea {
 color: #F36200;
 background-color: #FBF0A0;
}

.formWrap span input[type="tel"] {
 display: inline-block;
 width: 84%;
}

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

 .formWrap input[type="text"],
 .formWrap input[type="tel"],
 .formWrap input[type="email"],
 .formWrap input[type="password"],
 .formWrap input[type="date"],
 .formWrap select {
  height: 70px;
  line-height: 70px;
 }
}



/* 
プルダウン
---------------------------------------------- */
.formWrap select {
 cursor: pointer;
 padding: 0.8em !important;
 line-height: 1;
}

.formWrap select {}



/* 
テキストエリア
---------------------------------------------- */
.formWrap textarea {
 height: 200px;
 resize: vertical;
}


/* --------------------------------------------

送信ボタン

---------------------------------------------- */
.btn-submit.btn {
 display: block;
 margin: 48px auto 0;
 padding: 0;
}

.btn-submit.btn input {
 display: block;
 width: 100%;
 padding: 20px;
 text-align: center;
 font-weight: 600;
 cursor: pointer;
 color: #00321e;
}

.btn-submit.btn input:hover {
 color: #e7eeec !important;
}


@media only screen and (max-width:640px) {
 .btn-submit {}

}








/*
戻るボタン
---------------------------------------------- */
.submit-back {
 width: 10em;
 margin: 2em auto 0;
 padding: 12px 0;
 text-align: center;
 border: none;
 background: none;
 cursor: pointer;
}

.submit-back::before {
 content: "";
 display: inline-block;
 width: 5px;
 height: 5px;
 margin: -0.3em 0.6em 0 0;
 vertical-align: middle;
 border: 1px solid #000;
 border-width: 1px 1px 0px 0px;
 transition: 0.3s;
 transform: rotate(45deg);
}

.submit-back:hover::before {
 transform: translateX(4px) rotate(45deg);
}

.submit-back input[type="button"] {
 font-size: 1.4rem;
 border: none;
 background: none;
 cursor: pointer;
}



/* --------------------------------------------

入力内容チェック

---------------------------------------------- */



@media only screen and (max-width:640px) {}

/* --------------------------------------------



---------------------------------------------- */
/*.formWrap-conf .formWrap dt,
.formWrap-conf .formWrap {
 padding: 0.5em;
}

.formWrap-conf .formWrap dt::before {
 display: none;
}

.formWrap-conf .formWrap {
 padding: 0.8em 0.5em;
 border: 1px solid #c8c8c8;
 background: rgba(200, 200, 200, 0.2);
}

.formWrap-conf .formWrap dd:empty {
 border: none;
 background: none;
}


.form__attention {
 width: 95%;
 max-width: 600px;
 margin: 0 auto 3em;
 color: #db4421;
}

.form__attention > p {
 margin-bottom: 0.5em;
}

.form__attention > ul li {
 padding-left: 0.5em;
 text-indent: -0.5em;
}
*/



/* --------------------------------------------

チェックボックス

---------------------------------------------- */



@media only screen and (max-width:640px) {}