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

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

#contact_top { text-align: center; padding: 80px 0 85px; width: 825px; margin: 0 auto;}
#contact_top #tel_contact { background: #f2f6f8; padding: 20px 0 25px; margin: 20px 0 50px;}
#contact_top #tel_contact h4 { font-size: 22px;}
#contact_top #tel_contact p { line-height: 150%; color: #000;}
#contact_top #tel_contact p.phone { font-size: 46px;}
#contact_top #tel_contact p.phone span { font-size: 30px; }
#contact_top #tel_contact p.date { font-size: 16px;}
#title h3,
#intro p { font-size: 30px; color: #c7b08a; padding: 0 0 20px;}
#title p { font-size: 16px; letter-spacing: 5px; color: #222;}
#intro p span { display: block; font-size: 14px; color: #222;}
#intro p small { color: #f0000f;}

#contents .form_wrap { background: #f2f6f8; padding: 60px 80px 90px;}

#contents table { width: 100%; font-size: 16px; }
#contents table th { text-align: left; padding: 15px 0; width: 200px; vertical-align: text-top; letter-spacing: 0; color: #000;}
#contents table th span { color: #f0000f;}
#contents table td { padding: 15px 0; }
#contents table td span { color: #a5a5a5; padding: 0 0 0 10px; font-size: 14px; }
#contents table textarea,
#contents table input[type="text"] { padding: 15px 3%;; font-size: 14px; border: none; width: 94%; line-height: 130%;
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;}

#contents #privacy { background: #fff; padding: 20px; margin: 50px 0 10px; border: 1px solid #ffe5a1; }
#contents #privacy h3 { font-size: 18px; padding: 0 0 5px; }

#contents .btn { text-align: center; padding: 35px 0 0; }
#contents input[type="submit"] { background: #9c0208; border: none; color: #fff; width: 270px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }


/* ------------------------------------------------------------ check */
.note h3 { font-size: 30px; padding: 0 0 15px; color: #c7b08a;}

.note p.caution { color: #545454; font-size: 14px;  padding: 0 0 25px;}
.note p.alert { background: #f2f6f8; padding: 80px 0 65px;}
.note p.alert span{ display: block; font-size: 16px; color: black;}
.note p.alert a { margin-top: 64px; background: #c7b08a; border: none; color: #fff; width: 260px; line-height: 50px; cursor: pointer; font-size: 14px; display: inline-block; *display: inline; *zoom: 1; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
	
/* ------------------------------------------------------------ confirm */

.note .form_wrap { background: #f2f6f8; padding: 65px 60px 78px; margin-top: 35px;}
.note form table{ width: 100%; text-align: left; font-size: 16px; color: black;} 
.note form table tr th{ padding: 10px 0; width: 180px; vertical-align: text-top; border-bottom: 1px solid #dcdcdc; text-align: left;}
.note form table tr td{ width: 525px; padding: 10px 0; border-bottom: 1px solid #dcdcdc;}
.note form table tr td input { vertical-align: top;}

.note p{ font-size: 14px;}
.note form p.btn{ padding-top: 40px;}
.note form p.btn button{background: #c7b08a; width: 260px; height: 48px; color: #fff; font-size: 14px; padding: 0 6px 0 0;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
	
.note form p.btn input[type="submit"]{background: #9c0208; width: 260px; height: 48px; color: #fff; font-size: 14px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }


#thanks { padding: 70px 0; }
#thanks p.t{ font-size: 18px; }
#thanks div{ background: #f2f6f8; padding: 60px 0 75px; font-size: 16px; color: black;}
#thanks div p{ padding-bottom: 30px; font-size: 16px; line-height: 200%; letter-spacing: -1px;}
#thanks div a{  background: #c7b08a; width: 260px; height: 48px; color: #fff; font-size: 14px; line-height: 50px; display: inline-block; *display: inline; *zoom: 1; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }


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

#fv { background-size: cover;}

#contact_top { padding: 40px 0 45px; width: 94%;}
#contact_top #tel_contact { margin: 20px 0 30px;}
#contact_top #tel_contact h4 { font-size: 16px;}
#contact_top #tel_contact p.phone { font-size: 24px;}
#contact_top #tel_contact p.phone span { font-size: 18px; }
#contact_top #tel_contact p.date { font-size: 12px;}
#title h3,
#intro p { font-size: 18px; }
#title p { font-size: 14px; letter-spacing: 2px; text-align: left;}
#intro p span { font-size: 14px; text-align: left;}

#contents .form_wrap { padding: 30px 3% 40px;}

#contents table { font-size: 14px; }
#contents table th { width: 100%; display: block; padding: 10px 0 5px;}
#contents table td { display: block; padding: 5px 0;}
#contents table td span { padding: 0; font-size: 14px; }
#contents table textarea,
#contents table input[type="text"] { padding: 15px 0 15px 3%;; font-size: 14px; border: none; width: 97%;
border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;}



/* ------------------------------------------------------------ check */
.note h3 { font-size: 16px;}

.note p.caution { font-size: 14px;  padding: 0 0 15px;}
.note p.alert { padding: 40px 0;}
.note p.alert span{ font-size: 12px;}
.note p.alert a { margin-top: 30px;}
	
/* ------------------------------------------------------------ confirm */


.note .form_wrap { padding: 0 0 30px; margin-top: 15px;}
.note form table { font-size: 14px;}
.note form table tr th{ padding: 10px 3%; width: 94%; letter-spacing: 1px; display: block; background: #d9e0e3;}
.note form table tr td{ width: 94%; padding: 10px 3%; display: block;}
.note form p.btn input[type="submit"]{ margin: 15px 0 0;}

#thanks { padding: 0 0 35px; }
#thanks p.t{ font-size: 14px;}
#thanks div{ padding: 35px 3%;}
#thanks div p{ padding-bottom: 20px; font-size: 14px; text-align: left;}

}