@charset "utf-8";

#fv { background: url(../images/static/contact/fv.png) center center no-repeat; background-size: cover; padding: 140px 0;}
#fv h2 { font-size: 64px; font-family: 'AlternateGothicEF_NoTwo'; line-height: 120%; letter-spacing: 7px;}
#fv h2 span { display: block; font-size: 15px; letter-spacing: 0;}

#main_contact { background: #efefef; padding: 70px 0 85px;}
#main_contact #c_wrap { width: 685px; margin: 0 auto; background: #fff; padding: 50px 55px 60px;}
#main_contact #c_wrap p.text { line-height: 27px; padding: 0 0 55px; border-bottom: 1px solid #767678; margin: 0 0 20px;}
#main_contact #c_wrap p.text span { color: #d10005;}
#main_contact #c_wrap table { width: 100%; font-size: 16px; text-align: left;}
#main_contact #c_wrap table tr th { font-family: 'Noto-Sans-JP-Medium'; vertical-align: text-top; padding: 30px 0; border-bottom: 1px solid #ebebeb; width: 165px;}
#main_contact #c_wrap table tr th span { color: #d10005;}
#main_contact #c_wrap table tr td { padding: 30px 0; border-bottom: 1px solid #ebebeb;}
#main_contact #c_wrap table tr td span { padding: 0 0 0 22px;}
#main_contact #c_wrap table tr.bottom th,
#main_contact #c_wrap table tr.bottom td { border: none;}
#main_contact #c_wrap table tr.mail span { padding: 15px 0 0;}
#main_contact #c_wrap table tr.address input[type="text"].long { margin: 15px 0 0;}
#main_contact #c_wrap table input[type="text"],
#main_contact #c_wrap table textarea { border: none;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: #ebebeb; padding: 15px 0 15px 15px; width: 519px;}
#main_contact #c_wrap table input[type="text"].width01 { width: 210px; margin: 0 0 0 15px;}
#main_contact #c_wrap table input[type="text"].width02 { width: 245px;}
#main_contact #c_wrap p.btn { padding: 30px 0 0;}
#main_contact #c_wrap p.btn input[type="submit"] { width: 270px; height: 50px; line-height: 50px; font-size: 18px; background: #ce4f4f; color: #fff;}

/* ------------------------------------------------------------ check */
.note h3 { font-size: 24px; padding: 0 0 15px; text-align: center;}
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { text-align: center; color: #d20000; }
.note .alert { text-align: center; }
.note .alert span { display: block;}
.note p.btn { display: flex; justify-content: center; }
.note p.btn a { width: 270px; background: #a6a6a6; border: none; color: #fff; padding: 0 20px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; margin: 0 20px; box-sizing: border-box;}
#thanks { padding: 70px 0; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv {  padding: 30% 0; background: url(../images/static/contact/fv.png) 10% 5% no-repeat;}
#fv h2 { font-size: 40px; line-height: 100%; letter-spacing: 5px;}
#fv h2 span { line-height: 130%;}

#main_contact { background: #efefef; padding: 35px 3% 40px;}
#main_contact #c_wrap { width: 94%; margin: 0 auto; background: #fff; padding: 25px 3% 30px;}
#main_contact #c_wrap p.text { line-height: 27px; padding: 0 0 25px; border-bottom: 1px solid #767678; margin: 0 0 10px; font-size: 13px;}
#main_contact #c_wrap p.text span { color: #d10005;}
#main_contact #c_wrap table { width: 100%; font-size: 14px; text-align: left;}
#main_contact #c_wrap table tr th { font-family: 'Noto-Sans-JP-Medium'; vertical-align: text-top; padding: 15px 0 5px; border-bottom: 1px solid #ebebeb; width: 100%; display: block;}
#main_contact #c_wrap table tr th span { color: #d10005;}
#main_contact #c_wrap table tr td { padding: 15px 0; border-bottom: none; display: block;}
#main_contact #c_wrap table tr td span { padding: 0 0 0 12px;}
#main_contact #c_wrap table tr.bottom th,
#main_contact #c_wrap table tr.bottom td { border: none;}
#main_contact #c_wrap table tr.bottom td { padding: 0;}
#main_contact #c_wrap table tr.mail span { padding: 10px 0 0;}
#main_contact #c_wrap table tr.address input[type="text"].long { margin: 10px 0 0;}
#main_contact #c_wrap table input[type="text"],
#main_contact #c_wrap table textarea { border: none;-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background: #ebebeb; padding: 10px 0 10px 3%; width: 97%;}
#main_contact #c_wrap table input[type="text"].width01 { width: 36%; margin: 0 0 0 10px;}
#main_contact #c_wrap table input[type="text"].width02 { width: 60%;}
#main_contact #c_wrap p.btn { padding: 30px 0 0;}
#main_contact #c_wrap p.btn input[type="submit"] { width: 270px; height: 50px; line-height: 50px; font-size: 14px; background: #ce4f4f; color: #fff;}

/* ------------------------------------------------------------ check */
.note h3 { font-size: 24px; padding: 0 0 15px; text-align: center;}
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; }
.note p.btn a { background: #a6a6a6; border: none; color: #fff; padding: 0 10px; height: 50px; line-height: 50px; cursor: pointer; font-size: 14px; display: inline-block; *display: inline; *zoom: 1; margin: 0;}
#thanks { padding: 70px 0; }


}