@charset "utf-8";

@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700|Oswald:400,300,700);

/*===========================

   sp layout

===========================*/	
.program .heading{
	font-size:16px;
	letter-spacing:3px;
	font-weight:500;
	color:#e87f2b;
	text-align:center;
	padding:35px 5% 20px;
}
.program .heading:before{
	content:'';
	display:block;
	background:url(../../images/ico_product.png) no-repeat;
	background-size:contain;
	width:80px;
	height:80px;
	margin:0 auto;
	padding:0 0 20px 0;
}
.program{
	overflow: hidden;
}
.program .inner{
	border-bottom:1px solid #e5e5e5;
}
.program .inner .image{
	padding:30px 40px 20px;
}
.intro{
	background:#fff;
	width: 90%;
	margin:0 auto 45px;
	box-shadow:0 0 7px #e8e8e8;
}
.intro .inner h3{
	color:#46b7b7;
	font-size:18px;
	font-weight:500;
	padding:0 0 15px 20px;
}
.intro .inner .lead{
	margin:0 20px 30px;
	font-size:13px;
	line-height:1.5;
}
.intro ul{
	padding:25px 20px 0;
}
.intro ul li{
	padding-bottom:40px;
}
.intro ul li h3{
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	padding-bottom:10px;
}
.intro li p{
	height:auto;
	font-size:13px;
	line-height:1.5;
	padding-bottom:15px;
}
.program .detail{
	background:#79cc17;
	font-size:14px;
	text-align:center;
	border-radius:6px;
	position: relative;
}
.program .detail a{
	padding:13px 0;
	color:#fff;
}
.program .detail a:after{
	content:none;
}
.program .detail i{
	position: absolute;
	right:3%;
}

@media screen and (min-width:769px) {
	
/*===========================

    pc layout

===========================*/	

.program .heading{
	padding:60px 0 50px;
}
.program .heading:before{
	width:98px;
	height:98px;
}
.program .inner{
	overflow: hidden;
	padding:45px 50px 35px;
	margin-bottom:35px;
}
.program .inner .image{
	width: 300px;
	float: left;
	padding:0 20px 0 0;
}
.intro .inner h3{
	padding:0 0 20px 0;
}
.intro .inner .lead{
	margin:0 auto;
	font-size:14px;
	line-height:1.7;
}
.intro{
	max-width: 890px;
	margin-bottom:60px;
}
.intro ul{
	max-width: 840px;
	margin:0 auto;
	padding:0;
	overflow: hidden;
}
.intro ul li{
	width: 28%;
/*	width: 230px;*/
	float: left;
	padding:0 2.66% 60px;
}
.intro ul li p{
	font-size:14px;
	line-height:1.7;
}
.program .detail a{
	padding:9px 0;
	transition:all 0.25s;
}
.program .detail a:hover{
 background:#94d645;
	border-radius:6px;
}

}

