@charset "utf-8";

#main_contents p{
	font-size: 1em;
	line-height: 2em;
	padding: 0 2%;
	} 

/* 23 ハートフル
===========================================*/
div.h_contents{
	max-width: 90%;
	display: flex;		/* 横並び */
	flex-wrap: no-wrap;	/* 改行不許可 */
	flex-direction: row-reverse;	/* 子要素を右から左に配置*/
	align-items: stretch;	/* 縦方向の長さを合わせる */
	margin: 0 auto;
	padding: 0;
	}
div.h_contents p{
	margin: 0 ;
	padding: 0;
	}
div.flexbox_1{
	flex-basis: 75%; /* flexアイテムの幅を割合で指定 */
	margin: 0;
	padding: 0;
}
p.flexbox_2{
	flex-basis: 25%; /* flexアイテムの幅を割合で指定 */
	margin: 0;
	padding: 0;
}
p.flexbox_2 img{
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #666;
	}
div.flexbox_3{
	flex-basis: 100%; /* flexアイテムの幅を割合で指定 */
	margin: 0;
	padding: 0;
}
p.flexbox_4{
	flex-basis: 0%; /* flexアイテムの幅を割合で指定 */
	margin: 0;
	padding: 0;
}
p.flexbox_4 img{
	max-width: 100%;
	margin: 3%;
	padding: 0;
	border: 1px solid #666;
	}
.heatful_h4{
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	}
.font_decoration{
	text-decoration: underline;
	}
div.flexbox_3 p.m_top_15,div.flexbox_1 p.m_top_15{
	margin-top: 3%;
	}
h4.p_top_8,div.flexbox_2 p.p_top_8{
	padding-top: 8%;
	}


	/* link class
===========================================*/
.heart_img_1 a:hover{
	text-decoration: none !important;
	border: none !important;
	}