@charset "UTF-8";

/*================
施設紹介トップ
================*/

/* MV（PC: 1600×809 → 2x 3200×1618 / SP: 768×742 → 2x 1536×1484）
----------------------------------------------------------*/
.page-nursingcare .nc-mv .mv-visual {
	height: 835px;
}
.page-nursingcare .nc-mv .mv-visual img {
	height: 835px;
	object-position: right center;
}
.page-nursingcare .nc-mv .mv-inner {
	display: flex;
	flex-direction: column;
	min-height: calc(835px - var(--header-height));
}
.page-nursingcare .nc-mv .page-head {
	/* padding-top: calc(215px - var(--header-height)); */
}
.page-nursingcare .nc-mv .page-head .ttl-01 {
	/* Figma PC: 大タイトル items-start（左寄せ＋下線50×2） */
	margin-bottom: 0;
	color: var(--color-text);
}
.page-nursingcare .nc-mv-lead {
	margin-top: 80px; /* Figma: タイトル下端(277) → キャッチ(376) ≒ 80+余白調整 */
	margin-bottom: 0;
}
.page-nursingcare .nc-mv-catch {
	margin: 0 0 40px;
	max-width: 1000px;
	color: #447D1A;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
}
.page-nursingcare .nc-mv-txt {
	margin: 0;
	max-width: 1000px;
	color: #222;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.8;
}
.page-nursingcare .nc-mv + .section {
	margin-top: 80px; /* Figma: MV末(809) → 事業タイトル(889) */
}
.page-nursingcare .section + .section {
	margin-top: 0;
}
.page-nursingcare .main > .sec-contact {
	margin-top: 0;
}
.page-nursingcare .bc-wrap.sp-mode-01 + .sec-contact {
	margin-top: 0;
}

/* 事業のご案内
----------------------------------------------------------*/
.page-nursingcare .sec-nc-biz {
	padding-top: 0;
	padding-bottom: 140px;
}
.page-nursingcare .sec-nc-biz > .inner-1320 {
	gap: 40px; /* Figma: タイトル(889) → カード(971) */
}
.page-nursingcare .sec-nc-biz .sec-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.page-nursingcare .sec-nc-biz .sec-wrap > .ttl-02 {
	margin: 0;
}
.page-nursingcare .nc-biz-list {
	width: 100%;
}
.page-nursingcare .nc-biz-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	gap: 40px;
	height: 100%;
	padding: 40px;
	border-radius: 10px;
	background-color: #F7F9F4;
}
.page-nursingcare .nc-biz-card .ttl-03 {
	margin: 0;
	color: #447D1A;
	font-weight: 600;
	line-height: 1.5;
}
.page-nursingcare .nc-biz-img {
	margin: 0;
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
}
.page-nursingcare .nc-biz-img img {
	display: block;
	width: 100%;
	height: 250px; /* Figma mask 564×250 / 2x=1128×500 */
	object-fit: cover;
	object-position: center;
}
.page-nursingcare .nc-biz-card .txt-01 {
	margin: 0;
	width: 100%;
	font-weight: 300;
	line-height: 1.8;
}
.page-nursingcare .nc-biz-card .btn-01 {
	margin-top: auto;
}
.page-nursingcare .nc-biz-card .btn-01 a {
	min-width: 294px; /* pl56 + text238 */
}

/* 選ばれる理由
----------------------------------------------------------*/
.page-nursingcare .sec-nc-reason {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #F7F9F4;
}
.page-nursingcare .sec-nc-reason > .inner-1320 {
	gap: 40px;
}
.page-nursingcare .sec-nc-reason .sec-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.page-nursingcare .nc-reason-ttl {
	margin: 0;
	color: #222;
	font-size: 33.6px;
	font-weight: 600;
	line-height: 1.4;
}
.page-nursingcare .nc-reason-em {
	display: inline-block;
	color: #447D1A;
	font-size: 42px;
}
.page-nursingcare .nc-reason-list {
	width: 100%;
}
.page-nursingcare .nc-reason-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	gap: 40px; /* Figma: アイコン下端(2124) → タイトル(2164) */
	height: 100%;
	min-height: 407px;
	padding: 40px;
	border-radius: 10px;
	background-color: #fff;
}
.page-nursingcare .nc-reason-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #F7F9F4;
}
.page-nursingcare .nc-reason-icon img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 100px;
}
.page-nursingcare .nc-reason-list .flex-cnt-01:nth-child(2) .nc-reason-icon img {
	max-width: 120px;
	max-height: 120px;
}
.page-nursingcare .nc-reason-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	width: 100%;
}
.page-nursingcare .nc-reason-body .ttl-03 {
	margin: 0;
	color: #447D1A;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
}
.page-nursingcare .nc-reason-body .txt-01 {
	margin: 0;
	width: 100%;
	font-weight: 300;
	line-height: 1.8;
}
.page-nursingcare .nc-reason-btn {
	margin: 0 auto;
}
.page-nursingcare .nc-reason-btn a {
	min-width: 294px;
}

