@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: 100%;
	height: 60px;
	padding: 0 20px;
}
header.scroll{height: 60px;}

header h1 small{
	font-size: 1.1rem;
	margin-bottom: 5px;
}
header h1 img{width: 190px;}
header.scroll h1 small{font-size: 1.1rem;}
header.scroll h1 img{width: 190px;}

#globalNavi{
	position: absolute;
	width: 100%;
	height: calc(100dvh - 60px);
	top: 60px;
	left: 0;
	display:-webkit-box;
  	display:flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	background: #383838;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#globalNavi.show{
	visibility: visible;
	opacity: 1.0;
}
#globalNavi ul li{
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
#globalNavi ul li:first-of-type{margin: 10px 0;}
#globalNavi ul li a{
	display: block;
	padding: 5px 0;
	color: #FFFFFF;
}
#globalNavi ul li a::before{display: none;}

#menu{display: block;}

	
	
	
/**************************************************
 wrapper
**************************************************/
#wrapper{
	padding-top: 60px;
	min-width: 100%;
}



/**************************************************
 footer
**************************************************/
footer{margin-top: 60px;}

.contact{padding: 50px 20px;}
.contact h3{
	font-size: 5.6vw;
	letter-spacing: 2px;
}
.contact dl dt{
	font-size: 4.0vw;
	margin: 40px 0 20px 0;
}
.contact dl dd{font-size: 3.2vw;}
.contact dl dd a{
	color: #FFFFFF;
	/*pointer-events: none;*/
}
.contact dl dd a:hover{opacity: 0.5;}

.copyRight{
	padding: 20px 20px;
	font-size: 1.0rem;
}

	


}