@charset "utf-8";


.contact__form { margin-top: 50px; }
.contact__form_need { color: #e60012; }
.contact__form_list { margin: 20px 0 30px; }
.contact__form_item { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact__form_item:nth-child(n+2) { margin-top: 20px; }
.contact__form_label { font-size: 1.8rem; font-weight: 700; width: 280px; padding-top: 12px; }
.contact__form_input_inner { width: calc(100% - 280px); }
.contact__form_input { height: 60px; border: none; background: #f7f7f7; }
.contact__form_input_title { margin-bottom: 10px; }
.contact__form_input_code { display: -webkit-flex; display: flex; flex-wrap: nowrap; align-items: center; }
.contact__form_input_code1 { max-width: 130px; width: 9.0vw; }
.contact__form_input_code2 { max-width: 200px; width: 15.0vw; }
.contact__form_line { max-width: 25px; width: 2.5vw; background: #555; height: 2px; margin: 0 20px; }
.contact__form_input_address_list:nth-child(n+2) { margin-top: 25px; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a; }
.contact__form_adress_prefectures { border-radius: 10px; border: 1px solid #c8c8c8; font-size: 1.5rem; }
.contact__form_adress_prefectures_wrap { position: relative; height: 40px; width: 230px; }
.contact__form_adress_prefectures_wrap::after { content:""; position: absolute; margin: auto 0; height: 13px; width: 13px; transform: rotate(45deg); border-right: 3px solid #000; border-bottom: 3px solid #000; right: 15px; bottom: 6px; top: 0; pointer-events: none; }
.contact__form_input_num { display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; }
.contact__form_input_num1 { max-width: 130px; width: 9.0vw; }
.contact__form_input_num2 { max-width: 200px; width: 15.0vw; }
.contact__form_input_num3 { max-width: 200px; width: 15.0vw; }
.contact__form_input-caution { color: #e60012; font-size: 1.4rem; margin-top: 5px; }
.contact__form_input_answer { font-size: 1.8rem; padding-top: 12px; }
.contact__form_btn { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 520px; width: 100%; margin: 35px auto 0;  }
.contact__form_btn_item { cursor: pointer; transition: .25s; }
.contact__form_btn_item:hover { opacity: .5; }
.contact__form_next { position: relative; max-width: 250px; width: 100%; margin: 0 auto; cursor: pointer; }
.contact__form_next::before { content:""; position: absolute; margin: auto 0; top: 0; bottom: 0; right: 15px; width: 15px; height: 15px; border-radius: 100%; background: #fff; z-index: 10; }
.contact__form_next::after { content:""; position: absolute; margin: auto 0; top: 0; bottom: 0; right: 19px; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 6.9px; border-color: transparent transparent transparent #c0943e; z-index: 11; }
.contact__form_next_btn { background: #c0943e; border: none; border-radius: 5px; color: #fff; padding: 10px; font-weight: 700; cursor: pointer; }
.contact__form_back { position: relative; max-width: 250px; width: 100%; margin: 0 auto; cursor: pointer; }
.contact__form_back::before { content:""; position: absolute; margin: auto 0; top: 0; bottom: 0; left: 15px; width: 15px; height: 15px; border-radius: 100%; background: #fff; z-index: 10; }
.contact__form_back::after { content:""; position: absolute; margin: auto 0; top: 0; bottom: 0; left: 19px; width: 0; height: 0; border-style: solid; border-width: 4px 6.9px 4px 0; border-color: transparent #aaa transparent transparent; z-index: 11; }
.contact__form_back_btn { background: #aaa; border: none; border-radius: 5px; color: #fff; padding: 10px; font-weight: 700; cursor: pointer; }



@media screen and (max-width: 767px) {
	.contact__form { margin-top: 35px; }
	.contact__form_item:nth-child(n+2) { margin-top: 20px; }
	.contact__form_label { font-size: 1.4rem; width: 100%; padding-top: 0; }
	.contact__form_input_inner { width: 100%; margin-top: 5px; }
	.contact__form_input_title { margin-bottom: 5px; }
	.contact__form_input_code1 { width: 45px; max-height: 45px; }
	.contact__form_input_code2 { width: 80px; max-height: 45px; }
	.contact__form_line { width: 13px; margin: 0 12px; }
	.contact__form_input_address_list:nth-child(n+2) { margin-top: 10px; }
	.contact__form_adress_prefectures { border-radius: 5px; font-size: 1.3rem; }
	.contact__form_input_txt { max-height: 45px; }
	.contact__form_input_num1 { width: 45px; max-height: 45px; }
	.contact__form_input_num2 { width: 80px; max-height: 45px; }
	.contact__form_input_num3 { width: 80px; max-height: 45px; }
	.contact__form_next { max-width: 290px; margin: 15px auto 0; }
	.contact__form_next::before { right: 15px; }
	.contact__form_next::after { right: 19px; }
	.contact__form_back { max-width: 290px; margin: 15px auto 0; }
	.contact__form_input_answer { font-size: 1.4rem; padding-top: 0; }
}
