#intro-layer {background-image: radial-gradient(#fff, #fff, #ccc);}


.intro-lead {text-align: center; font-size: 160%; font-weight: bold; padding: 40px 0 20px;}

@media only screen and (min-width: 601px) {

	#intro-copy {max-width: 780px; padding: 0 10px; margin: 0 auto; line-height: 28px; text-align: justify; font-size: 140%;}
	.feat-icons {display: block; width: 100%; margin: 0; padding: 30px 0 35px;}
	.feat-icons-inner {max-width: 780px; margin: 0 auto;}
	.feat-icons-sp span {display:inline;}
	.feat-icons-sp em.wrap-r:after {content:"\a"; white-space: pre;}
		.feat-icons-sp a	{text-decoration: none; display: block; transition: 0.9s; color: #343434 !important;}
		.feat-icons-sp:active, .feat-icons-sp:hover 	{color: #fff; background: #ce0e2d; transition: 0.8s;}		
	.feat-icons-sp {float: left; width: 15.5%; padding-bottom: 15.5%; height: 0; margin: 0 4.75%; text-align: center; font-size: 140%; border-radius: 50%; position: relative; display: block;}
	.feat-icons-sp .center-t {margin: 0 auto; position: absolute;  top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.feat-icons-sp .fa {margin-bottom: 4px;}
	
}
@media only screen and (max-width: 600px) {

	#intro-copy {max-width: 94%; margin: 0 auto; line-height: 28px; text-align: justify; font-size: 140%;}
	.feat-icons {display: block; width: 100%; margin: 0; padding: 25px 0 15px;}
	.feat-icons-inner {max-width: 96%; margin: 0 auto;}
	.feat-icons-sp span {display:inline;}
	.feat-icons-sp em.wrap-r:after {content:"\a"; white-space: pre;}
		.feat-icons-sp a	{text-decoration: none; display: block; transition: 0.9s; color: #343434 !important;}
		.feat-icons-sp:active, .feat-icons-sp:hover 	{color: #fff; background: #000; transition: 0.8s;}
	.feat-icons-sp {float: left; width: 28%; color: #fff; padding-bottom: 28%; height: 0; margin: 20px 11% 35px; text-align: center; font-size: 140%; border-radius: 50%; position: relative; display: block; background: #ce0e2d;}	
	.feat-icons-sp .center-t {margin: 0 auto; position: absolute;  top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.feat-icons-sp .fa {margin-bottom: 4px;}


/*
	.feat-icons {}
	.feat-icons-inner {max-width: 250px; margin: 0 auto;}
	.feat-icons-sp span {}
	.feat-icons-sp .fa {display: none !important;}
	.feat-icons-sp em.wrap-r:after {content: "\0020";}
		.feat-icons-sp a	{}
		.feat-icons-sp:active, .feat-icons-sp:hover 	{}		
	.feat-icons-sp {}
	.feat-icons-sp .center-t { }		
*/		
		
}


@media print {

	.feat-icons {display: block; width: 100%; margin: 0; padding: 25px 0;}
	.feat-icons-inner {max-width: 780px; margin: 0 auto;}
	.feat-icons-sp span {display:inline;}
	.feat-icons-sp em.wrap-r:after {content:"\a"; white-space: pre;}
		.feat-icons-sp a	{text-decoration: none; display: block; transition: 0.9s; color: #343434 !important;}				
	.feat-icons-sp {float: left; width: 15.5%; padding-bottom: 15.5%; height: 0; margin: 0 4.75%; text-align: center; font-size: 140%; border-radius: 50%; position: relative; display: block;}
	.feat-icons-sp .center-t {margin: 0 auto; position: absolute;  top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.feat-icons-sp .fa {margin-bottom: 4px;}
	
}