@charset "utf-8";



/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){
	
a:focus{outline: none;}

br.smp{display: block;}
br.pc{display: none;}
	
.blockskip a{
	padding: 10px;
	font-size: 1.4rem;
}
	
.blockskip a{
	padding: 10px;
	font-size: 1.6rem;
}
	
.slider .slick-slide{width: 800px;}



/**************************************************
 header
**************************************************/
header{
	min-width: auto;
	height: 60px;
}
header.scroll{height: 60px;}
	
header h1{padding-left: 20px;}
header h1 img{width: 165px;}
header.scroll h1 img{width: 165px;}

#globalNavi{padding: 0 20px;}
.gnInner{
	padding: 20px;
	border-radius: 20px;
}
#globalNavi ul{
	width: 100%;
	margin: 20px 0 0 0;
}
#globalNavi ul:last-of-type{margin: 20px 0 0 0;}
#globalNavi ul:first-of-type{margin: 0;}
#globalNavi ul li{
	font-size: 1.8rem;
	letter-spacing: 1px;
	margin-top: 20px;
}
#globalNavi ul li:first-of-type{margin-top: 0;}
#globalNavi ul li a::before,
#globalNavi ul li span::before{height: 4px;}
#globalNavi ul li ul{
	padding-top: 15px;
}
#globalNavi ul li ul li{
	font-size: 1.6rem;
	margin-top: 15px;
}

#menu{
	width: 80px;
	height: 40px;
	top: 10px;
	right: 20px;
}
header.scroll #menu{top: 10px;}
#menu span{top: 11px;}
#menu span:nth-of-type(2){top: 19px;}
#menu span:nth-of-type(3){top: 27px;}
#menu.open span{
	top: 19px;
	left: calc(50% - 16px);
}

	
	
	
/**************************************************
 wrapper
**************************************************/
#wrapper{
	min-width: 100%;
	top: 0;
}
	
.fixedBtn{
	position: fixed;
	top: auto;
	bottom: 0;
	width: 100%;
	z-index: 999;
}
.fixedBtn a{
	width: 100%;
	height: 50px;
	font-size: 1.7rem;
	letter-spacing: 2px;
	writing-mode: horizontal-tb;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 0;
	border-top-right-radius: 15px;
}
	
	
	
/**************************************************
 contact
**************************************************/
#contact{
	padding: 50px 20px 60px 20px;
	border-radius: 40px;
	margin-top: -41px;
}

#contact h2{
	width: 100%;
	font-size: 13.5vw;
	text-align: center;
	padding: 30px 0 0 0;
}
#contact h2 small{
	font-size: 4.0vw;
	padding: 15px 0 0 0;
}
#contact h2::before{
	height: 6px;
	top: 0;
	left: calc(50% - 20px);
}

.contactInfo{
	width: 100%;
	margin-top: 40px;
}
.contactInfo dl dt{
	font-size: 13.0vw;
	letter-spacing: 2px;
	display: block;
	text-align: center;
}
.contactInfo dl dt img{
	display: block;
	width: 70px;
	margin: 0 auto 10px auto;
}
.contactInfo dl dd{
	font-size: 3.5vw;
	letter-spacing: 0;
	text-align: center;
}

.inquiryBtn{margin-top: 50px;}
.inquiryBtn a{
	width: 100%;
	height: 70px;
	font-size: 2.2rem;
}
.inquiryBtn a svg{
	margin-right: 10px;
	transform: scale(0.85);
}



/**************************************************
 footer
**************************************************/
footer{
	padding: 50px 20px 170px 20px;
}

footer dl{
	width: 100%;
	text-align: center;
}
footer dl dt img{width: 250px;}
footer dl dd{padding-top: 15px;}

footer nav{
	width: 100%;
	margin-top: 60px;
}
	
footer nav ul{width: 50%;}
footer nav > ul:last-child{
	width: 100%;
	display:-webkit-box;
  	display:flex;
	flex-wrap: wrap;
}
footer nav ul li{
	font-size: 1.4rem;
	margin-top: 25px;
}
footer nav > ul:last-child li{
	width: 50%;
	margin-top: 25px;
}
footer nav ul li ul li{
	font-size: 1.4rem;
	margin-top: 20px;
	padding-left: 36px;
}

.copyRight{
	position: static;
	width: 100%;
	text-align: center;
	margin-top: 70px;
}

footer .slideObj{bottom: 60px;}

	


}