@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#conts .textP {
	margin: 0 0 49px 12px;
}

#conts .imgBox {
	margin: 0 68px 40px 69px;
}

#conts .imgBox .photoUl {
	float: left;
	width: 449px;
}

#conts .imgBox .photoUl li {
	padding: 25px 0 20px;
	width: 216px;
	float: left;
	background-color: #F2F2F2;
}

#conts .imgBox .photoUl li span {
	margin-bottom: 24px;
	display: block;
	font-size: 12px;
	text-align: center;
}

#conts .imgBox .photoUl li img {
	display: block;
	margin: 0 auto 7px;
	width: 164px;
}

#conts .imgBox .photoUl li .title {
	margin-bottom: 28px;
	display: block;
	color: #1E1E1E;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#conts .imgBox .rBox {
	float: right;
	width: 120px;
}

#conts .imgBox .rBox img {
	width: 100%;
}

#conts .imgBox .rBox span {
	margin-top: 9px;
	display: block;
	font-size: 12px;
	text-align: center;
}

#conts .comPoint {
	margin: 0 35px 64px;
}

#conts .comPoint dd {
	padding: 8px 0 0 74px;
}

#conts .comPoint dd li {
	padding: 0 0 4px 1em;
	text-indent: -1em;
}

#conts .grepBox {
	margin-bottom: 55px;
	padding: 32px 0 18px;
	background-color: #F2F2F2;
}

#conts .grepBox .ttl {
	margin-bottom: 42px;
	color: #EB436C;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#conts .grepBox .ttl span {
	padding-bottom: 4px;
	border-bottom: 2px solid #F55B81;
}

#conts .grepBox .textUl {
	margin-left: 90px;
}

#conts .grepBox .textUl li {
	float: left;
	width: 290px;
}

#conts .grepBox .textUl li ul li {
	padding: 0 0 14px 1em;
	float: none;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	text-indent: -1em;
}

#conts .borderBox {
	margin-bottom: 87px;
	padding: 30px 0 32px;
	text-align: center;
	border: 1px solid #E2E2E2;
}

#conts .borderBox p {
	font-weight: bold;
	font-size: 14px;
	line-height: 1.8;
	text-decoration: underline;
}

@media all and (min-width: 0) and (max-width: 767px) {

	#conts .textP {
		margin: 0 19px 20px;
	}

	#conts .textP01 {
		margin-bottom: 26px;
	}

	#conts .imgBox {
		margin: 0 17px 27px 12px;
	}

	#conts .imgBox .photoUl {
		width: 77.5%;
	}

	#conts .imgBox .photoUl li {
		padding: 12px 0 7px;
		width: 48%;
	}

	#conts .imgBox .photoUl li img {
		margin-bottom: 5px;
		padding: 0 15px;
		width: 100%;
		box-sizing: border-box;
	}

	#conts .imgBox .photoUl li span {
		margin-bottom: 7px;
		font-size: 11px;
		line-height: 1.35;
	}

	#conts .imgBox .photoUl li .title {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.45;
	}

	#conts .imgBox .rBox {
		width: 20%;
	}

	#conts .imgBox .rBox img {
		width: 100%;
	}

	#conts .imgBox .rBox span {
		margin: 5px -4px 0;
		font-size: 11px;
		line-height: 1.3;
	}

	#conts .comPoint {
		margin: 0 auto 55px;
		width: 80%;
	}

	#conts .comPoint dd {
		padding: 0 15px 0 0;
	}

	#conts .comPoint dd li {
		padding-bottom: 0px;
	}

	#conts .grepBox {
		margin: 0 17px 15px;
		padding: 28px 0 17px;
	}

	#conts .grepBox .ttl {
		margin-bottom: 35px;
		font-size: 13.5px;
	}

	#conts .grepBox .ttl span {
		padding-bottom: 6px;
	}

	#conts .grepBox .textUl {
		margin: 0 13px;
	}

	#conts .grepBox .textUl li {
		float: none;
	}

	#conts .grepBox .textUl li ul li {
		padding-bottom: 5px;
		font-size: 12px;
	}

	#conts .borderBox {
		margin: 0 17px 50px;
		padding: 10px 10px 14px;
	}

	#conts .borderBox p {
		font-size: 12px;
		line-height: 1.6;
	}
}