@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main .headLine01 {
	margin-bottom: 32px;
}

#conts .comNaviUl {
	margin-bottom: 45px;
}

#conts .comNaviUl li {
	padding-left: 10px;
	width: 140px;
}

#conts .comPhoList {
	margin-bottom: 55px;
}

#conts .comLink {
	margin: 0 auto;
	width: 564px;
}

#conts p {
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 1.8;
}

#conts .comTtlDl {
	background: url(../../../img/feature/index/bg01.jpg) no-repeat right top;
}

#conts .comTtlDl01 {
	background: url(../../../img/feature/index/bg02.jpg) no-repeat right top;
}

#conts .comTtlDl02 {
	background: url(../../../img/feature/index/bg03.jpg) no-repeat right top;
}

#conts .comTtlDl03 {
	background: url(../../../img/feature/index/bg04.jpg) no-repeat right top;
}

#conts .comTtlDl04 {
	background: url(../../../img/feature/index/bg05.jpg) no-repeat right top;
}

#conts .comTtlDl05 {
	background: url(../../../img/feature/index/bg06.jpg) no-repeat right top;
}

#conts .colorUl {
	margin-bottom: 63px;
}

#conts .colorUl li {
	padding-left: 25px;
	width: 280px;
	float: left;
}

#conts .colorUl li:first-child {
	padding-left: 0;
}

#conts .colorUl li p {
	margin-bottom: 20px;
	line-height: 1.8;
}

#conts .colorUl li .pTtl {
	margin-bottom: 15px;
	padding: 5px 10px;
	font-size: 15px;
	font-weight: bold;
	background: #EEE;
}

#conts .btmTxt {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


@media all and (min-width: 0) and (max-width: 767px) {
	#main .headLine01 {
		margin-bottom: 16px;
	}

	#conts p {
		margin-bottom: 16px;
		font-size: 10px;
	}
	
	#conts .comNaviUl {
		margin-bottom: 26px;
	}
	
	#conts .comNaviUl li {
		margin: 12px 2% 0 0;
		padding: 0;
		width: 32%;
	}
	
	#conts .comPhoList {
		margin-bottom: 27px;
	}
	
	#conts .comLink {
		margin: 0;
		width: auto;
	}
	
	#conts .comLink a {
		padding: 12px 0 10px;
		font-size: 14px;
	}
	
	#conts .comTtlDl {
		background: url(../../../img/feature/index/sp_bg01.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	
	#conts .comTtlDl01 {
		background: url(../../../img/feature/index/sp_bg02.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	
	#conts .comTtlDl02 {
		background: url(../../../img/feature/index/sp_bg03.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	
	#conts .comTtlDl03 {
		background: url(../../../img/feature/index/sp_bg04.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	
	#conts .comTtlDl04 {
		background: url(../../../img/feature/index/sp_bg05.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	
	#conts .comTtlDl05 {
		background: url(../../../img/feature/index/sp_bg06.jpg) no-repeat right top;
		background-size: auto 100%;
	}
	
	#conts .colorUl {
		margin-bottom: 15px;
	}
	
	#conts .colorUl li {
		padding: 0 0 15px;
		width: auto;
		float: none;
		overflow: hidden;
	}
	
	#conts .colorUl li:last-child {
		padding-bottom: 0;
	}
	
	#conts .colorUl li p {
		margin-bottom: 0;
		width: 60%;
		font-size: 10px;
		float: right;
	}
	
	#conts .colorUl li .pTtl {
		margin-bottom: 10px;
		padding: 0 5px;
		width: auto;
		font-size: 10px;
		float: none;
	}
	
	#conts .colorUl li .photo {
		width: 34%;
		float: left;
	}
	
	#conts .colorUl li .photo img {
		width: 100%;
	}
	
	#conts .btmTxt {
		margin-bottom: 10px;
		font-size: 12px;
	}

}