@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gNavi .navi03 a {
	color: #7DC170;
}

.pageTitle {
	margin-bottom: 78px;
}

.pageTitle .bg {
	background-image: url(../img/common/page_title_bg03.jpg);
}

.pageTitle h2 span {
	letter-spacing: 10px;
}

#main {
	margin-bottom: 158px;
}

#main .topText {
	margin-bottom: 254px;
	font-size: 16px;
	text-align: center;
}

#main .refollet {
	margin-bottom: 327px;
}

#main .refollet p {
	margin-bottom: 53px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
}

#main .refollet .headLine02 {
	margin-bottom: 18px;
}

#main .refollet .headLine02:before {
	top: -194px;
}

#main .refollet .youtube01 {
	margin: 0 auto 68px;
	width: 564px;
}

#main .refollet .youtube01 frame {
	width: 100%;
	height: 375px;
	vertical-align: top;
}

#main .refollet .text01 {
	margin-bottom: 33px;
	font-size: 20px;
}

#main .refollet .refolletUl {
	margin: 0 auto;
	width: 1110px;
}

#main .refollet .refolletUl li {
	width: 502px;
	float: left;
}

#main .refollet .refolletUl li:nth-child(2n) {
	float: right;
}

#main .refollet .refolletUl li .ttl {
	margin-top: 13px;
	display: block;
	font-size: 30px;
	text-align: center;
}

#main .headLine02 {
	margin-bottom: 16px;
}

#main .headLine02:before {
	top: -225px;
}

#main p {
	margin-bottom: 55px;
	font-size: 16px;
	line-height: 1.65;
	text-align: center;
}

#main .imgList {
	margin: -48px 0 313px;
}

#main .imgList li {
	margin-top: 48px;
	width: 564px;
	float: left;
}

#main .imgList li:nth-child(2n) {
	float: right;
}

#main .h3Ttl01:before {
	top: -200px;
}

#main .h3Ttl02 {
	margin-bottom: 20px;
}

#main .text02 {
	margin-bottom: 23px;
}

#main .photo {
	margin-bottom: 277px;
	text-align: center;
}

#main .photo img {
	width: 562px;
}

#main .photo:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.pageTitle {
		margin-bottom: 27px;
	}
	
	.pageTitle .bg {
		background-image: url(../img/common/sp_page_title_bg01.jpg);
	}

	.pageTitle h2 span {
		letter-spacing: 7px !important;
	}

	#main {
		margin-bottom: 110px;
	}

	#main .topText {
		margin-bottom: 141px;
		font-size: 12px;
		line-height: 1.7;
	}
		
	#main .headLine02 {
		font-size: 17px;
		letter-spacing: 1.5px !important;
	}

	#main .refollet {
		margin-bottom: 150px;
	}

	#main .refollet p {
		margin-bottom: 26px;
		font-size: 12px;
		line-height: 1.65;
	}

	#main .refollet .headLine02 {
		margin-bottom: 13px;
	}

	#main .refollet .headLine02:before {
		top: -106px;
	}

	#main .refollet .youtube01 {
		margin-bottom: 8px;
		width: auto;
		height: 230px;
	}
	
	#main .refollet .youtube01 iframe {
		height: 230px;
	}

	#main .refollet .text01 {
		margin-bottom: 9px;
		font-size: 10px;
	}
	
	#main .refollet .refolletUl {
		width: auto;
	}
	
	#main .refollet .refolletUl li {
		width: 47.8%;
	}

	#main .refollet .refolletUl li img {
		width: 100%;
	}
	
	#main .refollet .refolletUl li .ttl {
		margin-top: 5px;
		font-size: 12px;
	}

	#main .headLine02 {
		margin-bottom: 11px;
	}
		
	#main .headLine02:before {
		top: -102px;
	}

	#main p {
		margin-bottom: 18px;
		font-size: 12px;
		line-height: 1.4;
		text-align: left;
	}

	#main .imgList {
		margin: 0 0 145px;
	}
	
	#main .imgList li {
		margin: 0 0 15px;
		width: auto;
		float: none !important;
	}
	
	#main .imgList li img {
		width: 100%;
	}
		
	#main .h3Ttl01:before {
		top: -102px;
	}
	
	#main .h3Ttl02 {
		margin-bottom: 15px;
	}

	#main .text02 {
		margin-bottom: 18px;
	}
	
	#main .photo {
		margin-bottom: 170px;
	}
	
	#main .photo img {
		width: 100%;
	}
}