@charset "utf-8";

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


トップページ


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




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

入力エリア

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

.form_inner {
 max-width: 540px;
 margin: 0 auto;
}


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


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

メッセージ

---------------------------------------------- */
.form_step {
 margin: 0 auto 64px;
}

.form_step li {
 color: #8C826F;
}

.form_step li.dotted {
 font-weight: 700;
 font-size: 2.6rem;
 letter-spacing: -0.2em;
 vertical-align: middle;
 margin: -0.2em 0 0 0;
}

.form_step li.current {
 color: #F36200;
}

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

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

 .form_step li.dotted {
  font-size: 2.0rem;
  margin: -0em 0 0 0;
 }

 .form_step li.current {
  color: #F36200;
 }
}




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

メッセージ

---------------------------------------------- */
.form_message {
 margin: 64px auto 64px;
 padding: 24px 0;
 border: 3px dotted #F36200;
 border-width: 3px 0;
}

.form_message p {
 font-size: 1.4rem;
 word-break: break-all;
}

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

.form_message p em {
 display: block;
 text-align: center;
 margin-bottom: 0.5em;
 font-size: 1.6rem;
 color: #F36200;
}

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

p.required {
 width: 17em;
 padding: 4px;
 text-align: center;
 font-size: 1.2rem;
 color: #F36200;
 background-color: #FBF0A0;
 border-radius: 2em;
}

p.required::before {
 content: "";
 display: inline-block;
 width: 0.5em;
 height: 0.5em;
 margin: -0.2em 0.5em 0 0;
 vertical-align: middle;
 border: 6px solid #F36200;
 border-radius: 50%;
}


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



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

formレイアウト

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

.formTable th,
.formTable td {
 display: block;
 padding: 12px 0;
}

.formTable td {
 padding: 12px 0 30px;
 line-height: 2;
}

.formTable th {
 color: #8C826F;
}

.formTable th.required {
 color: #F36200;
}

.formTable th::before {
 content: "";
 display: inline-block;
 width: 0.5em;
 height: 0.5em;
 margin: -0.2em 0.5em 0 0;
 vertical-align: middle;
 border: 6px solid #8C826F;
 border-radius: 50%;
}

.formTable th.required::before {
 border: 6px solid #F36200;
}


.formTable-check th {
 padding: 32px 0 12px;
}

.formTable-check td {
 padding: 12px 0 64px;
}


@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: 24px 24px;
 background-color: #e6e6e6;
 margin: 0 0% 16px 0;
 border-radius: 12px;
}

.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;
}





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

送信ボタン

---------------------------------------------- */
.submit {
 display: block;
 width: 20em;
 margin: 0px auto;
 text-align: center;
 color: #fff;
 font-size: 1.6rem;
 line-height: 60px !important;
 background-color: #F36200;
 background-image: url(../_image/common/icon-arrow.svg);
 background-repeat: no-repeat;
 background-position: right 20px center;
 background-size: 1.6em;
 border-radius: 5em;
 border: none;
 cursor: pointer;
 transition: 0.2s;
}

.submit:hover {
 background-color: #ff7417;
}

@media only screen and (max-width:640px) {
 .submit {
  height: 80px !important;
  line-height: 80px !important;
 }

}


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

.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) {}