@charset "utf-8";
/* ------------------------------------------------------------  */

#fv { background: url(../images/contact/fv.jpg) center top no-repeat; background-size: cover;}

#contact_con { text-align: center; padding: 88px 0 100px;}
#contact_con .tel_con { background: #fff100; margin: 70px 0 50px; padding: 25px 40px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
#contact_con .tel_con span { font-size: 20px; padding: 0 15px 0 0;}
#contact_con .tel_con img { vertical-align: top; padding: 25px 10px 0 0;}
#contact_con .tel_con a { font-family: 'Lora-Regular'; font-size: 44px;}
#contact_con .tel_con small { font-size: 16px;}
#contact_con h3 { font-size: 24px; padding: 65px 0 45px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; border-top: 1px solid #e5e5e5;}
#contact_con p.asterisk { padding: 60px 0 90px; line-height: 30px;}
#contents { background: #fff; padding: 65px 0 100px; width: 980px; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box;}
#contents table { width: 100%;}
#contents table th { text-align: left; padding: 30px 0; width: 270px; vertical-align: middle; border-top: 1px solid #dcdcdc; }
#contents table td { padding: 30px 0; text-align: left; border-top: 1px solid #dcdcdc;}
#contents table th span { color: #fff; background: #00245e; font-size: 12px; display: inline-block; *display: inline; *zoom: 1; padding: 3px 10px; margin: 0 0 0 10px;}
#contents table textarea,
#contents table input[type="text"] { width: 710px; padding: 15px 0 15px 20px; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #dcdcdc;}
#contents input[type="submit"] { background: url(../images/contact/btn_arw.png) 94% center no-repeat #000; border: none; color: #fff; width: 330px; height: 70px; line-height: 70px; cursor: pointer; }
#contents p.btn { margin: 80px 0 0;}

#privacy { background: #f1f6fa; padding: 40px 55px; text-align: left;}
#privacy h4 { font-size: 20px; font-weight: bold; padding: 0 0 10px;}
#privacy p { font-size: 12px; line-height: 22px;}

#contact { display: none;}

/* ------------------------------------------------------------ check */
.note { text-align: center; padding: 50px 3% 60px;}
#contact_con .note h3 { font-size: 24px; padding: 0 0 15px; border: none;}
.note p { padding: 0 0 35px; font-size: 16px; }
.note p.caution { color: #d20000; }
.note p.alert span { display: block;}
.note p.btn { padding: 30px 0 0;}
.note p.btn a,
#contents .note p.btn input[type="submit"] { border: none; color: #fff; width: 260px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.note p.btn a { background: #b4b5b8; }
.note p.btn input[type="submit"] { background: #a42424; margin: 0 0 5px;}
#thanks { padding: 70px 0; }
.note table th { text-align: left; padding: 5px 15px;}
.note table td { text-align: left; padding: 5px 15px;}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	
#fv { background: url(../images/contact/fv.jpg) center top no-repeat; background-size: cover;}

#contact_con { text-align: center; padding: 20px 0 30px;}
#contact_con img.flow { width: 100%; height: auto;}
#contact_con .tel_con { margin: 30px 0 25px; padding: 10px 4%;}
#contact_con .tel_con span { font-size: 16px; padding: 0 0 5px; display: block;}
#contact_con .tel_con img { vertical-align: top; padding: 5px 5px 0 0;}
#contact_con .tel_con a { font-size: 30px; line-height: 130%;}
#contact_con .tel_con small { font-size: 14px; display: block;}
#contact_con h3 { font-size: 18px; padding: 30px 0 20px; border-top: 1px solid #e5e5e5;}
#contact_con p.asterisk { padding: 30px 0 40px; line-height: 30px; text-align: left;}
#contents { 30px 0 50px; width: 92%; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box;}
#contents table { width: 100%;}
#contents table th { text-align: left; padding: 15px 0 10px; width: 100%; vertical-align: middle; border-top: none; display: block;}
#contents table td { padding: 15px 0; text-align: left; border-top: 1px solid #dcdcdc; display: block;}
#contents table th span { font-size: 12px; display: inline-block; *display: inline; *zoom: 1; padding: 3px 10px; margin: 0 0 0 10px;}
#contents table textarea,
#contents table input[type="text"] { width: 100%; padding: 15px 0 15px 3%; border: none; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #dcdcdc; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#contents input[type="submit"] { background: url(../images/contact/btn_arw.png) 94% center no-repeat #000; border: none; color: #fff; width: 260px; height: 50px; line-height: 50px; cursor: pointer; }
#contents p.btn { margin: 40px 0 0;}

#privacy { padding: 20px 4%; text-align: left; margin: 15px 0 0;}
#privacy h4 { font-size: 16px; font-weight: bold; padding: 0 0 10px;}
#privacy p { font-size: 12px; line-height: 22px;}



/* ------------------------------------------------------------ check */
.note { text-align: center; padding: 25px 3% 30px;}
.note h3 { font-size: 20px; padding: 0 0 15px; }
.note p { padding: 0 0 15px; font-size: 14px; }
.note p.caution { color: #d20000; }
.note p.small { text-align: left;}
.note p.btn { padding: 30px 0 0;}
.note p.btn a,
.note p.btn input[type="submit"] { border: none; color: #fff; width: 260px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.note p.btn a { background: #b4b5b8; margin: 0 0 5px;}
.note p.btn input[type="submit"] { background: #a42424; margin: 0 0 5px;}
#thanks { padding: 70px 0; }
.note table th { text-align: left; padding: 5px 15px;}
.note table td { text-align: left; padding: 5px 15px;}
}



select {
    padding: 15px 20px 15px 20px;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: #f00;
    margin-right: 8px;
    transform: scale(1.5);
    vertical-align: baseline;
}