@charset "UTF-8";
/*----------------------------------------------------
*
*--contact
*
---------------------------------------------------- */
/**--リセット
---------------------------------------------------- */
#contact_form .l-header_logo > .main { top: 8px; }
@media screen and (max-width: 899px) { #contact_form .l-header_logo > .main { top: 5px; } }
#contact_form .l-header { height: 80px; }
@media screen and (max-width: 899px) { #contact_form .l-header { height: 50px; } }
#contact_form .l-header__inner { height: 73px; }
@media screen and (max-width: 899px) { #contact_form .l-header__inner { height: auto; } }
#contact_form .l-header_gnav_sub { display: none; }
#contact_form .l-header_gnav { display: none; }
#contact_form .l-header_gnav_sub { display: none; }
#contact_form .l-header_sp { display: none; }
#contact_form .l-footer_nav { display: none; }
#contact_form .l-footer_sp_nav { display: none; }

input, textarea, select { font-family: "Noto Sans JP", sans-serif; background: #fff; padding: 10px; border: 1px solid #cccccc; font-size: 14px; border-radius: 6px; }

select option { font-family: "Noto Sans JP", sans-serif; background: #f7f7f7; padding: 0 0 0 10px; font-size: 14px; }

input { height: 42px; padding: 0px 10px 0px 10px; line-height: 42px; }
input:disabled { background: #f1f1f1; border: #f1f1f1; color: #aaa; }
input[class^='input_w'] { width: 100%; }
input.input_w100 { max-width: 600px; }
input.input_w250 { max-width: 250px; }
input.input_w510 { max-width: 510px; }
input.txt_w220 { max-width: 220px; }
input.txt_w320 { max-width: 320px; }
input.txt_w360 { max-width: 360px; }
input.txt_w500 { max-width: 500px; }
input.f_wzip1 { max-width: 80px; }
input.f_wzip2 { max-width: 110px; }
@media screen and (max-width: 899px) { input { width: 100%; } }

textarea { width: 600px; min-width: 320px; max-width: 100%; height: 180px; min-height: 180px; padding-bottom: 0; line-height: 22px; }
@media screen and (max-width: 899px) { textarea { min-width: auto; width: 100%; height: 210px; } }

select { width: 220px; height: 36px; padding: 6px 0 6px 7px; cursor: pointer; }
select.input_w100 { width: 600px; }
@media screen and (max-width: 899px) { select.input_w100 { min-width: auto; width: 100%; } }

.err { font-size: 14px !important; margin: 8px 0 6px 0 !important; color: red !important; line-height: 1.4 !important; }

/*---------------------------------------------------- */
.form_top { margin-bottom: 36px; }

.form_step { margin-bottom: 36px; }
@media screen and (max-width: 899px) { .form_step { margin-bottom: 24px; } }
.form_step__olist { list-style: none; font-size: 0; overflow: hidden; }
.form_step__olist > li { position: relative; display: inline-block; background: #f5fbf8; width: calc((100% - 17px)/3); padding: 16px 0 17px 0; margin-left: 12px; color: #79818c; font-size: 15px; font-weight: 400; text-align: center; vertical-align: top; }
@media screen and (max-width: 899px) { .form_step__olist > li { font-size: 12px; } }
.form_step__olist > li:first-child { width: calc((100% - 17px)/3 - 8px); margin-left: 0; border-left: none; }
.form_step__olist > li:first-child::before, .form_step__olist > li:last-child::after { content: none; }
.form_step__olist > li::before, .form_step__olist > li::after { position: absolute; display: block; content: ''; width: 0; height: 0; border-top: 24px solid transparent; border-right: 21px solid transparent; border-bottom: 24px solid transparent; top: 0; }
.form_step__olist > li::before { border-left: 21px solid #fff; }
.form_step__olist > li::after { border-left: 21px solid #f5fbf8; right: -42px; z-index: 20; }
.form_step__olist > li > span { display: inline-block; padding-left: 20px; }
@media screen and (max-width: 899px) { .form_step__olist > li > span > span { display: none; } }
.form_step__olist > li.active { background: #19aa46; color: #fff; }
.form_step__olist > li.active::after { border-left: 21px solid #19aa46; }
.form_step__olist > li.active > span { padding-left: 10px; }

.form_blank_link { color: #19aa46; transition: all 0.2s ease-out; }
.form_blank_link > i { display: inline-block; margin: 0 5px 0 7px; font-family: "FontAwesome"; content: "\f0da"; color: #d3d3d3; font-weight: 900; font-style: normal; transition: all 0.2s ease-out; }
.form_blank_link:hover { color: #64e0be; }
.form_blank_link:hover > i { color: #64e0be; }

.form_desc { background: #f9f9f9; margin-bottom: 60px; border-bottom: 1px solid #d6d6d7; font-size: 0; }
@media screen and (max-width: 899px) { .form_desc { background: #fff; margin-bottom: 24px; } }
.form_desc > dt, .form_desc > dd { display: inline-block; border-top: 1px solid #d6d6d7; vertical-align: top; }
.form_desc > dt { width: 320px; min-height: 54px; padding: 28px 0 0 20px; }
.confirm .form_desc > dt { padding: 18px 0 0 20px; }
@media screen and (max-width: 899px) { .form_desc > dt { padding: 20px 0 0 0; min-height: auto; width: 100%; } }
.form_desc > dt > label, .form_desc > dt > strong { display: inline-block; font-weight: 500; font-size: 15px; }
@media screen and (max-width: 899px) { .form_desc > dt > label, .form_desc > dt > strong { width: auto; margin-right: 12px; } }
.form_desc > dd { background: #fff; width: calc(100% - 320px); min-height: 54px; font-size: 15px; padding: 19px 20px 19px 20px; }
@media screen and (max-width: 899px) { .form_desc > dd { width: 100%; min-height: auto; padding: 16px 0 20px 0; border-top: none; } }
.form_desc > dd:last-child { border-bottom: 1px solid #d6d6d7; }
@media screen and (max-width: 899px) { .form_desc > dd:last-child { border-bottom: none; } }
.form_desc > dd > p { font-size: 15px; /*max-height: 100%;*/ margin-top: -3.75px; margin-bottom: -3.75px; line-height: 1.5; }
.form_desc__confirm > dt { padding: 20px 20px 0 20px; }
@media screen and (max-width: 899px) { .form_desc__confirm > dt { padding: 20px 15px 0 15px; } }
.form_desc_inner_item.adj_half > li { display: inline-block; width: 300px; }
@media screen and (max-width: 899px) { .form_desc_inner_item.adj_half > li { display: block; } }
@media screen and (max-width: 899px) { .form_desc_inner_item.adj_half > li:first-child { margin-bottom: 16px; } }
.form_desc_inner_item.adj_half > li > label { display: inline-block; width: 40px; padding: 0 6px 0 0; margin-bottom: 4px; text-align: right; }
@media screen and (max-width: 899px) { .form_desc_inner_item.adj_half > li > label { text-align: left; width: 100%; } }

.form_privacy { text-align: center; margin-bottom: 30px; }
@media screen and (max-width: 899px) { .form_privacy { margin-bottom: 20px; } }
.form_privacy__btn { position: relative; display: inline-block; }
.form_privacy__btn > input[type="checkbox"] { height: 0px; width: 0; position: absolute; top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; z-index: 10; }
.form_privacy__btn > input[type="checkbox"] + label { position: relative; background: #fff; display: inline-block; width: 360px; padding: 13px 0 14px; border: solid 1px #dddddd; border-radius: 4px; box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.05); font-size: 15px; cursor: pointer; z-index: 11; }
@media screen and (max-width: 899px) { .form_privacy__btn > input[type="checkbox"] + label { font-size: 13px; width: 290px; padding: 15px 0 17px; } }
.form_privacy__btn > input[type="checkbox"] + label::before { content: ""; display: inline-flex; justify-content: center; align-items: center; background: #fff; width: 16px; height: 16px; border: solid 1px #b5b5b5; border-radius: 3px; margin-top: -1px; margin-right: 8px; vertical-align: top; color: #fff; font-family: "FontAwesome"; font-size: 11px; font-weight: 700; }
.form_privacy__btn > input[type="checkbox"] + label > .form_required { color: #dc0000; font-size: 12px; font-style: normal; }
@media screen and (max-width: 899px) { .form_privacy__btn > input[type="checkbox"] + label > .form_required { font-size: 11px; } }
.form_privacy__btn > input[type="checkbox"]:checked + label { background: #f6f9f8; color: #19aa46; box-shadow: none; border: solid 1px #19aa46; }
.form_privacy__btn > input[type="checkbox"]:checked + label::before { content: "\f00c"; background: #19aa46; border: solid 1px #19aa46; font-size: 0.75em; }

.form_required__on, .form_required__off { position: relative; top: -2px; display: inline-block; width: 40px; text-align: center; color: #fff; font-size: 11px; line-height: 17px; padding: 0px 6px 1px 6px; margin-right: 10px; font-weight: normal; font-style: normal; }
.form_required__on { background: #dc0000; }
.form_required__off { background: #a1a1a1; }

.form_address > li:not(:first-child) { margin-top: 20px; }
.form_address > li > label { display: inline-block; width: 86px; padding: 0 6px 0 0; margin-bottom: 4px; text-align: right; }
.confirm .form_address > li > label { text-align: left; }
@media screen and (max-width: 899px) { .form_address > li > label { text-align: left; width: 100%; } }

.form_annotation { display: block; margin: 4px 0 0 0; color: #333; font-size: 12px; }
@media screen and (max-width: 899px) { .form_annotation { margin: 4px 0 0 0; } }
.form_annotation.adj_ml { margin-left: 90px; }
@media screen and (max-width: 899px) { .form_annotation.adj_ml { margin: 4px 0 0 0; } }

.form_submit__inner { display: flex; justify-content: center; width: 100%; background: #f6f9f8; padding: 25px 20px 25px; border-top: solid 1px #d3d3d3; }
.form_submit__thanks_page { text-align: center; }

.form_submi_btn { display: inline-block; width: 100%; }
.form_submi_btn.c-confirm { max-width: 540px; }
.form_submi_btn.c-complete { order: 2; max-width: 360px; }
.form_submi_btn.c-return { order: 1; max-width: 160px; margin-right: 20px; }
.form_submi_btn.c-thanks_page { width: 100%; max-width: 540px; }
.form_submi_btn__item { position: relative; }
.form_submi_btn__item::after { content: "\f105"; position: absolute; top: calc(50% - 0.4em); right: 14px; display: inline-block; font-family: "FontAwesome"; color: #19aa46; font-weight: 900; font-size: 16px; z-index: 10; }
.form_submi_btn.c-return .form_submi_btn__item::after { content: "\f104"; right: auto; left: 14px; color: #dddddd; }
.form_submi_btn__item .input { display: flex; justify-content: center; align-items: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; width: 100%; height: 60px; border: solid 2px #19aa46; border-radius: 6px; font-size: 17px; font-weight: 500; color: #19aa46; cursor: pointer; transition: all 0.2s ease-out; }
.form_submi_btn.c-return .form_submi_btn__item .input { color: #999; border: 2px solid #dddddd; }
.form_submi_btn:hover .form_submi_btn__item .input { letter-spacing: 0.04em; opacity: 0.9; }

/*# sourceMappingURL=common_contact.css.map */