@charset "UTF-8";
@import "../../css/style.css";

div#globalHeaderInner ul li.sp { display: none; }
div#contentsInner div#content { padding: 0 0 50px 0; width: 100%; float: none; }
div#content { font-size: 110%; }
div#content h1 { margin: 0; padding: 5px 0 23px 0; border-bottom: solid 1px #e6e6e7; }
div#content table { width: 100%; border-collapse: collapse; }
div#content th { padding: 15px 20px; border: solid 1px #fff; border-width: 1px 0; background: #f4f4f4; }
div#content th strong { float: left; }
div#content th span.default { margin: 0 0 0 0.5em; color: #999; font-size: 90%; font-weight: 400; float: right; }
div#content th span.required { margin: 0 0 0 0.5em; color: #f00; font-size: 90%; font-weight: 400; float: right; white-space: nowrap; }
div#content td { padding: 15px 20px; }
div#content td input.w10 { margin: 0 0.5em; padding: 0.5em; width: 10%; border: solid 1px #ddd; font-size: 100%; box-sizing: border-box; }
div#content td input.w50 { margin: 0; padding: 0.5em; width: 50%; border: solid 1px #ddd; font-size: 100%; box-sizing: border-box; }
div#content td input.w100 { margin: 0; padding: 0.5em; width: 100%; border: solid 1px #ddd; font-size: 100%; box-sizing: border-box; }
div#content td input#contactMail { ime-mode: inactive; }
div#content td textarea { margin: 0; padding: 0.5em; width: 100%; height: 10em; border: solid 1px #ddd; font-size: 100%; display: block; box-sizing: border-box; ime-mode: active; }
div#content td p { margin: 0; }
div#content td label { margin: 0 2em 0 0; }
div#content td label input { margin: 0 0.3em 0 0; }
div#content td label.error { margin: 3px 0; padding: 3px 10px; background: #f00; color: #fff; font-size: 90%; display: block; }
div#content td br.sp { display: none; }
div#content div.tel { margin: 0 auto 30px auto; padding: 30px 50px; width: 50%; border: solid 1px #eee; }
div#content div.tel p { margin: 0 0 1em 0; text-align: center; }
div#content div.tel ul { margin: 0; padding: 0; text-align: center; line-height: 1.4; list-style: none; }
div#content div.tel span { color: #4461a9; font-size: 32px; font-weight: 700; } 
div#content div#button { text-align: center; }
div#content div#button button { margin: 0 0.2em; padding: 10px 30px; background: #4461a9; border: none; border-radius: 4px; color: #fff; font-size: 100%; text-align: center; display: inline-block; appearance: none; cursor: pointer; outline: none; }
div#content div#button button:hover { background: #516eb6; }
div#content div#button button:active { background: #314d91; }
div#content ul.button { margin: 0; padding: 0; text-align: center; list-style: none; }
div#content ul.button li { margin: 0 10px; display: inline; }
div#content ul.button li a { padding: 8px 20px; background: #4461a9; border-radius: 10px; color: #fff; text-decoration: none; display: inline-block; }
a#spMenu { display; none; }

@media screen and (max-width : 767px) {
div#container { border-top: solid 5px #4461a9; }
div#globalHeader { height: 90px; }
div#globalHeaderInner { width: auto; height: 90px; }
div#globalHeaderInner a.logo { top: 15px; left: 20px; }
div#globalHeaderInner a.logo img { width: 140px; height: auto; }
div#globalHeaderInner a.home { display: none; }
div#globalHeaderInner ul { width: 100%; background: #fff; display: none; top: -5px; bottom: auto; left: 0; right: auto; z-index: 3; }
div#globalHeaderInner ul li { margin: 0; width: 100% !important; height: auto; background: none !important; float: none; display: list-item; }
div#globalHeaderInner ul li a { padding: 15px 25px; height: auto; background: url(../../images/common/arrow.gif) 15px center no-repeat; border-bottom: solid 1px #eee; color: #333_; text-decoration: none; text-indent: 0; }
div#globalHeaderInner ul li a:hover { border-bottom: solid 1px #eee; }
div#globalHeaderInner ul li a.active { border-bottom: solid 1px #eee; }
div#globalHeaderInner ul li.sp { display: block; }
div#globalHeaderInner ul li.sp button { margin: 20px auto; padding: 8px 10px; width: 30%; background: #4461a9; border: none; border-radius: 4px; color: #fff; font-size: 100%; text-align: center; display: block; appearance: none; cursor: pointer; outline: none; }
div#globalHeaderInner a.contact { display: none; }
div#contents { padding: 10px 0 0 0; }
div#contentsInner { padding: 20px 15px; width: auto; }
div#contentsInner div#content { padding: 0 0 30px 0; }
div#globalFooterInner { padding: 15px 15px 40px 15px; width: auto; }
div#content h1 img { width: 180px; height: auto; }
div#content th { padding: 5px 10px; width: 100%; display: block; box-sizing: border-box; }
div#content td { padding: 10px 0; width: 100%; display: block; box-sizing: border-box; }
div#content td input.w10 { margin: 0 0.5em 0.5em 0.5em; width: 30%; }
div#content td input.w50 { width: 100%; }
div#content td br.sp { display: block; }
div#content div.tel { padding: 20px; width: 100%; box-sizing: border-box; }
div#content div.tel span { font-size: 22px; }
div#content div#button button { padding: 8px 30px; }
div#content ul.button { margin: 0 auto; width: 240px; }
div#content ul.button li { margin: 5px 0; display: list-item; }
div#content ul.button li a { width: 200px; display: block; }
div#overlay { width: 100%; height: 0; background: url(../images/overlay.png); display: none; position: absolute; top: 0; left: 0; z-index: 2; }
a#spMenu { width: 45px; height: 45px; background: #4461a9 url(../images/spMenu.png) center 5px no-repeat; background-size: 30px auto; border: solid 1px #fff; border-radius: 1px; color: #fff; font-size: 10px; text-align: center; text-decoration: none; line-height: 70px; display: block; position: fixed; top: 20px; right: 20px; z-index: 2; }
}