@charset "UTF-8";

/** 
 * #main
 */
@media only screen and (max-width:767px) {
	#main {
		background-size:10px 230px;
	}
}

/** 
 * #mv
 */
#mv {
	position:relative;
	background-image:url(../img/material_mv.jpg);
}
@media only screen and (max-width:767px) {
}

/** 
 * #sec0
 */
#sec0 h2 {
	margin:100px 0 60px 0;
	font-weight:200;
}
#sec0 ul {
	border-bottom:dashed 1px #ccc;
	margin-bottom:120px;
}
#sec0 ul li {
	position:relative;
	padding:50px 0;
	border-top:dashed 1px #ccc;
}
#sec0 ul li .img {
	position:absolute;
	float:left;
	top:50%;
	transform:translateY(-50%);
	width:24%;
	text-align:center;
}
#sec0 ul li .txt {
	float:right;
	width:73%;
}
 
#sec0 ul li .txt h3 {
	color:#fd8204;
}
#sec0 ul li .txt p {
	margin-bottom:0.5em;
}
#sec0 ul li .btns {
	margin-top:40px;
	text-align:left;
}
@media only screen and (max-width:767px) {
	#sec0 h2 {
		margin:60px 0 30px 0;
	}
	#sec0 ul {
		margin-bottom:90px;
	}
	#sec0 ul li {
		padding:40px 0 90px 0;
	}
	#sec0 ul li .img {
		position:static;
		float:none;
		top:0;
		transform:translateY(0);
		width:100%;
		margin-bottom:30px;
	}
	#sec0 ul li .txt {
		float:none;
		width:100%;
	}
	#sec0 ul li .btns {
		margin-top:40px;
		text-align:center;
	}
	#sec0 ul li .btns .btn {
		width:100%;
	}
}