@charset "utf-8";
/* CSS Document */

.about{
	padding:100px 0 120px;
	box-sizing:border-box;
	text-align:center;
	background-image:url(../img/top/bg-01.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:1920px auto;
}
.about > div > p{
	margin-bottom:75px;
}

.news{
	padding:100px 0 185px;
	box-sizing:border-box;
	text-align:center;
	overflow:hidden;
}
.news > div > h3{
	text-align:center;
}
.news > div .news-wrap{
	height:200px;
	overflow-y:scroll;
	margin:40px 0;
}
.news > div dl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	-webkit-box-align: flex-start;
	ms-flex-align: flex-start;
	align-items: flex-start;
	text-align:left;
	margin-bottom:20px;
}
.news > div dl dt,
.news > div dl dd{
	font-size:16px;
	line-height:36px;
	letter-spacing:1px;
}
.news > div dl dt{
	font-weight:bold;
	color:#138bcd;
}
.news > div dl dd{
	margin-left:60px;
}
.news > div dl dd h3,
.news > div dl dd h3 a{
	font-weight:bold;
}
.news > div > h4{
	float:right;
}
.news > div > h4 a{
	display:block;
	font-size:15px;
	color:#138bcd;
	letter-spacing:1px;
	padding:8px 50px 8px 30px;
	border:1px solid #138bcd;
	border-radius:30px;
	background-image:url(../img/top/arrow.jpg);
	background-position:right 25px center;
	background-repeat:no-repeat;
	background-size:auto;
}

.contents{
	background-color:#FBFBFB;
	padding:70px 0 90px;
	box-sizing:border-box;
}
.contents > div ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: flex-start;
	ms-flex-align: flex-start;
	align-items: flex-start;
}
.contents > div ul li{
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
	width:31%;
}
.contents > div ul li a{
	display:block;
	padding:35px 35px 20px;
	box-sizing:border-box;
}
.contents > div ul li a img{
	display:block;
	margin:0 auto;
}
.contents > div ul li a h4{
	text-align:center;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	color:#35b0d0;
	margin:35px 0 30px;
}
.contents > div ul li a p{
	font-size:16px;
	font-weight:500;
	line-height:23px;
	letter-spacing:1px;
}

.products{
	padding-top:110px;
}
.products > div p{
	text-align:center;
	margin-bottom:80px;
}
.products > ul{
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: flex-start;
	ms-flex-align: flex-start;
	align-items: flex-start;*/
	max-width:1160px;
	margin:0 auto;
}
.products > ul li{
	/*width:20%;*/
}
.products > ul li a{
	display:block;
	padding:50px 40px;
	box-sizing:border-box;
	background-image:url(../img/top/p-bg-01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.products > ul li a:hover{
	opacity:0.75;
}
.products > ul li.item-02 a{
	background-image:url(../img/top/p-bg-02.jpg);
}
.products > ul li.item-03 a{
	background-image:url(../img/top/p-bg-03.jpg);
}
.products > ul li.item-04 a{
	background-image:url(../img/top/p-bg-04.jpg);
}
.products > ul li.item-05 a{
	background-image:url(../img/top/p-bg-05.jpg);
}
.products > ul li a h3{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:28px;
	letter-spacing:1px;
	color:#FFFFFF;
	border:2px solid #FFFFFF;
	padding:45px 25px;
	box-sizing:border-box;
}
.products > ul li a h3 span{
	display:block;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFFFFF;
}
.products > ul li p{
	text-align:center;
	font-size:16px;
	line-height:30px;
	letter-spacing:1px;
	padding:25px 0;
	border:1px solid #CDCDCD;
	box-sizing:border-box;
}