@charset "UTF-8";
/* =========================================

entrance CSS

===========================================*/

/* ==================================================================================================
		レイアウト変更のための上書きCSS
   --------------------------------------------------------------------------------------------------
		パンクズ下の線
================================================================================================== */
#breadcrumbs ul {
	border-bottom: 2px solid #1fadec;
	width: 998px;
}

img {
	vertical-align: bottom;
}

#main_contents {
	font-size: 16px;
}

/* ==================================================================================================
		メインイメージとタイトル
   --------------------------------------------------------------------------------------------------
		#main_contents
================================================================================================== */
#main_contents {
	width: 940px;
	margin: 8px auto 0;
	background: url(../image/bg_main_img.jpg) 0 0 no-repeat;
}

#main_contents h1 {
	margin: 153px 0 13px;
	padding: 18px 0 16px 24px ;
	background: url(../image/bg_top_line.png) 0 0 no-repeat;
}

.first_lead {
	width: 730px;
	margin: 26px auto 0;
}

.lead_text {
	width: 730px;
	margin: 0 auto 0;
}

/* ==================================================================================================
		共通
   --------------------------------------------------------------------------------------------------
		[id$="_area"]
================================================================================================== */
[id$="_area"] {
	width: 896px;
	margin: 60px auto 0;
}

[id$="_area"]:nth-of-type(1) {
	margin: 44px auto 0;
}

[id$="_area"] h2 {
	font-size: 21px;
	padding: 10px 13px 23px 20px;
}

[class^="type_line_"] {
	width: 866px;
	margin: 60px auto 0;
}

[class^="type_line_"]:nth-of-type(1)  {
	margin: 5px auto 0;
}

[class^="type_line_"] h3 {
	font-size: 18px;
	color: #fff;
	padding: 10px 0 4px 15px;
	letter-spacing: 0.2em;
}

/* 左右含めたコンテンツ用の枠 */
.plan_content_area {
	width: 834px;
	margin: 23px auto 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.lead_text strong {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0 0 18px 0;
}

/* 背景色 */
.ttl_bg_blue {
	background: #699cab;
}

.ttl_bg_green {
	background: #799865;
}

.ttl_bg_purple {
	background: #9178a0;
}

.ttl_bg_broun {
	background: #bc7561;
}

/* ==================================================================================================
		sectionごとに変わるもの
================================================================================================== */
/* h2の背景画像 */
.bg_single {
	background: url(../image/bg_ttl_single_couple.png) 0 0 no-repeat;
	color: #0b6f8d;
}

.bg_two_household {
	background: url(../image/bg_ttl_two_household.png) 0 0 no-repeat;
	color: #427b1d;
}

.bg_senior {
	background: url(../image/bg_ttl_senior.png) 0 0 no-repeat;
	color: #6a4581;
}

.bg_family {
	background: url(../image/bg_ttl_family.png) 0 0 no-repeat;
	color: #a84e34;
}

/* 左側画像の上に表示されるテキスト */
.single_caption_space::after {
	content: "シングル＆カップル";
}

.two_household_caption_space::after {
	content: "2世帯ファミリー";
}

.senior_caption_space::after {
	content: "シニア";
}

.family_caption_space::after {
	content: "ファミリー";
}

/* pointの背景色 */
.content_area_green .point_box {
	background: #e5f0de;
}

.content_area_purple .point_box {
	background: #f1e6f8;
}

.content_area_broun .point_box, .content_area_broun02 .point_box {
	background: #f8eae6;
}

/* ==================================================================================================
		シングルカップ
================================================================================================== */
/* 左側 */
.plan_img {
	width: 265px;
	margin: 22px 26px 0 0;
}

.plan_img li {
	position: relative;
	margin: 12px 0 0 0;
}

.plan_img [class$="_caption_space"] {
	margin: 0 0 0 0;
}

.plan_img [class$="_caption_space"]::after {
	display: block;
	pointer-events: none;
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 0;
	width: 100%;
	background-color: rgba( 175, 155, 138, 0.85 );
	height: 20px;
	line-height: 1;
	padding: 8px 0 6px;
	text-align: center;
	color: #fff;
	font-weight:bold;
}

/* 右側 */
 [class^="content_area_"] {
	width: 543px;
	margin: 22px 0 0 0;
	padding: 0 0 10px 0;
	background: url(../image/bg_item_area.jpg) 50% 0 no-repeat #fdf9ee;
}

/* 横幅が広いコンテンツ用 */
[id$="_long_area"] [class^="content_area_"] {
	width: 576px;
}

/* point部分 */
.point_box {
	width: 494px;
	margin:5px auto 0 auto;
	background: #fff;
	padding: 10px 15px;
}

.point_box dt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 17px;
	color: #6c4f51;
	font-weight: bold;
}

.point_box dt span:nth-of-type(1) {
	margin: 0 12px 0 0;
}

.point_box dd {
	font-size: 15px;
	padding: 4px 4px 0 10px;
}

/* ==================================================================================================
		2世帯ファミリー 以降
================================================================================================== */
/* 左側 */
.type_line_tow .plan_img {
	width: 480px;
	margin: 15px 0 0 0;
}

.type_line_tow ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.type_line_tow .plan_img [class$="_caption_space"]::after {
	width: 231px;
	left: 0;
}

.type_line_tow .plan_img li {
	margin: 0 0 0 0;
}

/* point部分 */
.type_line_tow [class^="content_area_"] {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 337px;
	background: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.type_line_tow .point_box {
	width: auto;
	margin:0 auto 0 auto;
}

.item_space {
	margin: 13px 0 0 0;
	background: url(../image/bg_line_tow.png) 0 0 no-repeat;
}

/* シニアのポイント部分の余白調整 */
.content_area_purple .point_box {
	padding: 17px 15px;
}

.content_area_purple .point_box dd {
	margin: 14px 0 0 0;
	padding: 4px 4px 0 0;
}

/* ==================================================================================================
		SEO文
   --------------------------------------------------------------------------------------------------
		.seo new_css/common.cssに統一
================================================================================================== 
.seo {
	margin: 50px auto 0;
	width: 784px;
	background: #f1f2f2;
	padding: 20px;
}*/

.pagetop {
	margin: 70px 0 0 0;
}