@charset "utf-8";

*{
margin:0;
padding:0;
}

.clearfix{zoom:1;}
.clearfix:after{
content:"";
display:block;
clear:both;
}

body{
background-color:#fff;
}

header,h1,h2,h3,h4,th,footer,p,dl,table,ul,li,label,input{
font-family:"メイリオ",meiryo,"MS Pゴシック","MS PGothic","ヒラギノ角ゴProW3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
color:#222;
}

/*----------header------------*/

.wrapper{
width:100%;
margin:0;
}

header{
width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
}

header .logo{
width:13%;
float:left;
}

header h1 img{
width:100%;
height:auto;
margin-left:10px;
margin-top:20px;
}

header .tel{
float:right;
width:40%;
margin-top:20px;
}

header .tel img{
width:100%;
height:auto;
}

header p{
width:42%;
float:left;
}

header ul li{
width:100%;
list-style-type:none;
height:auto;
text-align:center;
}

header ul li:hover{
background-color:#ff0;
}

header ul li img{
margin:0;
}


/*------------------footer-------------------*/
footer{
width:100%;
height:70px;
background-color:#333;

}

.footer2{
width:100%;
height:70px;
margin-right:auto;
margin-left:auto;
}

.footer2 small{
display:block;
color:#fff;
text-align:center;
padding-top:25px;
}


/*----------お問い合わせフォーム------------*/
#form{
background-color:#4fc98f;
width:100%;
padding-top:50px;
padding-bottom:50px;
color:#333;
}

article{
border-radius:5px;
color: #222;
width:900px;
height:auto;
background-color:#fff;
margin-right:auto;
margin-left:auto;
padding:20px;
box-shadow:0px 0px 2px 1px #666;
}


#form .label{
color:#222;
box-sizing:border-box;
width:30%;
height:50px;
font-size:1.1em;
display:block;
float:left;
margin-bottom:30px;
padding-left:10px;
line-height:50px;
}

#form .label span{
font-size:0.8em;
margin-left:10px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-top:2px;
background-color:#f72859;
color:#fff;
border-radius:3px;
}

#form .input{
box-sizing:border-box;
width:68%;
height:50px;
float:right;
margin-bottom:30px;
border:1px solid #ccc;
box-shadow:0px 0px 1px 1px #eef inset;
border-radius:5px;
margin-left:10px;
font-size:1em;
padding-left:10px;
}

.input_toi{
width:68%;
height:300px;
float:right;
margin-bottom:50px;
font-size:1.2em;
border:1px solid #ccc;
box-shadow:0px 0px 1px 1px #eef inset;
border-radius:5px;
}

#form .input_ge{
box-sizing:border-box;
width:68%;
height:50px;
float:right;
margin-bottom:30px;
margin-left:10px;
font-size:1.2em;
line-height:50px;
border:1px solid #fff;
}

#form h1{
font-size:2em;
padding-left:10px;
}

#form p{
padding-left:10px;
margin-bottom:30px;
}

#form button{
clear:both;
display:block;
width:250px;
height:50px;
border:0px solid #fff;
background-color:#f72859;
color:#fff;
font-size:1.3em;
line-height:50px;
border-radius:5px;
}

#form button:hover{
opacity:0.8;
}

#form .shusei{
clear:both;
display:block;
width:250px;
height:50px;
border:0px solid #fff;
background-color:#afafaf;
color:#fff;
font-size:1.3em;
line-height:50px;
border-radius:5px;
margin-bottom:10px;
}


#form .shusei:hover{
opacity:0.8;
}

#form .label_con{
font-size:1.1em;
font-weight:600;
}

/*----------------------------------------------スマホ用---------------------------------------------*/
@media screen and (max-width:480px){
/*---------------header------------------*/
header{
width:100%;
height:auto;
margin-left:0;
margin-right:0;
}

header .logo{
width:60px;
}

header h1 img{
width:100%;
margin-left:10px;
margin-top:15px;
}

header .tel{
width:200px;
margin-top:10px;
margin-right:10px;
}

header .tel img{
width:100%;
height:auto;
}

header ul li{
height:25px;
}

/*---------------footer------------------*/


footer{
width:100%;
height:auto;
background-color:#333;
}

.footer2{
width:90%;
height:auto;
margin-right:auto;
margin-left:auto;
}

.footer2 small{
display:block;
color:#fff;
text-align:center;
padding-top:25px;
padding-bottom:25px;
}


/*---------------お問い合わせフォーム------------------*/

#form{
padding-top:30px;
padding-bottom:30px;
}

article{
box-sizing:border-box;
width:95%;
}

#form .label{
width:100%;
height:20px;
float:none;
padding-left:0px;
margin-bottom:10px;
font-size:1em;
line-height:1.5;
}

#form .input{
width:100%;
float:none;
margin:0;
margin-bottom:20px;
}

#form .input_ge{
width:100%;
float:none;
margin-bottom:10px;
margin-left:0;
}

#form .input_toi{
width:100%;
height:200px;
float:none;
margin-bottom:30px;
}

#form h1{
font-size:1.2em;
padding-left:0;
}

#form p{
font-size:0.925em;
padding-left:0;
margin-bottom:20px;
text-align:justify;
}

#form button{
width:100%;
}

#form .shusei{
width:100%;
}

#form .label_con{
font-size:1em;
font-weight:600;
}

}