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

.center { text-align: center; font-size: 14px; }

#title { background: url(../images/contact/fv.jpg) center center no-repeat; background-size: cover; padding: 177px 0;}
#title h2 {  font-family: Gill Sans; font-size: 65px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}
#contents { width: 700px; margin: 0 auto; padding: 59px 0 175px;}
#contents #intro { text-align: center; padding: 0 0 59px; font-size: 14px;}
#contents #intro h4 { text-align: center; font-size: 30px; padding: 0 0 50px; letter-spacing: 2px; font-family: 'Noto Sans Japanese medium';}
#contents #intro ul { padding: 0 0 35px;}
#contents #intro ul li { float: left; width: 370px; padding: 0 40px; font-size: 40px; letter-spacing: 2px; text-align: center; }
#contents #intro ul li p { font-family: 'Noto Sans Japanese medium';}
#contents #intro ul li p a { font-size: 40px; font-family: 'Noto Sans Japanese medium';}
#contents #intro ul li span { font-size: 20px; padding: 0 15px 0 0;}
#contents #intro ul li small { font-size: 14px; display: block; line-height: 100%; font-family: "ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;}
#contents #intro div { text-align: center; border-top: 1px solid #a6a6a6; text-align: center; padding: 40px 0; border-bottom: 1px solid #a6a6a6; margin: 0 0 90px; font-family: 'Noto Sans Japanese medium';}
#contents table { width: 100%; }
#contents table th { text-align: left; padding: 15px 0; width: 270px; vertical-align: text-top; font-family: 'Noto Sans Japanese medium'; font-size: 16px;}
#contents table td { padding: 15px 0; }
#contents table span { color: #fd0311; }
#contents table textarea,
#contents table input[type="text"] { border: 1px solid #b5b5b5; padding: 10px 0 10px 10px; background: #f3f3f3; border: none; width: 495px;}

#contents .btn { text-align: center; padding: 50px 0 0; }
#contents input[type="submit"] { background: #c6001f; border: none; color: #fff; width: 330px; height: 70px; line-height: 70px; cursor: pointer; border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; display: inline-block; *display: inline; *zoom: 1; font-size: 16px;}


/* ------------------------------------------------------------ check */
.note { text-align: center; }
.note span { display: block; color: #d20000; }
.note h3 { font-size: 24px; padding: 0 0 15px; font-family: 'Noto Sans Japanese medium';}
.note p { font-size: 16px; text-align: center; }
.note p.caution { color: #d20000; text-align: center; }
.note p.alert span { display: block; text-align: center; }
.note p.btn a { background: #aeaeae; border: none; color: #fff; width: 330px; height: 70px; line-height: 70px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 40px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
#thanks { padding: 70px 0; }
.note h5 { font-size: 24px; padding: 0 0 15px; text-align: center; }
#confirm { width: 550px; background: #ebe6df; margin: 30px auto; padding: 65px 70px 85px; }
#confirm table { font-size: 16px; width: 100%; }
#confirm table th { text-align: left; padding: 22px 0; width: 215px; vertical-align: top; border-bottom: 1px solid #dcdcdc; }
#confirm table td { text-align: left; border-bottom: 1px solid #dcdcdc; }
.note #confirm .cfx { width: 560px; margin: 60px auto 0; text-align: center; }
.note #confirm p.btn2 { float: left; margin: 0 10px; line-height: 50px; width: 260px; background: #edb31c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.note #confirm p.btn2 a { color: #fff; font-size: 14px; line-height: 50px; width: 260px; display: block; }
.note #confirm p.btn3 input[type="submit"] { color: #fff; font-size: 14px; margin: 0 10px; line-height: 50px; width: 260px; background: #9c0208; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

#thanks h3 { font-size: 30px; }
#thanks .caution p { padding: 0 0 30px; font-size: 20px; }
#thanks .small { font-size: 12px; }

#thanks .btn { padding: 50px 0 0; }
#thanks .btn a { display: block; background: #000; color: #fff; width: 310px; text-align: center; margin: 0 auto;}

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

#title { background: url(../images/contact/fv.jpg) center center no-repeat; background-size: cover; padding: 100px 0;}
#title h2 {  font-family: Gill Sans; font-size: 35px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}

#contents { width: 94%; margin: 0 auto; padding: 30px 0 40px;}
#contents #intro h4 { text-align: center; font-size: 20px; padding: 0 0 25px; letter-spacing: 2px;}
#contents #intro ul { padding: 0 0 15px;}
#contents #intro ul li { float: none; width: 100%; padding: 0 0 15px; font-size: 20px; letter-spacing: 2px; text-align: center;}
#contents #intro ul li p a { font-size: 20px;}
#contents #intro ul li span { font-size: 16px; padding: 0 15px 0 0;}
#contents #intro ul li small { font-size: 12px; display: block; line-height: 100%; font-family: "ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;}
#contents #intro div { text-align: center; border-top: 1px solid #a6a6a6; text-align: center; padding: 20px 0; border-bottom: 1px solid #a6a6a6; margin: 0 0 30px;}
#contents table { width: 100%; }
#contents table th { text-align: left; padding: 15px 0; width: 100%; vertical-align: text-top; display: block; }
#contents table td { padding: 0 0 15px; display: block;}
#contents table span { color: #fd0311; }
#contents table textarea,
#contents table input[type="text"] { border: 1px solid #b5b5b5; padding: 10px 0 10px 3%; background: #f3f3f3; border: none; width: 97%;}

#contents .btn { text-align: center; padding: 25px 0 0; }
#contents input[type="submit"] { background: #c6001f; border: none; color: #fff; width: 94%; height: 50px; line-height: 50px; cursor: pointer; }


/* ------------------------------------------------------------ check */
.note h3 { font-size: 20px; padding: 0 0 15px; }
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; }
.note p.btn a { background: #aeaeae; border: none; color: #fff; padding: 0; width: 94%; height: 50px; 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; }
#thanks { padding: 35px 0; }

.note h3 { padding: 30px 0 20px; font-size: 24px;  }
#confirm { width: 94%; margin: 30px auto 0; padding: 0 0 30px; }
.note #confirm p.btn2 { float: none; margin: 0 auto 15px; }
#confirm table th { padding: 10px 3%; width: 94%; margin: 0 auto; border: none; display: block; }
#confirm table td { display: block; border: none; padding: 10px 3%; width: 94%; margin: 0 auto; }
.note #confirm .cfx { width: 100%; margin: 60px auto 0; text-align: center; }

#thanks h3 { font-size: 25px; }
#thanks .caution p { padding: 0 0 30px; font-size: 17px; }
#thanks .small { text-align: left; }
}