@charset "UTF-8";
/* CSS Document */

/*== reset ==*/
.clearfix:after { content: ".";display: block; height: 0;font-size:0;clear: both;visibility:hidden; }
.clearfix { display: inline-block; }
p { font-size: 100%; }
p.errorMsg { margin: 8px 0 0;color: #e00000;font-weight: bolder; }
/* Hides from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* End Hack */ 


/*== TEXT ==*/
.mail_lead {}
.mail_lead i { font-style: normal; color: #e00000; font-weight: bolder; }
p.subT { margin: 0 0 1%;font-weight: bolder; }
.ppTxt { margin: 0 auto 5px; }
.ppTxt a { display: inline-block;font-weight: bolder;text-decoration: underline; color: red; }

span.must { margin: 0 0 0 5px !important; float: none !important; }
.readyAlert { font-size: 240%;background: #efefef;padding: 15px 0;font-weight: bolder; }
.readyAlert.err { background-color: #C3232D;color: #FFF; }

.nob { border-bottom: none;padding-bottom: 0;margin-bottom: -35px; }

/* === ▼▼ FORM parts ▼▼ === */

/*== FORM RESET ==*/
caption { text-align:left; } 
input, button, textarea, select { margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;appearance: none; }
input[type="text"], input[type="password"], textarea { border: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;resize: none; background: #fff; }
button:hover { opacity: 0.7; }
/*== FORM RESET ==*/
label { margin: 0; }
input[type="text"],
input[type="number"],
textarea { line-height: 1.6em;height: 100%;border: 1px solid #ccc;padding: 5px; }
textarea { width: 100%;font-size: 130%;line-height: 1.6em; }
input.disabled { border: none !important;color: #444; }
.serch_address { margin-left: 10px;border: 1px solid #ccc;padding: 5px 8px;line-height: 1.6em;background: #efefef;cursor: pointer; }
.serch_address:hover { opacity: 0.7; }
@media (max-width: 991px) {
.serch_address { margin: 15px auto 0; }
}

/* radio */
.form_radio { display: none; }
.form_radio + label { padding-left: 20px;position:relative;margin-right: 20px; }
.form_radio + label::before { content: "";display: block;position: absolute;top: 0;left: 0;width: 13px;height: 13px;border: 1px solid #999;border-radius: 50%; }
.form_radio:checked + label { color: #009a9a; }
.form_radio:checked + label::after { content: "";display: block;position: absolute;top: 3px;left: 3px;width: 9px;height: 9px;background: #009a9a;border-radius: 50%; }
/* checkbox */
.form_checkbox { display: none; }
.form_checkbox:checked + .lbl { color: #009a9a; }
.form_checkbox:checked + .lbl::after { content: "";display: block;position: absolute;top: -4px;left: 5px;width: 7px;height: 14px;transform: rotate(40deg);border-bottom: 3px solid #009a9a;border-right: 3px solid #009a9a; }
.lbl { padding-left: 23px;position:relative; }
.lbl::before { content: "";display: block;position: absolute;top: 1px;left: 0;width: 15px;height: 15px;border: 1px solid #999;border-radius: 4px; }
/* select */
.selectWrap { position: relative; display: inline-block;background: #fff;border-radius: 3px; }
.selectWrap::before { content: '';position: absolute;z-index: 0;top: 0;right: 0;background: #ccc;height: 100%;width: 30px;-webkit-border-radius: 0 2px 2px 0 / 0 2px 2px 0;-ms-border-radius: 0 2px 2px 0 / 0 2px 2px 0;-moz-border-radius: 0 2px 2px 0 / 0 2px 2px 0;border-radius: 0 2px 2px 0 / 0 2px 2px 0; }
.selectWrap::after { content: '';position: absolute;z-index: 0;top: 0;bottom: 0;margin: auto 0;right: 9px;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent; }
select { -webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;appearance: none;padding: 0;margin: 0;height: 50px;background: transparent;position: relative;z-index: 1;padding: 0 45px 0 5px;border: 1px solid #ccc;border-radius: 3px;cursor: pointer;letter-spacing: 0.05em;font-size: 100%; }
select::-ms-expand { display: none; }

/* submit */
.submit_btn { text-align: center; }
.submit_btn button { padding: 17px 0;border: 2px solid #969696;min-width: 300px;display: inline-block;margin: 30px 10px;cursor: pointer;font-size: 130%;line-height: 1em;background: #efefef; }
.submit_btn button span { font-size: 180%;line-height: 1; }
@media (max-width: 991px) {
.submit_btn button { margin: 50px 10px 0; }

}
/* === ▲▲ FORM parts ▲▲ === */



/*== TABLE 入力画面用 ==*/
table { border-collapse:collapse;border:none;border-spacing:0;width: 100%; }
table span { display: block;line-height: 1.6em;margin-top: 8px; }
table th,
table td { vertical-align:top;border:solid 1px #999;font-weight:normal;text-align:left;background: #efefef; }
table th { width: 30%; background: #efefef;padding: 15px 20px;line-height: 1.3em; font-weight: bolder; }
table th.oh { background: #ccc; }
table td { background: #fff;vertical-align: middle;padding: 0; }
table td .f_kmk_inner.fl { float: left; width: 44%; }
table .fmBox { padding: 15px 20px; }
/* 縦積みレイアウト */
#form_block_inner.input_vertical .ppTxt { font-size: 80%; }
#form_block_inner.input_vertical p.subT { margin: 0 0 2%; }
#form_block_inner.input_vertical th,
#form_block_inner.input_vertical td { width: 100% !important; display: block !important; border: none !important; background: none !important; text-align: center !important; }
#form_block_inner.input_vertical th { padding: 0 20px !important;font-weight: bolder !important; }
#form_block_inner.input_vertical tr { border-bottom: 1px solid #ccc;padding: 25px 0;margin: 25px auto;display: block; }
#form_block_inner.input_vertical table span { font-size: 70%; }

/*== TABLE 確認画面用 ==*/
#form_block.ready tr { padding: 10px 0;margin: 10px auto; }
#form_block.ready p.subT { margin: 0 0 5px;line-height: 1; }
#form_block.ready #form_block_inner p.view { margin: 0; }
#form_block.ready #form_block_inner th { line-height: 1.6em; }
#form_block.ready #form_block_inner td .f_kmk_inner { padding: 0;width: auto; }
#form_block.ready #form_block_inner td .f_kmk_inner.fl { padding: 0 10px 0 0px; }
/* 縦積みレイアウト */
#form_block.ready #form_block_inner.input_vertical tr { padding: 15px 0;margin: 15px auto; }
#form_block.ready #form_block_inner.ready_vertical th,
#form_block.ready #form_block_inner.ready_vertical td { width: 100% !important; display: block !important; border: none !important; background: none !important; text-align: center !important;font-size: 220% !important; }
#form_block.ready #form_block_inner.ready_vertical th { padding: 0 2% !important;font-weight: bolder !important; }
#form_block.ready #form_block_inner.ready_vertical tr { border-bottom: 1px solid #ccc;padding: 15px 0;margin: 15px auto;display: block; }
#form_block.ready #form_block_inner.ready_vertical table span { font-size: 70%; }
#form_block.ready #form_block_inner.ready_table tr { display: table-row; }
#form_block.ready #form_block_inner.ready_table th,
#form_block.ready #form_block_inner.ready_table td { display: table-cell!important;text-align: left !important;border: 1px solid #ccc !important; }
#form_block.ready #form_block_inner.ready_table th { width: 33% !important;padding: 2% 2% !important;background: #efefef !important; }
#form_block.ready #form_block_inner.ready_table td { width: auto !important; }

@media (min-width: 992px) {
#form_block_inner.input_vertical th,
#form_block_inner.input_vertical td { font-size: 220% !important; }
table th,
table td,
#form_block.ready #form_block_inner.ready_table th,
#form_block.ready #form_block_inner.ready_table td { font-size: 140% !important; }
}
@media (max-width: 991px) {
table { width: 100%;table-layout: fixed;word-break: break-all;word-wrap: break-all; }
input[type="text"], input[type="number"], textarea { width: 100%; }
.serch_address { margin: 15px auto 0; }
table th,
table td { font-size: 180% !important; }
}





/*== エラー用 ==*/
#contents-body p.errorMsg { margin: 5px 0 0; color: #e00000; }
/*
.err_field { background: #e7b1ad; }
*/
.err_field input[type="text"],
.err_field input[type="number"],
.err_field textarea,
.err_field select { border-color: #e00000; }








/* 必須 */
span.must { display: inline-block !important;margin: 0;float: right;line-height: 1.3em;font-weight: bolder;color: #e00000; }
span.must i { font-style: normal; }

/* 現在地 */
#location { text-align: center;margin: 40px 0; }
#location ul { list-style: none;display: inline-table;margin: 0;padding: 0;/*border: 2px solid #ccc;background: #ccc;*/ }
#location ul li { display: block;float: left; }
#location ul li span { display: table;float: left;height: 60px;background: #e5e5e5;text-align: center;padding: 0;position: relative;margin: 0 3px 0 0; font-size: 140%;text-decoration: none;width: 282.33333333px; }
#location ul li span:after { content: ""; border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid #e5e5e5;position: absolute; right: -30px; top: 0;z-index: 1; }
#location ul li span:before { content: ""; border-top: 30px solid transparent;border-bottom: 30px solid transparent;border-left: 30px solid #fff;position: absolute; left: 0; top: 0; }
#location ul li span i { display: table-cell;vertical-align: middle; font-style: normal;padding-left: 25px; }
#location ul li:first-child span:before { display: none; }
#location ul li:last-child span { margin-right: 0; }
#location ul li:last-child span:after { display: none; }
#location.input ul li.input span,
#location.confirm ul li.confirm span,
#location.end ul li.end span { background: #666; }
#location.input ul li.input span:after,
#location.confirm ul li.confirm span:after,
#location.end ul li.end span:after {border-left: 30px solid #666; }
#location.input ul li.input span i,
#location.confirm ul li.confirm span i,
#location.end ul li.end span i { color: #fff; }