::-webkit-scrollbar{width:8px; background:#fff;}
::-webkit-scrollbar-thumb{background:#09F;}
::-webkit-scrollbar-track-piece{width:8px;}

*,*:before,*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:"Hiragino Maru Gothic W4 JIS2004", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
html,body{margin:0; min-height:100%; background:#fff; font-weight:400; font-size:16px; line-height:1.7; color:#000;}
ul,ol,li{margin:0; padding:0; list-style:none;}
form{margin:0; padding:0;}
section,code{display:block;}
p,dl,dt,dd{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
img{border:none;}
ins{text-decoration:none;}
a{text-decoration:none; color:#151515; transition:.3s;}
a:hover{color:#1565c0;}
*[hide]:not([style*='block']){display:none !important;}


section.main{max-width:888px; margin:0 auto;}

code.select select,
code.textarea textarea,
code.file input[type=file],
code.input input[type=text],
code.input input[type=password],
code.input input[type=tel],
code.input input[type=email]{width:100%; outline:none; color:#000; padding:8px 12px; 
background:#fff; border:1px solid #ddd; margin:0; display:inline-block; border-radius:3px;
line-height:22px; height:38px; font-size:16px; transition:.35s;}
code.select select[multiple],
code.textarea textarea{height:128px; background:#fff;}
code.select select:hover,
code.textarea textarea:hover,
code.file input[type]:hover,
code.input input[type]:hover,
code.select select:focus,
code.textarea textarea:focus,
code.file input[type]:focus,
code.input input[type]:focus{box-shadow:0 0 8px rgba(0,0,0,.04);}
code *::-webkit-input-placeholder{color:#b8b8b8;}
code *::-moz-input-placeholder{color:#b8b8b8;}
code *::-ms-input-placeholder{color:#b8b8b8;}
code span{display:inline-block; padding:0 4px;}
code span:first-child{padding-left:0;}
code p{display:block; margin-top:10px;}


code.radio,
code.checkbo{font-size:0;}
code.radio label{position:relative; display:block; margin:5px 0;}
code.checkbox label{position:relative; display:inline-block; margin:5px 0;}
code.radio label input[type=radio],
code.checkbox label input[type=checkbox]{display:none;}
code.radio label ins,
code.checkbox label ins{cursor:pointer; display:block; margin:0 14px 0 20px; font-size:16px;}
code.radio label:before,
code.checkbox label:before{position:absolute; content:''; cursor:pointer; transition:.35s; background:#fff; border:1px solid #ccc;
width:14px; height:14px; margin-top:-8px; left:0; top:50%; border-radius:3px; box-shadow:inset 0 0 8px rgba(0,0,0,.04);}
code.radio label:before{border-radius:50%;}
code.radio label:hover:before,
code.checkbox label:hover:before{box-shadow:0 0 8px rgba(0,0,0,.04);}
code.radio label.checked:before,
code.checkbox label.checked:before{background:#1565c0; border-color:#1565c0;}


input[name="tel[]"]{max-width:80px;}
input[name="zip"]{max-width:140px;}
input[name="ping"],
input[name="age"],
input[name="before"]{max-width:60px;}



section.main aside{display:block; width:100%; padding:10px 0;}
section.main aside>div.text{background:#1565c0; color:#fff; padding:10px 0; text-align:center;}

section.main aside>div.head{background:rgba(21,101,192,.3); font-weight:bold; padding:15px 10px; text-align:center; margin:5px 0 50px 0;}
section.main aside>div.head a.tel{font-size:28px; letter-spacing:-0.01em; font-family:'Roboto Condensed', sans-serif; vertical-align:middle;}
section.main aside>div.head a.tel:before{display:inline-block; width:17px; height:17px; margin-right:15px; background:url('../img/tel.png'); content:'';}

section.main aside>div.form{background:#fff; border:1px solid #ddd;}
section.main aside>div.form>dl{border-bottom:1px solid #ddd; position:relative; transition:.3s;}
section.main aside>div.form>dl:hover{background:#fdfdfd;}
section.main aside>div.form>dl:last-child{border:none;}
section.main aside>div.form>dl:after{display:block; content:''; clear:both;}
section.main aside>div.form>dl>dt{position:absolute; top:0; left:0; bottom:0; width:240px; padding:15px; background:#f2f2f2; border-right:1px solid #ddd;}
section.main aside>div.form>dl>dt>strong{display:inline-block; color:#000; font-size:16px;}
section.main aside>div.form>dl>dt>em{display:inline-block; color:#C1272D; font-style:normal; padding-left:5px; font-size:13px;}
section.main aside>div.form>dl>dd{padding:10px 15px 10px 255px; display:block; width:100%;}
section.main aside>div.form>dl>dd>p{min-height:37px;}

section.main aside>div.refer{text-align:center;}
section.main aside>div.refer code{padding:10px 0;}
section.main aside>div.refer code ins{font-size:18px;}

section.main aside>div.title{}
section.main aside>div.title h2{font-size:28px; border-bottom:3px solid #1565c0;}
section.main aside>div.title p{background:#f2f2f2; padding:15px; margin-top:15px;}

section.main aside>div.desc{margin-top:20px;}
section.main aside>div.desc h3{font-size:18px; border-bottom:1px solid #000;}
section.main aside>div.desc p{margin-top:10px;}


.button{background:#f2f2f2; color:#000; cursor:pointer; transition:.35s; border:1px solid #ddd; 
display:inline-block; padding:10px 30px; font-size:14px; line-height:22px; border-radius:3px; margin:0 5px;}
.button:hover{background:#1565c0; color:#fff;}

address{position:fixed; right:0; bottom:5%; text-align:center;}

a.bt{background:#1565c0; display:inline-block;}
a.bt img{width:60px;}


@media(max-width:992px){
section.main{padding:0 10px;}
section.main aside{padding:5px 0;}
section.main aside>div.head{margin-bottom:10px;}
section.main aside>div.text{padding:7px 0;}
section.main aside>div.form>dl>dt{position:static; width:100%; padding:10px; border-right:none; border-bottom:1px solid #ddd;}
section.main aside>div.form>dl>dd{padding:10px;}
section.main aside>div.refer code{padding:5px 0;}
section.main aside>div.title p{padding:10px; margin-top:10px;}
section.main aside>div.desc{margin-top:10px;}
section.main aside>div.desc p{margin-top:5px;}
a.bt img{width:40px;}
}