/* ご利用までのながれ
----------------------------------------------------------*/
.page-nursingcare .sec-nc-flow {
	padding-top: 80px;
	padding-bottom: 160px; /* Figma: フロー末〜お問い合わせ(3258) */
}
.page-nursingcare .sec-nc-flow > .inner-1320 {
	gap: 40px;
}
.page-nursingcare .sec-nc-flow .sec-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	text-align: center;
}
.page-nursingcare .sec-nc-flow .sec-wrap > .ttl-02 {
	margin: 0;
}
.page-nursingcare .nc-flow-lead {
	margin: 0;
	max-width: 1000px;
	color: #222;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8;
}
.page-nursingcare .nc-flow-list {
	width: 100%;
	max-width: 878px; /* 419×2 + 40 gap */
	margin: 0 auto;
	justify-content: center;
}
.page-nursingcare .nc-flow-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 10px;
	background-color: #F7F9F4;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.page-nursingcare .nc-flow-card:hover {
	opacity: 0.85;
}
.page-nursingcare .nc-flow-label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	box-sizing: border-box;
	padding: 40px 20px 17px; /* Figma: タイトル帯 〜 画像上端 */
	color: #447D1A;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5;
}
.page-nursingcare .nc-flow-arrow {
	display: block;
	width: 20px;
	height: 20px;
}
.page-nursingcare .nc-flow-img {
	margin: 0;
	width: 100%;
}
.page-nursingcare .nc-flow-img img {
	display: block;
	width: 100%;
	height: 250px; /* Figma mask 419×250 / 2x=838×500 */
	object-fit: cover;
	object-position: center;
}

