@charset "utf-8";



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

dl.recruitIntro{
	border-radius: 20px;
	border: 8px solid var(--green1);
}
dl.recruitIntro dt{
	font-size: 6.0vw;
	letter-spacing: 1px;
	padding: 30px 20px;
}
dl.recruitIntro dd{
	font-size: 1.6rem;
	text-align: center;
	padding: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
	
.dataHanger{
	margin-top: 20px;
	-webkit-box-pack: center;
	justify-content: center;
}
.dataHanger dl{
	width: calc(50% - 10px);
	aspect-ratio: 1 / 1;
	padding: 0 10px;
	border: 7px solid var(--green2);
	border-radius: 15px;
	margin: 20px 0 0 0;
}
.dataHanger dl:nth-of-type(2){margin: 20px 0 0 20px;}
.dataHanger dl dt{
	font-size: 4.0vw;
	padding-bottom: 20px;
}
.dataHanger dl dt::before{
	width: 40px;
	height: 4px;
	left: calc(50% - 20px);
}
.dataHanger dl dd{
	font-size: 13.0vw;
	padding-top: 15px;
}
.dataHanger dl dd small{font-size: 7.0vw;}
.dataHanger dl dd span{
	font-size: 1.3rem;
	margin-top: 5px;
}
	
main ul{margin-top: 10px;}
main ul li{
	width: 100%;
	font-size: 1.6rem;
	padding: 15px 0 15px 15px;
}
main ul li::before{top: 25px;}
main ul li:nth-of-type(2n){margin-left: 0;}
	
	
	
}