@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

#conts01 p {
	letter-spacing: -0.3px;
}

#conts01 h3 {
	margin: -15px 0 30px;
}

#conts01 .ttlBox {
	margin-bottom: 33px;
	padding: 29px 30px 37px 30px;
}

#conts01 .img {
	margin: 30px 16px 30px;
}

.black #conts01 .ttlBox,
.red #conts01 .ttlBox{
	padding: 14px 30px 52px 30px;
}

.black #conts01 .img {
	margin: -10px 16px 13px;
}

.red #conts01 .ttlBox + h4 {
	margin-bottom: 25px;
}

.red #conts01 .img {
	margin: 35px 16px 33px;
}

.yellow #conts01 .ttlBox {
	padding: 14px 30px 52px 30px;
}

.yellow #conts01 .img {
	margin: 43px 18px 30px;
}

@media all and (max-width: 767px) {
	#conts01 .ttlBox {
		margin-bottom: 21px;
		padding: 6px 30px 20px 15px !important;
	}
	
	#conts01 h3 {
		margin: -2px 0 8px;
	}
	
	#conts01 > p {
		margin-bottom: 17px;
		line-height: 1.416;
	}
	
	#conts01 .ttlBox01 .photoBox {
		bottom: 11px;
	}
	
	#conts01 .img {
		margin: 28px 12px 31px;
	}
	
	#conts01 .img img {
		width: 132px;
	}
	
	.black #conts01 .img {
		margin: -5px 12px 23px;
	}
	
	.red #conts01 .ttlBox + h4 {
		margin-bottom: 14px;
	}
	
	.red #conts01 .img {
		margin: -2px 15px 35px;
	}
	
	.red #conts01 .img img {
		width: 129px;
	}
	
	.yellow #conts01 h3 {
		margin-bottom: 15px;
	}

}