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

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

#title h2 { background: url(../images/contact/icn_01.jpg) center top no-repeat; }

#contents { background: url(../images/contact/bg_01.gif); padding: 0 0 25px; width: 650px; padding: 80px; margin: 0 auto 130px; }
#contents span { color: #d20000; }

#contents #intro p 	{ padding: 0 0 30px; font-size: 16px; line-height: 30px; }
#contents table { width: 100%; font-size: 16px; }
#contents table tr { background: url(../images/contact/line.gif) repeat-x left bottom; }
#contents table th { text-align: left; padding: 22px 0; width: 170px; vertical-align: text-top; }
#contents table td { padding: 18px 0; }
#contents table td span { color: #a5a5a5; padding: 0 0 0 10px; font-size: 14px; }
#contents table td label { float: left; padding: 0 15px 0 0; font-size: 14px;  }
#contents table input[type="radio"] { vertical-align: 1px; }
#contents table textarea,
#contents table input[type="text"] { border: 1px solid #b5b5b5; padding: 5px; font-size: 14px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }

#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: 70px 0 0; }
#contents input[type="submit"] { background: #6ac55d; border: none; color: #fff; padding: 0 115px; 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: 24px; padding: 0 0 15px; }
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; }
.note p.btn a { background: #1767B7; border: none; color: #fff; padding: 0 100px; 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; }
#thanks { padding: 70px 0; }

/* ------------------------------------------------------------ contact */

#contact { background: #eeeeee; padding: 100px 0; }
#contact .inner { width: 850px; }
#contact .outer-box {  }
#contact .outer-box .top { background: #fff; margin: 0 0 5px; text-align: center; padding: 20px; }
#contact .outer-box .top p { font-size: 16px; border-bottom: 1px solid #eee; width: 650px; margin: 0 auto; padding: 0 0 10px; font-weight: bold; }
#contact .outer-box .top a { font-size: 36px; color: #e52222; display: inline-block; *display: inline; *zoom: 1; /* background: url(../images/common/tel_logo.png) left center no-repeat; */ padding: 20px 0 10px; }
/* #contact .outer-box .top small { font-size: 14px; display: block; line-height: 150%; font-weight: bold; } */
#contact .outer-box form { background: #fff; padding: 40px 80px 80px; }
#contact .outer-box form p.caution { font-size: 14px; background: #eee; padding: 25px; box-sizing: border-box; display: block; font-weight: bold; text-align: center; }
#contact .outer-box form p.caution span { color: #f00f1c; }
#contact .outer-box form h4 { font-size: 14px; padding: 35px 0 10px; color: #58666e; display: block; border-bottom: 1px solid #eee; margin: 0 0 10px; }
#contact .outer-box form table { width: 100%; height: auto; }
#contact .outer-box form table tr {  }
#contact .outer-box form table tr th { text-align: left; font-size: 14px; font-weight: bold; width: 30%; }
#contact .outer-box form table tr th span { color: #f0000e; }
#contact .outer-box form table tr td { font-size: 14px; text-align: left; width: 70%; padding: 10px 0; }
#contact .outer-box form table tr td span { color: #1c7fb9; border-radius: 15px; padding: 5px 10px; border: 1px solid #1c7fb9; }
#contact .outer-box form table tr td select { width: 50%; border-radius: 5px; -webkit-border-radius: 5px; background: #f3f3f3; border: none; padding: 10px; color: #000; }
#contact .outer-box form table tr td input[type="text"] { width: 100%; border: none; background: #f3f3f3; border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; }
#contact .outer-box form table tr td input[type="text"].short { width: 17%; text-align: center; margin: 0 10px; }
#contact .outer-box form table tr td input[type="radio"] { margin: 4px 5px 0 0; vertical-align: top; }
#contact .outer-box form input[type="submit"] { background: #dd0016; text-align: center; color: #fff; padding: 10px 80px; font-size: 16px; margin-top: 80px; }
#contact .outer-box form p.caution2 { font-size: 10px; }

/* ------------------------------------------------------------ block ^-^ search */

/*
.block-search { padding: 100px 0 100px; }
.block-search h3 { font-size: 38px; text-align: center; color: #fff; font-weight: bold; line-height: 100%; padding: 10px 0 5px; }
.block-search h4 { font-size: 18px; font-weight: bold; padding: 20px 0 10px; }
.block-search .outer-box { background: #0e5d9e; box-sizing: border-box; width: 1000px; padding: 0 0 1px; }
.block-search .inner-box { background: #fff; padding: 25px; margin: 2px; }
.block-search .left { float: left; width: 460px; }
.block-search .right { float: right; width: 460px; }
.block-search table tr th { width: 160px; font-size: 16px; font-weight: bold; text-align: left; }
.block-search table tr td { width: 300px; font-size: 12px; padding: 1px 0; font-weight: bold; }
.block-search table tr td span { color: #de0c0c; padding: 5px 0 0; }
.block-search table tr td select { background: #f9f9f9; border: none; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; }
.block-search table tr td select option {  }
.block-search table tr td input[type="text"] { border: none; border-radius: 5px; -webkit-border-radius: 5px; background: #f9f9f9; padding: 5px 10px; }
.block-search table tr td select,
.block-search table tr td input[type="text"] { width: 250px; float: right; box-sizing: border-box; }
.block-search .btn { padding: 60px 0 30px; }
.block-search .btn input[type=submit] { background: url(../images/common/check.png) center center no-repeat; border: none; height: 65px; width: 350px; font-size: 0; }
*/

.okImg { background: url(../images/common/okImg.png) 94% center no-repeat; }
.errorImg { background: url(../images/common/errorImg.png) 94% center no-repeat; }

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

/* ------------------------------------------------------------ contact */

#contact { background: #eeeeee; padding: 10px 0; }
#contact .inner { width: 94%; }
#contact .outer-box {  }
#contact .outer-box .top { background: #fff; margin: 0 0 5px; text-align: center; padding: 10px; }
#contact .outer-box .top p { font-size: 14px; border-bottom: 1px solid #eee; width: 100%; margin: 0 auto 10px; padding: 0 0 10px; font-weight: bold; }
#contact .outer-box .top a { font-size: 26px; color: #e52222; display: inline-block; *display: inline; *zoom: 1; /* background: url(../images/common/tel_logo.png) left center no-repeat; */ padding: 20px 0 10px; font-weight: bold; /* background-size: auto 25px; */ }
#contact .outer-box .top a img { height: 76px; width: auto; }
/* #contact .outer-box .top small { font-size: 12px; display: block; line-height: 150%; font-weight: bold; } */
#contact .outer-box form { background: #fff; padding: 10px 10px 40px; }
#contact .outer-box form p.caution { font-size: 12px; background: #eee; padding: 10px; box-sizing: border-box; display: block; font-weight: bold; text-align: center; }
#contact .outer-box form p.caution span { color: #f00f1c; }
#contact .outer-box form h4 { font-size: 14px; padding: 25px 0 10px; color: #58666e; display: block; border-bottom: 1px solid #eee; margin: 0 0 10px; }
#contact .outer-box form table { width: 100%; height: auto; }
#contact .outer-box form table tr {  }
#contact .outer-box form table tr th { text-align: left; font-size: 14px; font-weight: bold; width: 100%; display: block; }
#contact .outer-box form table tr th span { color: #f0000e; }
#contact .outer-box form table tr td { font-size: 14px; text-align: left; width: 100%; padding: 5px 0 10px; display: block; box-sizing: border-box; }
#contact .outer-box form table tr td span { color: #1c7fb9; border-radius: 15px; padding: 5px 10px; border: 1px solid #1c7fb9; }
#contact .outer-box form table tr td select { width: 100%; border-radius: 5px; -webkit-border-radius: 5px; background: #f3f3f3; border: none; padding: 10px; color: #7c7c7c;
border: solid 1px #000;}
#contact .outer-box form table tr td input[type="text"] { width: 100%; border: none; background: #f3f3f3; border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; box-sizing: border-box; font-size: 12px; border: solid 1px #000;}
#contact .outer-box form table tr td input[type="text"].short { width: 30%; text-align: center; margin: 0 10px; }
#contact .outer-box form table tr td input[type="radio"] { margin: 4px 5px 0 0; vertical-align: top; }
#contact .outer-box form input[type="submit"] { background: #dd0016; text-align: center; color: #fff; padding: 10px 80px; font-size: 16px; margin-top: 40px; }
#contact .outer-box form p.caution2 { font-size: 10px; }

/* ------------------------------------------------------------ block ^-^ search */

/*
.block-search { padding: 50px 0 50px; }
.block-search h3 { font-size: 16px; text-align: center; color: #fff; font-weight: bold; line-height: 150%; padding: 10px 0 5px; }
.block-search h4 { font-size: 18px; font-weight: bold; padding: 20px 0 10px; }
.block-search .outer-box { background: #0e5d9e; box-sizing: border-box; width: 94%; padding: 0 0 1px; }
.block-search .inner-box { background: #fff; padding: 10px; margin: 2px; }
.block-search .left { float: none; width: 100%; }
.block-search .right { float: none; width: 100%; }
.block-search table { width: 100%; }
.block-search table tr th { width: 100%; font-size: 16px; font-weight: bold; text-align: left; display: block; }
.block-search table tr th span { display: inline-block; *display: inline; *zoom: 1; color: #de0c0c; padding: 5px 0 0 10px; font-size: 12px; }
.block-search table tr td { width: 100%; font-size: 12px; padding: 1px 0; font-weight: bold; display: block; }
.block-search table tr td span { color: #de0c0c; padding: 5px 0 0; }
.block-search table tr td select { background: #f9f9f9; border: none; padding: 5px 10px; border-radius: 5px; -webkit-border-radius: 5px; }
.block-search table tr td select option {  }
.block-search table tr td input[type="text"] { border: none; border-radius: 5px; -webkit-border-radius: 5px; background: #f9f9f9; padding: 5px 10px; }
.block-search table tr td select,
.block-search table tr td input[type="text"] { width: 100%; float: none; box-sizing: border-box; }
.block-search .btn { padding: 30px 0 30px; }
.block-search .btn img { height: 50px; width: auto; }
*/

.okImg { background: url(../images/common/okImg.png) 94% center no-repeat; background-size: 20px auto; }
.errorImg { background: url(../images/common/errorImg.png) 94% center no-repeat; background-size: 20px auto; }

/* ------------------------------------------------------------ check */
.note h3 { font-size: 24px; padding: 0 0 15px; }
.note p { padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; }
.note p.btn a { background: #1767B7; border: none; color: #fff; padding: 0 36px; height: 48px; line-height: 48px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; margin: 0 0 10px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
#thanks { padding: 70px 0; }



}