@charset "utf-8";

a,body{
color:#333;
text-decoration:none
}
body{
margin:0;
padding:0;
text-align:center;
font-weight:400;
font-style:normal;
font-size:62.5%;
font-family:Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background-color:#fff
}

a,a:hover{font-weight:700}

a:hover{color:#004BE4;text-decoration:underline}

input{-webkit-appearance: none; border-radius:none;}
textarea{-webkit-appearance: none; border-radius:none;}

@media screen and (max-width:767px){
#header{
margin:0 auto;
padding:0;
width:100%;
height: 70px;
border-top:#5ce 5px solid;
border-bottom:#ccc 1px solid;
background: #fff;
position: fixed;
top:0;
}
#header nav{width:90%; margin:0 auto;}
h1{
margin:0;
padding:15px 0;
display: block;
float: left;
width: 158px;
height: 40px;
}
h1 a{
display: block;
width:100%;
height: 100%;
background: url(../images/title_logo.svg) no-repeat center;
background-size: auto 98%;
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
}
#btn_phone{
display: block;
float:right;
width:40px;
height: 40px;
padding:15px 0;
}
#btn_phone a{
margin:0;
padding:0;
display: block;
width:100%;
height: 100%;
background: url(../images/tel_btn.svg) center no-repeat;
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
background-size:75% auto;
border:2px solid #666;
border-radius: 8px;
}

#main{width:100%; height: 100%; padding: 75px 0 30px;}
#main #formarea{width:98%;; margin:10px auto;}
#main #formarea dt{
margin-bottom:0px;
}
#main #formarea dt label{
text-align: left;
font-size:1rem;
font-weight: bold;
color:#007aff;
display: block;
line-height: 30px;
width:98%;
cursor:pointer;
}
.red{
margin-left:5px;
background:red;
color:#fff;
font-size:0.9rem;
padding:3px 6px;
}
.green{
margin-left:5px;
background: darkcyan;
color:#fff;
font-size:0.9rem;
padding:3px 6px;
}
#main #formarea dd{
 text-align: left;
 width:98%;
 line-height: 30px;
 margin-bottom:15px;
 font-size:1rem;
}
#main #formarea dd input[type="text"],#main #formarea dd input[type="email"],#main #formarea dd input[type="tel"]{
width:98%;
border:1px solid #03b8df;
font-size:16px;
padding:6px;
outline: none;
height: 16px;
}
#main #formarea dd textarea{
width:98%;
border:1px solid #03b8df;
font-size:16px;
padding:6px;
outline: none;
height: 80px;
}
#main #formarea dd input[type="text"]#touroku_zip{width:150px; margin-bottom:2px;}

#main #formarea dd input[type="text"]:focus,#main #formarea dd input[type="email"]:focus,#main #formarea dd input[type="tel"]:focus,#main #formarea dd textarea:focus{
 border:#f7931e 1px solid; background:#fffcd9;}

blockquote{clear:both; background:#eee; width:96%; margin:5px auto; border:none; border-radius:8px; padding:1%; font-size:0.9rem; text-align: left;}
blockquote h2{font-size:1rem; line-height: 1.5rem; text-align: center;}
blockquote ul{width:90%; text-align: left; margin:5px auto;}
blockquote ul li{line-height: 1.4rem;}
blockquote p{line-height: 1.4rem;}

#main input[type="submit"]{
 border:none;
 display: block;
 margin:20px auto 10px;
 text-indent: 110%;
 overflow: hidden;
 white-space: nowrap;
 background:url(../images/btn_submit.png) top center;
 background-size:100% auto;
 width:250px;
 height: 66px;
 outline: none;
 cursor:pointer;
}
#main input[type="submit"]:hover{
 background:url(../images/btn_submit.png) bottom center;
 background-size:100% auto;
}

#footer{
border-top:1px solid #ccc;
margin:0 auto;
padding:0;
background: #eee;
width:100%;
}
#footer nav{width:98%; margin:0 auto;}
#footer nav ul{height:  40px; padding:15px 0;}
#footer nav ul li{float:left; line-height: 40px; font-size:1rem; width:50%; display: block; height: 40px;}
#footer nav ul li a{background:#fff; display: block; width:98%; height: 100%; margin:1%; border-radius:8px;}
#footer nav ul li a:hover{background:#666; color:#fff; text-decoration: none;}
#footer address{
 clear:both;
 font-style: normal;
 font-size:0.8rem;
 background:#ccc;
 height: 20px;
 padding:15px;
 text-shadow: 0.05rem 0.05rem 0 #fff;
}


