@charset "UTF-8";

/*事例共通*/

/*#top
---------------------------------------*/
#top{
	position: relative;
	padding-bottom: 30px;
	}

#top .lead{
	text-align: center;
	font-size: 20px;
	line-height: 38px;
	padding-top: 15px;
	}
	

/*.layout
---------------------------------------*/
.layout{
	position: relative;
	overflow: hidden;
	width: 939px;
	margin: auto;
	}

.layout h2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	padding-bottom: 30px;
	height: 50px;
	}

.layout .box{
	position: relative;
	overflow: hidden;
	width: 750px;
	margin: auto;
	padding-bottom: 50px;
	}

.layout .box .title{
	width: 100%;
	height: 64px;
	background:url(../images/common/layout_01_sub.png) no-repeat left top;
	overflow: hidden;
	}

.layout .box h3{
	font-size: 18px;
	font-weight: normal;
	color: #6A9D64;
	line-height: 63px;
	padding-left: 54px;
	float: left;
	}

.layout .box .name{
	float: right;
	font-size: 48px;
	color: #DCDCDC;
	font-family: 'Fjalla One', sans-serif;
	letter-spacing: 5px;
	line-height: 72px;
	}

.layout .box .text{
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
	padding-top: 20px;
	}

.layout .box  .visual{
	text-align: center;
	padding-top: 20px;
	}
	

/*#aside
---------------------------------------*/
#aside{
	position: relative;
	width: 940px;
	margin: auto;
	background:url(../images/common/line.png) no-repeat left top;
	padding-top: 9px;
	}

#aside .btn{
	text-align: center;
	padding: 60px 0 10px;
	}