/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	.page-nursingcare .main > .bc-wrap.sp-mode-01 {
		margin-top: 2.605vw;
	}

	/* SP: ヒーロー 768×742 → タイトルはその下 y=892 */
	.page-nursingcare .nc-mv .mv-visual {
		height: 96.615vw; /* 742 */
	}
	.page-nursingcare .nc-mv .mv-visual img {
		height: 100%;
		object-fit: cover;
		object-position: center top;
	}
	.page-nursingcare .nc-mv .mv-inner {
		min-height: 0;
		padding-top: calc(116.146vw - var(--header-height)); /* 892 */
	}
	.page-nursingcare .nc-mv .page-head {
		padding-top: 0;
	}
	.page-nursingcare .nc-mv .page-head .ttl-01 {
		/* Figma SP: SP_大タイトル items-center（中央寄せ＋下線100×4） */
		align-items: center;
		margin-bottom: 0;
		text-align: center;
	}
	.page-nursingcare .nc-mv-lead {
		margin-top: 19.532vw; 
		margin-bottom: 0;
	}
	.page-nursingcare .nc-mv-catch {
		margin-bottom: 7.813vw;
		max-width: none;
		font-size: 6.25vw; /* 48 */
		line-height: 1.5;
	}
	.page-nursingcare .nc-mv-txt {
		max-width: none;
		font-size: 4.167vw; /* 32 */
		line-height: 1.9;
	}
	.page-nursingcare .nc-mv + .section {
		margin-top: 19.531vw; /* 150 */
	}

	.page-nursingcare .sec-nc-biz {
		padding-bottom: 19.531vw; /* 150 */
	}
	.page-nursingcare .sec-nc-biz > .inner-1320 {
		gap: 7.813vw; /* 60 */
	}
	.page-nursingcare .nc-biz-list {
		gap: 7.813vw; /* 60 */
	}
	.page-nursingcare .nc-biz-card {
		gap: 7.813vw;
		padding: 7.813vw; /* 60 */
		border-radius: 2.604vw; /* 20 */
	}
	.page-nursingcare .nc-biz-card .ttl-03 {
		font-size: 5.208vw; /* 40 */
	}
	.page-nursingcare .nc-biz-img {
		border-radius: 1.302vw; /* 10 */
	}
	.page-nursingcare .nc-biz-img img {
		height: 39.063vw; /* 300 */
	}
	.page-nursingcare .nc-biz-card .txt-01 {
		font-size: 4.167vw; /* 32 */
		line-height: 1.9;
	}
	.page-nursingcare .nc-biz-card .btn-01{
		width: 100%;
	}
	.page-nursingcare .nc-biz-card .btn-01 a {
		min-width: 0;
		width: 100%;
	}

	.page-nursingcare .sec-nc-reason {
		padding-top: 19.531vw; /* 150 */
		padding-bottom: 19.531vw;
	}
	.page-nursingcare .sec-nc-reason > .inner-1320 {
		gap: 9.115vw;
	}
	.page-nursingcare .nc-reason-ttl {
		font-size: 6.667vw; /* 51.2 */
		line-height: 1.5;
	}
	.page-nursingcare .nc-reason-em {
		font-size: 8.333vw; /* 64 */
	}
	.page-nursingcare .nc-reason-list {
		gap: 7.813vw; /* 60 */
	}
	/* Figma SP: アイコン左180 + 余白40 + テキスト列348 */
	.page-nursingcare .nc-reason-card {
		flex-direction: row;
		align-items: flex-start;
		gap: 5.208vw; /* 40 */
		min-height: 0;
		padding: 7.813vw; /* 60 */
		border-radius: 2.604vw; /* 20 */
	}
	.page-nursingcare .nc-reason-icon {
		flex-shrink: 0;
		width: 23.438vw; /* 180 */
		height: 23.438vw;
	}
	.page-nursingcare .nc-reason-icon img {
		max-width: 13.021vw; /* 100 */
		max-height: 13.021vw;
	}
	.page-nursingcare .nc-reason-list .flex-cnt-01:nth-child(2) .nc-reason-icon img {
		max-width: 15.625vw; /* 120 */
		max-height: 15.625vw;
	}
	.page-nursingcare .nc-reason-body {
		flex: 1 1 auto;
		align-items: flex-start;
		gap: 5.208vw; /* 40: タイトル下端 → 本文 */
		min-width: 0;
	}
	.page-nursingcare .nc-reason-body .ttl-03 {
		font-size: 5.208vw; /* 40 */
		line-height: 1.5;
		text-align: left;
	}
	.page-nursingcare .nc-reason-body .txt-01 {
		font-size: 4.167vw; /* 32 */
		line-height: 1.9;
	}
	.page-nursingcare .nc-reason-btn {
		width: 100%;
	}
	.page-nursingcare .nc-reason-btn a {
		min-width: 0;
		width: 100%;
	}

	.page-nursingcare .sec-nc-flow {
		padding-top: 19.531vw; /* 150 */
		padding-bottom: 29.948vw;
	}
	.page-nursingcare .sec-nc-flow > .inner-1320 {
		gap: 7.813vw; /* 60 */
	}
	.page-nursingcare .sec-nc-flow .sec-wrap {
		gap: 7.813vw;
	}
	.page-nursingcare .nc-flow-lead {
		max-width: none;
		font-size: 4.167vw; /* 32 */
		line-height: 1.9;
		text-align: left;
	}
	.page-nursingcare .nc-flow-list {
		max-width: none;
		gap: 7.813vw; /* 60 */
	}
	.page-nursingcare .nc-flow-card {
		border-radius: 2.604vw; /* 20 */
	}
	.page-nursingcare .nc-flow-label {
		gap: 2.604vw; /* 20 */
		padding: 7.813vw 5.208vw 2.604vw; /* 60 40 20 */
		font-size: 6.25vw; /* 48 */
	}
	.page-nursingcare .nc-flow-arrow {
		width: 5.208vw; /* 40 */
		height: 5.208vw;
	}
	.page-nursingcare .nc-flow-img img {
		height: 48.828vw; /* 375: Figma mask 688×375 / 2x=1376×750 */
	}
}