#head{margin:0 auto; width:98%; height: auto; border:0 none; padding:0;}
#head img{width:100%; height: auto;}
#box{margin:0 auto; width:98%; border: 1px solid #ccc; padding:0.5%;}
#box h2{width:100%; background:#eee; margin:1px auto 20px; font-size:1.5rem; line-height: 3rem;}
#box h3{width:100%; border-bottom:2px solid #ccc; margin:20px auto 10px; font-size:1rem; line-height: 2rem; text-align: left;}
#box .text{text-align: left; width:90%; margin:0px auto 30px; font-size:0.7rem; line-height: 1.4rem;}
#box iframe{width:100%; margin-top:-20px;}

}


@media all and (min-width:768px){
#header{
margin:0 auto;
padding:0;
width:100%;
height: 90px;
border-top:#5ce 5px solid;
border-bottom:#ccc 1px solid;
background: #fff;
}
#header nav{width:980px; margin:0 auto;}
h1{
margin:0;
padding:15px 0;
display: block;
float: left;
width: 238px;
height: 60px;
}
h1 a{
display: block;
width:100%;
height: 100%;
background: url(../images/title_logo.svg) no-repeat center;
background-size: auto 100%;
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
}
#btn_phone{
display: block;
float:right;
width: 300px;
height: 60px;
padding:15px 0;
}
#btn_phone a{
margin:0;
padding:0;
display: block;
width:100%;
height: 100%;
background: url(../images/tel_no.svg) center no-repeat;
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
}

#main{width:100%; height: 100%; padding: 15px 0 30px;}
#main #formarea{width:980px; margin:10px auto;}
#main #formarea dt{
float:left;
width:250px;
margin-bottom:15px;

}
#main #formarea dt label{
text-align: left;
font-size:1rem;
font-weight: bold;
color:#007aff;
display: block;
line-height: 30px;
width:250px;
cursor:pointer;
}
.red{
margin-left:5px;
background:red;
color:#fff;
font-size:0.9rem;
padding:0 6px;
float:right;
}
.green{
margin-left:5px;
background: darkcyan;
color:#fff;
font-size:0.9rem;
padding:0 6px;
float:right;
}
#main #formarea dd{
 text-align: left;
 margin-left:260px;
 width:720px;
 line-height: 30px;
 margin-bottom:15px;
 font-size:1rem;
}
#main #formarea dd input[type="text"],#main #formarea dd input[type="email"],#main #formarea dd input[type="tel"]{
width:705px;
border:1px solid #03b8df;
font-size:16px;
padding:6px;
outline: none;
height: 16px;
}
#main #formarea dd textarea{
width:705px;
border:1px solid #03b8df;
font-size:16px;
padding:6px;
outline: none;
height: 80px;
}
#main #formarea dd input[type="text"]#touroku_zip{width:150px; margin-bottom:2px;}

#main #formarea dd input[type="text"]:focus,#main #formarea dd input[type="email"]:focus,#main #formarea dd input[type="tel"]:focus,#main #formarea dd textarea:focus{
 border:#f7931e 1px solid; background:#fffcd9;}

blockquote{clear:both; background:#eee; width:964px; margin:5px auto; border:none; border-radius:8px; padding:8px; font-size:0.9rem;}
blockquote h2{font-size:1rem; line-height: 1.5rem;}
blockquote ul{width:550px; text-align: left; margin:5px auto;}
blockquote ul li{line-height: 1.4rem;}
blockquote p{line-height: 1.4rem;}

#main input[type="submit"]{
 border:none;
 display: block;
 margin:20px auto 10px;
 text-indent: 110%;
 overflow: hidden;
 white-space: nowrap;
 background:url(../images/btn_submit.png) top center;
 width:415px;
 height: 110px;
 outline: none;
 cursor:pointer;
}
#main input[type="submit"]:hover{
 background:url(../images/btn_submit.png) bottom center;
}

#footer{
border-top:1px solid #ccc;
margin:0 auto;
padding:0;
background: #eee;
width:100%;
}
#footer nav{width:980px; margin:0 auto;}
#footer nav ul{float:right; height:  1.5rem; padding:15px 0;}
#footer nav ul li{float:left; line-height: 1.5rem; font-size:1rem; margin-left:20px;}
#footer nav ul li:before{
content: ' > ';
}
#footer address{
 clear:both;
 font-style: normal;
 font-size:1rem;
 background:#ccc;
 line-height: 2.5rem;
 text-shadow: 0.05rem 0.05rem 0 #fff;
}

#head{margin:0 auto; width:980px; height: 449px; border:0 none; padding:0;}
#head img{width:100%; height: auto;}
#box{margin:0 auto; width:980px; border: 1px solid #ccc;}
#box h2{width:978px; background:#eee; margin:1px auto 20px; font-size:2rem; line-height: 3rem;}
#box h3{width:968px; border-bottom:2px solid #ccc; margin:20px auto 10px; font-size:1.5rem; line-height: 2rem; text-align: left;}
#box .text{text-align: left; width:898px; margin:0px auto 30px; font-size:1rem; line-height: 1.6rem;}
#box iframe{width:978px; margin-top:-20px;}
}