@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gNavi .navi04 a {
	color: #69BAB7;
}

.mainVisual {
	height: 490px;
}

#main h4 {
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	font-family: "NeueHaasUnicaPro-Thin", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",Sans-Serif;
}

#main .h4Ttl {
	margin-bottom: 29px;
	padding-bottom: 8px;
	border-bottom: 1px solid #B5B6B6;
}

#main .h4Ttl02 {
	margin-bottom: 14px;
}

#main .comLink {
	margin-bottom: 100px;
}

#main .title {
	margin-bottom: 32px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
}

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

#main .concept .photoBox {
	float: right;
}

#main .concept .textBox {
	margin-top: 34px;
	width: 425px;
	float: left;
}

#main .concept .textBox p {
	font-size: 12px;
	line-height: 2.0;
}

#main .concept .textBox .ttlText {
	margin-bottom: 26px;
	line-height: 1.5;
}

#main .concept .textBox .ttlText span {
	display: block;
	font-size: 24px;
	font-family: "NeueHaasUnicaPro-Thin", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, "Lucida Grande", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",Sans-Serif;
}

#main .concept02 {
	margin-bottom: 106px;
}

#main .text {
	margin-bottom: 24px;
	font-size: 12px;
	text-align: center;
}

#main .sliderBox {
	margin: 0 auto;
	width: 740px;
	position: relative;
}

#main .sliderBox .imgBox {
	float: left;
}

#main .sliderBox .photoBox {
	float: left;
}

#main .sliderBox .textBox {
	margin-top: 81px;
	width: 210px;
	float: right;
}

#main .sliderBox .textBox p {
	font-size: 12px;
	line-height: 1.7;
}

#main .sliderBox .textBox .ttl {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
}

#main .sliderBox .textBox .ttl span {
	display: block;
	font-size: 12px;
}

#main .sliderBox .switch a {
	position: absolute;
	top: 130px;
}

#main .sliderBox .prev {
	left: -110px;
}

#main .sliderBox .next {
	right: -110px;
}

#main .banner {
	margin-bottom: -30px;
}

/* 20170512 ADD */
.BigBannerPC {
	position: absolute;
	left: 10px; bottom: 10px;
}
.BigBannerSP {
	text-align: center;
	margin-bottom: 27px;
}
.BigBannerSP img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

@media all and (min-width: 0) and (max-width: 640px)  {
	.mainVisual {
		height: auto;
	}
	
	#main .headLine02 {
		font-size: 15px;
		letter-spacing: -2px;
	}
	
	#main h4 {
		margin: 0 0 10px;
		font-size: 17px;
	}
	
	#main .h4Ttl {
		margin-bottom: 10px;
	}
	
	#main .comLink {
		margin-bottom: 40px;
	}
	
	#main .title {
		margin-bottom: 25px;
		font-size: 16px;
		text-align: center;
	}
	
	#main .concept {
		margin: 0 0 45px;
	}
		
	#main .concept .photoBox {
		margin-bottom: 15px;
		float: none;
	}

	#main .concept .photoBox img {
		width: 100%;
	}
	
	#main .concept .textBox {
		margin: 0;
		width: auto;
		float: none;
	}
	
	#main .concept .textBox p {
		line-height: 1.6;
	}
	
	#main .concept .textBox .ttlText {
		margin-bottom: 10px;
	}
	
	#main .concept .textBox .ttlText span {
		font-size: 17px;
		line-height: 1.4;
	}
	
	#main .text {
		margin: 0 0 10px;
		text-align: left;
	}
	
	#main .sliderBox {
		margin: 0 20px;
		width: auto;
	}
	
	#main .sliderBox .photoBox {
		margin-bottom: 15px;
		float: none;
	}
	
	#main .sliderBox .photoBox img {
		width: 100%;
	}
	
	#main .sliderBox .textBox {
		margin: 0;
		width: auto;
		float: none;
	}
	
	#main .sliderBox .textBox p {
		font-size: 10px;
	}
	
	#main .sliderBox .textBox .ttl {
		margin-bottom: 13px;
		font-size: 14px;
	}
	
	#main .sliderBox .switch a {
		top: 46%;
	}

	#main .sliderBox .switch a img {
		width: 16px;
	}
	
	#main .sliderBox .prev {
		left: -28px;
	}
	
	#main .sliderBox .next {
		right: -28px;
	}

	#main .banner {
		margin-bottom: 0;
	}
	
}