@charset "utf-8";


/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){
	
	
	
/**************************************************
 loading
**************************************************/



/**************************************************
 heroImage
**************************************************/
#heroImage{
	height: 50vh;
	min-height: auto;
}

.heroCopy span{
	font-size: 4.5vw;
	letter-spacing: 0.1em;
	padding: 20px 20px;
	border-radius: 15px;
}
	
	
	
/**************************************************
 main
**************************************************/



/**************************************************
 article
**************************************************/
article{
	padding: 80px 20px;
	border-radius: 25px;
	margin-top: -26px;
}
article h2{font-size: 12.0vw;}
article h2 small{font-size: 4.0vw;}

.btnHanger{margin-top: 40px;}
.btnHanger a{font-size: 4.0vw;}



/**************************************************
 about
**************************************************/
.aboutInner{width: 100%;}

.aboutInner p{
	padding-top: 50px;
	font-size: 4.5vw;
}
.aboutInner p strong{
	font-size: 6.5vw;
	padding-bottom: 20px;
}

.aboutInner .btnHanger{margin-top: 60px;}



/**************************************************
 imageBg
**************************************************/
.imageBg{
	height: 100vw;
	margin-top: -26px;
	background: none;
	overflow: hidden;
	z-index: -1;
}
.imageBg img{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/**************************************************
 interview
**************************************************/
.interview{padding: 90px 20px;}
	
.interview h2{
	width: 100%;
	min-width: 100%;
}

.interview ul{
	margin-top: 50px;
	width: 100%;
	min-width: 100%;
}
.interview ul li{width: 100%;}
.interview ul li:nth-of-type(2){margin: 15% 0;}
.interview ul li a span{
	padding-right: 75px;
	font-size: 4.0vw;
}
.interview ul li a span strong{font-size: 6.0vw;}
.interview ul li a small{font-size: 4.0vw;}
.interview ul li a small::before{top: 1.1vw;}



/**************************************************
 topNavi
**************************************************/
.topNavi{
	padding: 90px 20px;
	margin-top: -26px;
}
	
.topNaviInner{
	width: 100%;
	min-width: 100%;
}

.naviWrapper{
	width: 100%;
	padding: 40px 20px;
	border-radius: 20px;
}
.naviWrapper:nth-of-type(1){margin: 0 0 10% 0}
.naviWrapper h2{font-size: 9.0vw;}
.naviWrapper h2 small{font-size: 4.0vw;}
.naviWrapper p{font-size: 4.0vw;}
	
	
	
}