@charset "utf-8";
*{ margin:0; padding:0;}
/*↓問い合わせ*/
#contact #gallery{
      display:block;
      width:1020px;
      margin:0 auto;
      box-sizing:border-box;
      padding:0 20px;
}
#contact dl{
    background:#1975d1;
    overflow:hidden;
    margin:0;
    width:700px;
    font-size:14px;
}
#contact dt{
    width:160px;
    text-align:left;
    color:#fff;
    background:#1975d1;
    padding:10px;
    margin:0;
    float:left;
    clear:both;
}
#contact dd a{
             color:#f33;
}
#contact dd a:hover{
              color:#000;
}
#contact dd{
    margin:0;
    background:#f5f5f5;
    padding:10px;
    width:500px;
    float:left;
    border-bottom:1px solid #ccc;
}
#contact button{ 
        margin-top:20px;
        margin-bottom:20px;
        width:120px;
        height:60px;
}
#contact h4{
           margin:0;
}
#contact h4 a:hover{
                   color:#f00;
}
#contact h3.tel{  
           font-size:50px;
	   line-height:100px;
           margin:20px;
           color:#000;
           padding-left:90px;
	   background-image:url("../images/tel2.png");
	   background-repeat:no-repeat;
           background-size:10%;
}
#contact h5{
         color:#f33;
         font-size:14px;
}
#contact h3.tel span{
	font-size:17px;
	vertical-align:10px;
	padding-left:20px;
}
/*↑問い合わせここまで*/
#contact #navBotan { position:fixed; right:13px; top:13px; width:30px;
	height:40px; background:#FFFFFF; border-radius:5px; 
	border:solid 1px #3E4B51; padding:10px; z-index:10; }
#contact #navBotan div {position:relative} 
#contact #navBotan span {display:block; position:absolute; width:100%;
    border-bottom:solid 3px #3E4B51;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#contact #navBotan p{ padding-top:25px; text-align:center; font-size:9px; color:#3E4B51; }
#contact #navBotan span:nth-child(1) {top:0}
#contact #navBotan span:nth-child(2) {top:11px}
#contact #navBotan span:nth-child(3) {top:22px}
/* Click Toggle(Button) */
/*最初のspanをマイナス45度に*/
#contact .openNav #navBotan span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)}
/*2番目と3番目のspanを45度に*/
#contact .openNav #navBotan span:nth-child(2),
#contact .openNav #navBotan span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)}
#contact .openNav nav {
    -moz-transform: translateY(351px);
    -webkit-transform: translateY(351px);
    transform: translateY(351px)}
/*↑ナビボタン*/
/*スマホ対応*/
@media (max-width:768px){
	
	#contact #gallery{
		width:100%;
	}
	.banner{
		width:100%;
		overflow:hidden;
	}
        #contact dl{
                width:100%;
 }
#contact h3.tel {
    font-size: 30px;
    line-height: 100px;
    margin-left: 20px;
    color: #000;
    padding-left: 50px;
    background-image: url("../images/tel2.png");
    background-repeat: no-repeat;
    background-size: 15%;
    background-position: left;
}

#contact h3.tel span{
                     float:left;
}
         h4{
            text-align:center;
 }
}
/*スマホ対応ここまで*/