@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------------------------------------------------------

   Footer

--------------------------------------------------------------------------------------------- */
footer{
	width: 100%;
	padding: 50px 0 125px 0;
    background: #ff6666;
}

@media screen and (max-width:700px) {

footer{
	padding: 50px 0 175px 0;
}

}

.foot-copy{
    text-align: center;
    color: #fff;
}

.foot-logo img{
    width: 350px;
    height: auto;
    margin: 0 auto 25px auto;
}
@media screen and (max-width:360px) {
    
.foot-logo img{
    width: 100%;
}
    
}
    
.first-consultation{
    text-align: center;
    font-weight: bold;
    color: #fff;
}
.first-consultation span{
    color: #ff0;
    font-weight: bold;
}

.foot-tel,.foot-fax{
    text-align: center;
    color: #fff;
    font-family: 'Urbanist', sans-serif;
    line-height: 1.5;
}
footer .fa-phone-square-alt,footer .fa-fax{
    color: #fff;
}

.appointment{
    width: 100%;
    margin: 25px auto 50px auto;
}
.appointment th,.appointment td{
    color: #fff;
	font-size: clamp(14px, 2vw, 16px);
    line-height: 1.5;
    border-bottom: 0.5px solid #fff;
    vertical-align: middle;
}
.appointment th{
    text-align: right;
    padding: 10px 25px 10px 0;
}
.appointment td{
    padding: 10px 0;
}


.foot-nav{
    width: 100%;
}
.foot-nav ul{
    flex-wrap: wrap;
    display: flex;
    justify-content: space-around;
}
.foot-nav ul li{
    text-align: center;
	font-size: clamp(14px, 2vw, 16px);
}
.foot-nav ul li a{
    display: block;
    color: #fff;
}
.foot-nav ul li a:hover{
    opacity: 0.75;
}

.fa-chevron-circle-right{
	font-size: clamp(14px, 2vw, 16px);
	color: #ffe4e1;
}




/* ---------------------------------------------------------------------------------------------

  Clone-nav フッター固定 Tel,無料体験,Map

--------------------------------------------------------------------------------------------- */
.clone-nav {/*共通*/
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75px;
    background: #333;
  transition: .3s;
  transform: translateY(100%);
    z-index: 5;
}
.is-show {/*共通*/
  transform: translateY(0);
}

#clone-link ul li a{/*共通*/
	display:block;
	float:left;
	cursor:pointer;
	text-decoration:none;
	padding:15px 2%;
}

@media screen and (max-width:900px) {

.clone-nav {
  height: 85px;
}
    
#clone-link ul li a{/*共通*/
	padding:25px 2%;
}
    
}


/* Copyright
-----------------------------------------------------------*/
footer .copy{
    margin: 50px auto 0 auto;
    text-align: center;
    color: #fff;
	font-size: clamp(12px, 3vw, 14px);
    font-family: 'Urbanist', sans-serif;
}






/* 電話をする
-----------------------------------------------------------*/
#clone-link ul li.foot-tel a{
	width:32.5%;
	background: #6592c0;
}
#clone-link ul li.foot-tel a:hover{
	opacity:0.75;
}
#clone-link ul li.foot-tel a .tel-asking{
	text-align:center;
	color:#fff;
	font-size: clamp(14px, 3vw, 18px);
	line-height: 1;
	font-weight: bold;
}
.clone-nav .fa-phone-square-alt{
	color: #fff;
}


/* WEB予約 
-----------------------------------------------------------*/
#clone-link ul li.foot-reserve a{
	width:35%;
	background: #ca4b4a;
}
#clone-link ul li.foot-reserve a:hover{
	opacity:0.75;
}
#clone-link ul li.foot-reserve a .reserve-asking{
	text-align:center;
	color:#fff;
	font-size: clamp(14px, 3vw, 18px);
	line-height: 1;
	font-weight: bold;
}
.clone-nav .fa-keyboard{
	color: #fff;
}


/* Googleマップ
-----------------------------------------------------------*/
#clone-link ul li.foot-map a{
	width:32.5%;
	background: #6592c0;
}
#clone-link ul li.foot-map a:hover{
	opacity:0.75;
}
#clone-link ul li.foot-map a .map-asking{
	text-align:center;
	color:#fff;
	font-size: clamp(14px, 3vw, 18px);
	line-height: 1;
	font-weight: bold;
}
.clone-nav .fa-map-marker-alt{
	color: #fff;
}