@charset "UTF-8";

/*-------------------------
__contact_style
-------------------------*/

.contact_guide{}
.contact_guide h2{ font-size:20px; font-weight: 700; width:100%; color:#ffffff; padding:0.8em; box-sizing:border-box; display:inline-block; line-height:1.3; background:#005032; vertical-align:middle; border-radius:30px 0px 0px 30px; margin-bottom:30px;}
.contact_guide h2:before { content: '●'; color: #eeeeee;; margin-right: 12px;}
.contact_guide .inner{ text-align:center;}
.contact_guide .inner .tel_box{ max-width:450px; background-color:#FFF; border:3px solid #c8c8c8; margin:0 auto; padding:30px; box-sizing:border-box; text-align:center; vertical-align:top;}
.contact_guide .inner .tel_box em{ display:block; max-width:300px; margin:0 auto 10px;}
.contact_guide .inner .tel_box img{ width:100%; height:auto; vertical-align:top;}
.contact_guide .inner .tel_box p{ color:#8c8c8c; font-size:13px; line-height:19px;}

.form_box_top h2{ font-size:20px; font-weight: 700; width:100%; color:#ffffff; padding:0.8em; box-sizing:border-box; display:inline-block; line-height:1.3; background:#005032; vertical-align:middle; border-radius:30px 0px 0px 30px; margin-bottom:30px;}
.form_box_top h2:before { content: '●'; color: #eeeeee;; margin-right: 12px;}
.form_box_top ul{ margin:0 auto; text-align:left;}
.form_box_top ul li{ padding-left:1em; font-size:14px; line-height:20px; letter-spacing:0.1em; text-indent:-1em;}
.form_box_top ul li + li{ margin:5px 0 0;}
.form_box_top .asterisk{ display:inline-block; color:#FFF; background-color:#e50011; margin:0 5px; padding:0 15px; box-sizing:border-box; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-size:14px; line-height:20px; font-weight:700; text-align:center; text-indent:initial;}
@media all and (-ms-high-contrast: none){
.form_box_top .asterisk{font-family: sans-serif;padding-left:2em;}
}
.form_box_top em{ color:#e50011; font-weight:700;}

.form_box{ margin-top:40px;}
.form_box .date span{ display:inline-block; margin-right:10px; padding-top:5px; vertical-align:top;}
.form_box .desired span{ display:inline-block; width:6em; margin-right:10px; padding-top:5px; vertical-align:top; text-align:right;}
.form_box .tel span{ display:inline-block; width:6em; margin-right:10px; padding-top:5px; vertical-align:top; text-align:right;}
.form_box .tel input{ margin-bottom:10px;}
.form_box .referral span{ display:inline-block; width:4em; margin-right:10px; padding-top:5px; vertical-align:top; text-align:right;}
.form_box .referral input{ margin-bottom:10px;}

.text_box em{ color:#e50011; font-weight:700;}

/*タブレットここから*/
@media screen and (max-width: 1024px){

}

/*スマホここから*/
@media screen and (max-width: 767px) {

.contact_guide h2{ font-size:17px; padding:0.6em; border-radius:30px 0px 0px 30px; margin-bottom:20px;}
.contact_guide h2:before { content:'●'; color:#eeeeee;; margin-right:12px;}
.contact_guide .inner{}
.contact_guide .inner .tel_box{ width:100%; padding:20px;}

.form_box_top h2{ font-size:17px; padding:0.6em; border-radius:30px 0px 0px 30px; margin-bottom:20px;}
.form_box_top h2:before { content:'●'; color:#eeeeee;; margin-right:12px;}
.form_box_top ul li{ font-size:13px; line-height:19px}
.form_box_top .asterisk{ padding:0 10px; font-size:13px; line-height:19px;}

.form_box{ margin-top:20px;}
.form_box .date span{ padding:0;}
.form_box .desired span,
.form_box .tel span,
.form_box .referral span{ width:auto; padding:0; text-align:left;}

}