@charset "UTF-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css?family=Oswald');

/*
スティールブルー：#4682B4
*/

/*================================================
 * Reset
 ================================================*/
* { font-size:14px; line-height:26px; font-weight:400; color:#333; margin:0; padding:0; }
html,body,div,span,h1,h2,h3,h4,h5,p,img,dl,dt,dd,ol,ul,li,form,label,input,select,option,textarea,table,tbody,tr,th,td,footer,header,nav,article,section { border:0; outline:0; vertical-align:baseline; background:transparent; box-sizing:border-box; }
div, footer, header, nav, article, section, ul, dl, dt, dd { display:block; overflow:hidden; }
ul { list-style:disc; }
li { margin-left:1.5em; }
a { margin:0; padding:0; text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
a:hover, a:focus { text-decoration:none; outline:none; }
a:link, a:visited { }
table { border-collapse:collapse; border-spacing:0; table-layout:fixed; }

/*================================================
 *  Tags
 ================================================*/
body, textarea, input { font-family:'Noto Sans JP',Meiryo,'メイリオ','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif; }
body { -webkit-text-size-adjust:100%; background-color:#021460; }
h1 { width:940px; color:#021460; font-size:40px; line-height:1; font-weight:700; margin:100px auto; text-align:left; }
h2 { font-size:36px; text-align:center; line-height:36px; }
footer { width:100%; height:40px; line-height:40px; color:white; background:#021460; text-align:center; font-size:12px; font-family:'Oswald', sans-serif; }

/*================================================
 *  Class
 ================================================*/
.wrap { width:940px; margin:0 auto; }
br.sp { display:none; }

/*================================================
 *  header
 ================================================*/
header { display:block; height:76px; position:fixed; top:0; left:0; width:100%; background-color:white; z-index:10; }
div.header_left { float:left; height:76px; }
div.header_left img { margin-top:23px; }

/*================================================
 *  コンテンツ
 ================================================*/
article { padding-top:76px; background-color:white; }

div#c1 { width:100%; height:230px; background:url("images/contact_main_bg.png") repeat-x center center; background-size:auto 100%; text-align:center; margin-bottom:20px; }

div#c2 h2, div#c3 h2 { text-align:left; font-size:25px; font-weight:bold; line-height:1.8; margin-bottom:20px; border-bottom: 2px dotted #021460; }
div#c2 img { margin-bottom:40px; }

div#c3 { margin-bottom:50px; }
div#c3 div.contact_lead { margin-bottom:24px; }
div#c3 div.contact_lead p { font-size:14px; }
div#c3 table { width:100%; margin-bottom:25px; }
div#c3 table tr th, div#c3 table tr td { padding:10px; border:1px solid #ccc; vertical-align:top; }
div#c3 table tr th { width:190px; text-align:left; font-weight:bold; background-color:#ececec; }
div#c3 table tr th.nes { background-image:url("images/form_nes.png"); background-repeat:no-repeat; background-position:right 10px top 13px; }
div#c3 table tr th.opt { background-image:url("images/form_opt.png"); background-repeat:no-repeat; background-position:right 10px top 13px; }
div#c3 table tr td { width:749px; vertical-align:middle; }
div#c3 table tr td ul { list-style:none; }
div#c3 table tr td ul li { margin-left:5px; }
div#c3 table tr td ul li label { margin-left:5px; }
div#c3 table tr td input[type="text"], div#c3 table tr td select { border:1px solid #ececec; padding:5px; }
div#c3 table tr td input[type="text"] { border-radius:5px; width:400px; }
div#c3 table tr td input[type="text"]+label { margin-left:20px; }
div#c3 table tr td select#area { margin-left:5px; margin-right:20px; width:130px; }
div#c3 table tr td select#country { width:300px; }
div#c3 table tr td label+label.example { margin-left:30px; }
div#c3 table tr td label.example { color:#999; }
div#c3 table tr td textarea { width:700px; height:180px; border:1px solid #ececec; border-radius:5px; padding:5px; }
div#c3 table tr td input[name="zip"], div#c3 table tr td input[name="zip_send"] { width:100px; }
div#c3 table tr td input[type="checkbox"] { margin-right:5px; }
div#c3 table tr td input[name="number"] { width:100px; }
div#c3 table tr td input.datepicker { width:100px; }
div#c3 div.detail { display:none; }
.form_announce { background-color:green; color:white; font-size:18px; padding:10px 0 10px 10px; }
div#c3 div.privacy { height:300px; padding:15px; overflow-y:scroll; border:1px solid #ececec; margin-bottom:50px; }
div#c3 div.privacy h3 { border-left:5px solid #021460; font-size:16px; font-weight:bold; padding-left:8px; margin-bottom:15px; }
div#c3 div.privacy p { font-size:12px; line-height:26px; margin-bottom:22px; }
div#c3 div.privacy dl { margin:16px 0; }
div#c3 div.privacy dl dt { font-size:16px; font-weight:bold; border-bottom:1px dotted #333; }
div#c3 div.privacy dl dd, div#c3 div.privacy dl dd * { font-size:12px; }
div#c3 input.confirm { display:block; margin:20px auto; width:460px; height:86px; background:url("images/contact_confirm_off.png") no-repeat center top; }
div#c3 input.confirm:hover { background:url("images/contact_confirm_on.png") no-repeat center top; }
div#c3 input.send { display:block; margin:20px auto; width:460px; height:86px; background:url("images/contact_send_off.png") no-repeat center top; }
div#c3 input.send:hover { background:url("images/contact_send_on.png") no-repeat center top; }
div#c3 div.error { color:#e55a3b; }
div#c3 div.contact_send { margin:50px 0 30px; }
div#c3 div.contact_send p { font-size:22px; line-height:40px; text-align:center; }


/*================================================
 *  Go to Top
 ================================================*/
#page-top { position:fixed; bottom:20px; right:100px; }
#page-top a { display:block; position:relative; content:"\f077"; width:50px; height:50px; background-color:#021460; color:white; font-size:24px; line-height:50px; text-align:center; font-weight:bold; border-radius:26px; border:2px solid white; transition:0.5s; overflow:hidden; }
#page-top a:hover { background-color:white; color:#021460; border:2px solid #021460; }

/*■■■■■■■■■■■■■■■■■■■■■■■■
 *  タブレット等
 *■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width:940px) {

h1 { width:100%; margin:50px 10px; font-size:32px; }
article { padding-top:0; }

.wrap { width:100%; }
header { position:static; }
div.header_left { margin-left:10px; }

div#c1 { height:auto; }
div#c2, div#c3 { padding:10px; }
div#c3 table { width:100%; }
div#c3 table tr td { width:auto; }
div#c3 div.detail table tr td label { display:inline; }
div#c3 table tr td input[type="text"]+label { margin-left:0; }
div#c3 table:last-of-type tr td input { width:100%; }
div#c3 table:last-of-type tr td input[type="checkbox"] { width:auto; }
div#c3 table:last-of-type tr td textarea { width:100%; }
div#c3 table:last-of-type tr td label { display:block; }
div#c3 table:last-of-type tr:last-of-type td label { display:inline; }

#page-top { right:20px; }
}

/*■■■■■■■■■■■■■■■■■■■■■■■■
 *  タブレット(小)
 *■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width:720px) {

h1 { font-size:30px; }

br.sp { display:block !important; line-height:1; }

/* お申込み・お問合せページ */
div#c2 h2, div#c3 h2 { font-size:18px; }
div#c2 img { width:100%; max-width:438px; }
div#c3 table { display:block; }
div#c3 table tbody, div#c3 table tr, div#c3 table tr th, div#c3 table tr td { display:block; width:100%; }
div#c3 table tr th { width:100%; border-width:1px 1px 1px 1px; }
div#c3 table tr td { border:0; }
div#c3 div.detail table tr:first-of-type td label:last-of-type:before { content:"\A"; white-space:pre; }

}

/*■■■■■■■■■■■■■■■■■■■■■■■■
 *  スマホ
 *■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width:480px) {

h1 { font-size:22px; }

div#c3 input[type="submit"] { width:100%; max-width:460px; background-size:100% auto; }
div#c3 input[type="submit"]:hover { background-size:100% auto; }
div#c3 div.contact_send p { font-size:18px; line-height:30px; }
div#c3 div.contact_send p br { display:none; }
}