@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */


.areaWrap h1{
	text-align:center;
	font-weight:500;
}
.areaWrap .lead{
	text-align:center;
	font-weight:400;
	line-height:2;
}
.areaWrap .lead:before{
	content:"";
	display:block;
	border-top:1px solid #7f7f7f;
	position:relative;
	left:50%;
}
.areaWrap.first ul li .dtlBtn{
	display:block;
	background:url(../images/common/pdfIcon.png) no-repeat #ffffff;
	border:1px solid #333333;
	line-height:1;
	font-weight:500;
	font-size:110%;
	color:#333333;
}
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:450px){
	.areaWrap.first ul li .dtlBtn{
		width:51%;
		padding:8% 0 8% 29%;
		margin:8% auto 0;
		background-position:15% 50%;
		background-size:13% auto;
	}
}

@media screen and (min-width:451px) and (max-width:550px){
	.areaWrap.first ul li .dtlBtn{
		width:49%;
		padding:8% 0 8% 31%;
		margin:8% auto 0;
		background-position:22% 50%;
		background-size:13% auto;
	}
}
@media screen and (min-width:551px) and (max-width:600px){
	.areaWrap.first ul li .dtlBtn{
		width:45%;
		padding:8% 0 8% 35%;
		margin:8% auto 0;
		background-position:24% 50%;
		background-size:13% auto;
	}
}
@media screen and (min-width:601px) and (max-width:840px){
	.areaWrap.first ul li .dtlBtn{
		width:45%;
		padding:8% 0 8% 35%;
		margin:8% auto 0;
		background-position:26% 50%;
		background-size:13% auto;
	}
}

@media screen and (max-width:840px){
	.areaWrap h1{
		font-size:4.8vw;
	}
	.areaWrap .lead{
		width:90%;
		font-size:2.8vw;
		font-weight:400;
		margin:12% auto 0;
	}
	.areaWrap .lead:before{
		width:24px;
		margin-left:-12px;
		top:-25px;
	}

/* ---------------------------------- */

	.areaWrap.first{
		padding:15% 0;
	}
	.areaWrap.first ul{
		width:90%;
		margin:0 auto;
	}
	.areaWrap.first ul li{
		width:47%;
		margin-top:10%;
	}
	.areaWrap.first ul li:nth-child(odd){float:left;}
	.areaWrap.first ul li:nth-child(even){float:right;}
	.areaWrap.first ul li:nth-of-type(1),
	.areaWrap.first ul li:nth-of-type(2){
		margin-top:0;
	}
	.areaWrap.first ul li .imgBox{
		box-shadow:2px 2px 6px rgba(0,0,0,0.4);
	}
	.areaWrap.first ul li .imgBox div{
		width:100%;
		/*height:230px;*/
		background:#bbb;
	}
}

/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:841px){
	.mainVisWrap{
		height:400px;
		background:url(../images/catalog/mainVisImg.jpg) 50% 50% no-repeat;
		background-size:cover;
	}

/* ---------------------------------- */

	.areaWrap h1{
		font-size:240%;
		line-height:1;
	}
	.areaWrap .lead{
		font-size:130%;
		font-weight:400;
		margin:80px 0 0 0;
	}
	.areaWrap .lead:before{
		width:40px;
		margin-left:-20px;
		top:-40px;
	}

/* ---------------------------------- */

	.areaWrap.first{
		padding:120px 0;
	}
	.areaWrap.first ul{
		width:960px;
		margin:0 auto;
	}
	.areaWrap.first ul li{
		width:300px;
		float:left;
		margin-right:30px;
		margin-top:40px;
	}
	.areaWrap.first ul li:nth-of-type(1),
	.areaWrap.first ul li:nth-of-type(2),
	.areaWrap.first ul li:nth-of-type(3){
		margin-top:0;
	}

	.areaWrap.first ul li:nth-of-type(3),
	.areaWrap.first ul li:nth-of-type(6),
	.areaWrap.first ul li:nth-of-type(9),
	.areaWrap.first ul li:nth-of-type(12),
	.areaWrap.first ul li:nth-of-type(15){
		margin-right:0;
	}
	.areaWrap.first ul li .imgBox{
		box-shadow:2px 2px 6px rgba(0,0,0,0.4);
	}
	.areaWrap.first ul li .imgBox div{
		width:100%;
		/*height:400px;*/
		background:#bbb;
	}
	.areaWrap.first ul li .dtlBtn{
		width:100px;
		padding:15px 0 15px 60px;
		margin:20px auto 0;
		background-position:30px 10px;
		background-size:20px auto;
	}

}