@charset "euc-jp";

/* =============================================================================
	FMV海外引取修理サービスお申し込みフォーム
============================================================================= */

/* ====================
	フォームテンプレート
==================== */
/* ステップバー（stepbar） -------------------- { */
.stepbar { display: flex; flex-wrap: wrap; margin-bottom: 2.5rem; }
.stepbar .item {position: relative; width: 33.333%; text-align: center; align-items: center; justify-content: center; padding: 10px 0; background: #eceeef; color: #494949}
.stepbar .item:not(:last-child)::before,
.stepbar .item:not(:last-child)::after {position: absolute; z-index: 2; top: 0; bottom: 0; left: 100%; content: ''; border: 23px solid transparent; border-left: 15px solid #eceeef; margin: auto;}
.stepbar .item:not(:last-child)::before {margin-left: 1px;border-left-color: #bababa;}
.stepbar .item.active {z-index: 1; background: #005243; color: #ffffff;}
.stepbar .item.active:not(:last-child)::after {border-left-color: #005243}
.stepbar .item.active:not(:last-child)::before {border-left: none;}

@media screen and (max-width: 768px) {
	.stepbar .item {font-size: 11px; line-height: 1.4; padding: 8px 0;}
	.stepbar .item:not(:last-child)::before,
	.stepbar .item:not(:last-child)::after {border-width: 15px; border-left-width: 12px;}
}
/* -------------------- } ステップバー（stepbar） */

/* フォームテーブル（lyt-inquiry） -------------------- { */
.tbl-a.lyt-inquiry { width: 100%; }
.tbl-a.lyt-inquiry tbody th { font-weight: 700; width: 340px; }
.tbl-a.lyt-inquiry tbody td select	{ font-size: 1.6rem; padding:5px; }
.tbl-a.lyt-inquiry tbody td input[type="text"] {font-size: 1.6rem;padding: 6px 5px; width: 320px;}
.tbl-a.lyt-inquiry tbody td textarea {font-size: 1.6rem;padding: 6px 5px; display: inline-block; width: 100%; height: 200px;}
/*.tbl-a.lyt-inquiry tbody td textarea[name="address"] {display: inline-block; width: 95%; height: 200px;}*/
/*.tbl-a.lyt-inquiry tbody td textarea[name="problems"] {display: inline-block; width: 95%; height: 200px;}*/
.tbl-a.lyt-inquiry tbody td .icon-kome { margin-top: 1rem; }
.sendBtn input[type="button"],input[type="submit"]{font-size: 1.6rem;padding: 6px 20px;}
.wrapper-agree-bg {position: relative; padding: 5px 20px 5px; background: #f2f2f2; margin-top: 1rem!important; font-weight: 700; color: #4C4C4C; }
.main-contents .tbl-a.lyt-inquiry tbody td p+*:not([class^="hdg-"]):not([class*=" hdg-"]) { margin-top: 1rem; }
@media screen and (max-width: 768px) {
	.tbl-a.lyt-inquiry tbody th { width: inherit; }
}
@media screen and (max-width: 480px) {
	.tbl-a.lyt-inquiry tbody td input[type="text"] { width: 100%;}
}
/* -------------------- } フォームテーブル（lyt-inquiry） */

/* 送信ボタン共通（sendBtn） -------------------- { */
.sendBtn { text-align: center; margin-top: 3rem;}
.sendBtn input[type="button"] { font-size: 1.8rem; color: #333333; font-weight: 700; border: 1px solid #b8b8b8; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 8px 60px 8px 50px; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%); -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff; box-shadow: 0 1px 2px rgb(0 0 0 / 18%); }
.sendBtn input[type="button"]:hover { background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%); }
@media screen and (max-width: 768px) {
	.sendBtn input[type="button"] { padding: 8px; }
}
/* -------------------- } 送信ボタン（sendBtn） */

/* 送信完了MSG（ReceptionComplete） -------------------- { */
.ReceptionComplete { text-align:center; }
.ReceptionComplete .ReceptionComplete-msg { display: inline-block; margin: 34px 0; font-weight: 700; font-size: 4.0rem; }
.ReceptionComplete .ReceptionComplete-msg .icon-circlecheck { padding-left: 5.0rem; position:relative; top:1rem; left: -5rem; }
.ReceptionComplete .ReceptionComplete-msg .icon-circlecheck::before,
.ReceptionComplete .ReceptionComplete-msg .icon-circlecheck::after{ content:""; /*display:block;*/ position:absolute; }
.ReceptionComplete .ReceptionComplete-msg .icon-circlecheck::before{ font: var(--fa-font-solid); content: "\f058"; color: #005243; }
.ReceptionComplete .ReceptionComplete-submsg { margin-top: 34px; margin-bottom: 80px; text-align: center;}
.ReceptionComplete .ReceptionComplete-submsg p:not(.icon-kome) { font-size: 2.0rem; }
.main-contents .ReceptionComplete-submsg  p+*:not([class^="hdg-"]):not([class*=" hdg-"]) { margin-top: 1em; }
#err_bt { text-align: center; }
@media only screen and (max-width: 600px) {
	.ReceptionComplete .ReceptionComplete-submsg  { text-align: left; }
}
@media screen and (max-width: 480px) {
	.ReceptionComplete .ReceptionComplete-msg { margin: 34px 0 0; font-size: 2.4rem; }
	.ReceptionComplete .ReceptionComplete-msg .icon-circlecheck { padding-left: 3.4rem; position:relative; top:.4rem; left: -3.4rem; }
	.ReceptionComplete .ReceptionComplete-submsg { margin-bottom: 34px; }
	.ReceptionComplete .ReceptionComplete-submsg p:not(.icon-kome) { font-size: 1.6rem; }
}
/* -------------------- } 送信完了MSG（ReceptionComplete） */

/* 内容確認ページ送信ボタン（confirmsendBtn） -------------------- { */
.confirmsendBtn { display: flex; justify-content: center; gap: 0 32px; margin-top: 40px; }
.confirmsendBtn > .item { flex-basis: auto; }
.confirmsendBtn input[type="button"],.confirmsendBtn input[type="submit"] { font-size: 1.8rem; color: #333333; font-weight: 700; border: 1px solid #b8b8b8; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding: 8px 60px 8px 50px; background: #f1e767; background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%); -webkit-box-shadow: inset 1px 1px 1px #fff; box-shadow: inset 1px 1px 1px #fff; box-shadow: 0 1px 2px rgb(0 0 0 / 18%); }
.confirmsendBtn input[type="button"]:hover,.confirmsendBtn input[type="submit"]:hover { background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee)); background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%); background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%); }
@media screen and (max-width: 768px) {
	.confirmsendBtn input[type="button"],.confirmsendBtn input[type="submit"] { padding: 8px; }
}/* -------------------- } 内容確認ページ送信ボタン（confirmsendBtn） */

/* ====================
	エラーテンプレート
==================== */
/* エラーフォーム（overseasForm_err） -------------------- { */
.overseasForm_err { font-size: 4.0rem; font-weight: 700; text-align: center; }
.overseasForm_err_type {display: inline-block;}
.overseasForm_err_type .icon-exclamation { padding-left: 5.0rem; position:relative; top:1rem; left: -5rem; }
.overseasForm_err_type .icon-exclamation::before,
.overseasForm_err_type .icon-exclamation::after{ content:""; /*display:block;*/ position:absolute; }
.overseasForm_err_type .icon-exclamation::before{ font: var(--fa-font-solid); content: "\f06a"; color: #f60000; }
/* -------------------- } エラーフォーム（overseasForm_err） */

/* エラーメッセージ（errmsg） -------------------- { */
.errmsg { margin-top: 34px; text-align: center;}
.errmsg  p:not(.icon-kome) { font-size: 2.0rem; }
.main-contents .errmsg  p+*:not([class^="hdg-"]):not([class*=" hdg-"]) { margin-top: 1em; }
#err_bt { text-align: center; }
@media only screen and (max-width: 600px) {
	.errmsg  { margin-top: 34px; text-align: left; }
}
@media screen and (max-width: 480px) {
	.overseasForm_err { font-size: 2.4rem; }
	.overseasForm_err_type .icon-exclamation { padding-left: 3.4rem; position:relative; top:.4rem; left: -3.4rem; }
	.errmsg  p:not(.icon-kome) { font-size: 1.6rem; }
}
/* -------------------- } エラーメッセージ（errmsg） */