@charset "utf-8";



/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 690px){
	
	
	
.exampleHanger{padding-top: 20px;}
.exampleHanger dl{
	width: 100%;
	margin: 20px 0 0 0;
	padding: 20px;
	border: 7px solid var(--green2);
	border-radius: 15px;
}
.exampleHanger dl:nth-of-type(2n){margin: 20px 0 0 0;}
.exampleHanger dl dt strong{
	font-size: 4.8vw;
	height: 60px;
}
.exampleHanger dl dt strong::before{
	width: 25px;
	top: calc(50% - 5px);
	left: -35px;
}
.exampleHanger dl dt span{height: 60vw;}
.exampleHanger dl dd{
	margin-top: 10px;
	font-size: 1.5rem;
}
.exampleHanger dl dd strong{font-size: 1.7rem;}
.exampleHanger dl dd span:first-of-type{width: 80px;}
.exampleHanger dl dd span:last-of-type{width: calc(100% - 80px);}

main h4{margin-top: 70px;}
	
main h5.client{
	padding-left: 90px;
	font-size: 4.5vw;
}

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;}
	
	
	
}