@charset "utf-8";
#index-kv { background: url(../img/bg-ptn-1.jpg) 50% 50%;}
#index-kv .inner-kv { padding: 230px 0 180px;}
#index-kv h2 { text-align: center;}
#index-kv h2 img { width: 80%; max-width: 640px;}
@media (max-width: 481px) {
	#index-kv { background-size: auto 100%;}
}

.wrap { background: url(../img/bg-ptn-2.jpg);}

#index-lead .inner { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; padding: 200px 0 50px;}
#index-lead .icn { width: 100%; position: absolute; left: 0; top: 35px; text-align: center;}
#index-lead .icn a { display: block; width: 68px; margin: 0 auto; transition: 0.3s linear;}
#index-lead .icn a img { width: 100%;}
#index-lead .icn a:hover { opacity: 0.5;}
#index-lead h2 { margin-bottom: 25px; color: #fff; font-size: 36px; text-align: center; text-shadow: 2px 2px 5px #000;}
#index-lead h2 span { display: block; font-size: 22px; text-shadow: 2px 2px 5px #000;}

/*
#index-lead.pageNav ul li a:before{ content: ''; display: block; position: absolute;
 width: 17px; height: 17px; left: 50%; bottom: 20px;
 border-bottom: solid 2px #000; border-right: solid 2px #000; transform: translate(-50%,0) rotate(45deg);
}
#index-lead.pageNav ul li.all a:before{ content: none;}
*/
@media (max-width: 641px) {
/*
	#index-lead.pageNav ul { padding-bottom: 80px;}
	#index-lead.pageNav ul li { display: inline-block; width: 50%; margin: 0 auto 20px;}
	#index-lead.pageNav ul li:nth-child(even) a { margin: 0 auto 0 0;}
	#index-lead.pageNav ul li:nth-child(odd) a { margin: 0 0 0 auto;}
	#index-lead.pageNav ul li a:before{ content: none;}
	#index-lead.pageNav ul li.all { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0 auto;}
	#index-lead.pageNav ul li.all a { width: 100%; padding: 25px 0;}
	#index-lead.pageNav ul li.all a span { position: relative; top: auto; transform: translate(0,0);}
	#index-lead.pageNav ul li a em { font-size: 18px;}
*/
}
@media (max-width: 481px) {
	#index-lead .inner { padding: 120px 0 40px;}
	#index-lead .icn a { width: 40px;}
	#index-lead h2 { font-size: 24px;}
	#index-lead h2 span { font-size: 18px;}
/*
	#index-lead.pageNav ul { padding-bottom: 76px;}
	#index-lead.pageNav ul li { margin: 0 auto 14px;}
	#index-lead.pageNav ul li a em { font-size: 15px;}
*/
}
 


.sct .stl p { color: #b2b2b2;}


#reco .ctn { justify-content: space-between;}
#reco .ctn .model-box { width: 33%;}
#reco .ctn .model-box ul { padding: 10px 0 25px;}
#reco .ctn .model-box ul li { padding-left: 120px; font-size: 16px;}
#reco .ctn .model-box ul li span { top: 2px; width: 100px; font-size: 14px;}
#reco .ctn .model-box span.more { font-size: 18px;}
@media (max-width: 801px) {
	#reco .ctn { display: block;}
	#reco .ctn .model-box { width: 94%; max-width: 600px; margin: 0 auto 40px;}
	#reco .ctn .model-box:last-child { margin: 0 auto;}
	#reco .ctn .model-box ul { width: 94%; padding: 15px 0;}
	#reco .ctn .model-box ul li { display: inline-block; padding-left: 90px; font-size: 14px; vertical-align: top;}
	#reco .ctn .model-box ul li:nth-child(even) { width: 45%;}
	#reco .ctn .model-box ul li:nth-child(odd) { width: 55%;}
	#reco .ctn .model-box ul li.type{ width: 100% !important;}
	#reco .ctn .model-box ul li span { width: 80px; font-size: 12px;}
}
@media (max-width: 481px) {
	#reco .ctn .model-box:last-child { margin: 0 auto;}
	#reco .ctn .model-box .inner { width: 100%;}
	#reco .ctn .model-box ul li { padding-left: 65px; font-size: 11px;}
	#reco .ctn .model-box ul li span { width: 60px; font-size: 10px;}
}