@charset "UTF-8";


/* =========================================================
   LIFE X Dealer
   HOME Main Visual
========================================================= */

.lifex-home-mv {
	position: relative;
	width: 100%;
	height: calc(100vh - 88px);
	min-height: 750px;
	overflow: hidden;
	background: #111;
}


/* =========================================================
   Background
========================================================= */

.lifex-home-mv__background {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.lifex-home-mv__slide {
	position: absolute;
	inset: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	transform: scale(1.035);
	transition:
		opacity 1.7s ease,
		transform 7s ease;
}

.lifex-home-mv__slide.is-active {
	opacity: 1;
	transform: scale(1);
}

.lifex-home-mv.is-single .lifex-home-mv__slide {
	opacity: 1;
	transform: scale(1);
}


/* =========================================================
   Overlay
========================================================= */

.lifex-home-mv__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(
			90deg,
			rgba(0, 0, 0, .24) 0%,
			rgba(0, 0, 0, .12) 40%,
			rgba(0, 0, 0, .03) 70%,
			rgba(0, 0, 0, .02) 100%
		);
}


/* =========================================================
   Vertical Copy
========================================================= */

.lifex-home-mv__vertical-copy {
	position: absolute;
	top: 50%;
	right: 12px;
	z-index: 4;
	margin: 0;
	color: rgba(255, 255, 255, .32);
	font-family: "Outfit", sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 2px;
	white-space: nowrap;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	transform: translateY(-50%);
}


/* =========================================================
   Content
========================================================= */

.lifex-home-mv__content {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.lifex-home-mv__content-inner {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 40px 82px;
	box-sizing: border-box;
	color: #fff;
}


/* =========================================================
   Lead
========================================================= */

.lifex-home-mv__lead {
	display: inline-block;
	margin: 0 0 16px;
	padding: 11px 18px 12px;
	background: #fff;
	color: #111;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .05em;
}


/* =========================================================
   Main Title
========================================================= */

.lifex-home-mv__title {
	margin: 0;
	color: #fff;
}

.lifex-home-mv__title-main {
	display: block;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .04em;
}


/* =========================================================
   Bottom Row
========================================================= */

.lifex-home-mv__bottom-row {
	display: flex;
	align-items: flex-end;
	gap: 34px;
	margin-top: 0;
}

.lifex-home-mv__product-copy {
	margin: 0;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .08em;
	white-space: nowrap;
}


/* =========================================================
   Price
========================================================= */

.lifex-home-mv__price {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	margin-bottom: -2px;
	color: #fff;
	white-space: nowrap;
}

.lifex-home-mv__price-label {
	display: inline-block;
	margin-right: 3px;
	padding-right: 9px;
	border-right: 1px solid rgba(255, 255, 255, .7);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.15;
	text-align: center;
}

.lifex-home-mv__price-number {
	font-family: "Outfit", sans-serif !important;
	font-size: 54px;
	font-weight: 400;
	line-height: .9;
	letter-spacing: -.03em;
}

.lifex-home-mv__price-unit {
	margin-bottom: 2px;
	font-size: 18px;
	font-weight: 500;
}

.lifex-home-mv__price-tax {
	margin: 0 0 -20px -74px;
	font-size: 11px;
	font-weight: 500;
}


/* =========================================================
   Area
========================================================= */

.lifex-home-mv__area {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 460px;
	margin-top: 22px;
}

.lifex-home-mv__area p {
	flex-shrink: 0;
	margin: 0;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .14em;
}

.lifex-home-mv__area-line {
	flex: 1;
	height: 1px;
	background: rgba(255, 255, 255, .75);
}


/* =========================================================
   Pagination
========================================================= */

.lifex-home-mv__pagination {
	position: absolute;
	right: 42px;
	bottom: 32px;
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 8px;
}

.lifex-home-mv__pagination-item {
	display: block;
	width: 24px;
	height: 2px;
	background: rgba(255, 255, 255, .4);
	transition:
		width .3s ease,
		background .3s ease;
}

.lifex-home-mv__pagination-item.is-active {
	width: 42px;
	background: #fff;
}


/* =========================================================
   Tablet / Main Visual
========================================================= */

@media screen and (max-width: 1100px) {

	.lifex-home-mv {
		height: calc(100vh - 72px);
		min-height: 450px;
	}

	.lifex-home-mv__content-inner {
		padding: 0 32px 70px;
	}

	.lifex-home-mv__lead {
		font-size: 26px;
	}

	.lifex-home-mv__title-main {
		font-size: 40px;
	}

	.lifex-home-mv__product-copy {
		font-size: 23px;
	}

	.lifex-home-mv__price-number {
		font-size: 46px;
	}

	.lifex-home-mv__vertical-copy {
		right: 24px;
		font-size: 20px;
	}

}


/* =========================================================
   SP / Main Visual
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-mv {
		height: calc(100svh - 130px);
		min-height: 530px;
	}

	.lifex-home-mv__slide {
		background-position: center center;
	}

	.lifex-home-mv__overlay {
		background:
			linear-gradient(
				180deg,
				rgba(0, 0, 0, .04) 0%,
				rgba(0, 0, 0, .10) 36%,
				rgba(0, 0, 0, .56) 100%
			);
	}

	.lifex-home-mv__vertical-copy {
		top: 46%;
		right: -64px;
		font-size: 16px;
	}

	.lifex-home-mv__content-inner {
		padding: 0 20px 20px;
	}

	.lifex-home-mv__lead {
		margin-bottom: 3px;
        padding: 7px 12px 6px;
		font-size: 16px;
	}

	.lifex-home-mv__title-main {
		font-size: 25px;
		line-height: 1.45;
	}

	.lifex-home-mv__bottom-row {
		display: block;
		margin-top: 5px;
	}

	.lifex-home-mv__product-copy {
		font-size: 16px;
		white-space: normal;
	}

	.lifex-home-mv__price {
		margin-top: 9px;
	}

	.lifex-home-mv__price-label {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.lifex-home-mv__price-number {
		font-size: 43px;
	}

	.lifex-home-mv__price-unit {
		font-size: 15px;
	}

	.lifex-home-mv__price-tax {
		margin: 0 0 -18px -50px;
		font-size: 10px;
	}

	.lifex-home-mv__area {
		width: 100%;
		max-width: 330px;
		gap: 10px;
		margin-top: 24px;
	}

	.lifex-home-mv__area p {
		font-size: 12px;
		letter-spacing: .1em;
	}

	.lifex-home-mv__pagination {
		right: auto;
		bottom: 13px;
		left: 20px;
	}

}


/* =========================================================
   02 / TOPページ CONCEPTセクション
========================================================= */

.lifex-home-concept {
	position: relative;

	overflow: hidden;
}

.lifex-home-concept-inner {
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 115px 0px 45px;
    box-sizing: border-box;
}


/* =========================================================
   First View
========================================================= */

.lifex-home-concept-first {
	display: grid;
	    grid-template-columns: minmax(0, .92fr) minmax(0, 1.55fr);
	align-items: center;
	gap: 75px;
}


/* =========================================================
   Heading
========================================================= */

.lifex-home-concept-heading {
	position: relative;
	z-index: 2;
}

.lifex-home-concept-heading-top {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 38px;
}

.lifex-home-concept-en {
	margin: 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .02em;
}

.lifex-home-concept-heading-line {
	display: block;
	width: 180px;
	height: 1px;
	background: #527B88;
}

.lifex-home-concept-kicker {
	margin: 0 0 2px;
	color: #111;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .08em;
}

.lifex-home-concept-title {
	margin: 0;
	color: #111;
	font-size: 37px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .045em;
}

.lifex-home-concept-title span {
	color: #527B88;
	font-size: 51px;
	font-weight: 600;
}

.lifex-home-concept-intro {
	margin: 32px 0 0;
	color: #444;
	font-size: 15px;
	line-height: 2;
	letter-spacing: .045em;
}


/* =========================================================
   First Visual
========================================================= */

.lifex-home-concept-first-visual {
	position: relative;
	height: 800px;
}

.lifex-home-concept-first-photo01,
.lifex-home-concept-first-photo02 {
	position: absolute;
	overflow: hidden;
}

.lifex-home-concept-first-photo01 img,
.lifex-home-concept-first-photo02 img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lifex-home-concept-first-photo01 {
	top: 0;
	right: 0;
	width: 90%;
	height: 540px;
}

.lifex-home-concept-first-photo02 {
	left: 0;
	bottom: 0;
	width: 40%;
	height: 430px;
	border: 10px solid #fff;
	box-sizing: border-box;
}


/* =========================================================
   4 Values Area
========================================================= */

.lifex-home-concept-features-area {
	position: relative;
	width: 100%;
	padding: 42px 40px 82px;
	background: transparent;
	box-sizing: border-box;
}

.lifex-home-concept-features-inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}


/* =========================================================
   4 Values Grid
========================================================= */

.lifex-home-values-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 38px;
	row-gap: 58px;
}

.lifex-home-values-item {
	min-width: 0;
}

.lifex-home-values-image {
	position: relative;
	height: 270px;
	overflow: hidden;
	background: #e9eeef;
}

.lifex-home-values-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s ease;
}

.lifex-home-values-item:hover .lifex-home-values-image img {
	transform: scale(1.025);
}

.lifex-home-values-number {
	position: absolute;
	right: 18px;
	bottom: 12px;
	color: rgba(255, 255, 255, .88);
	font-family: "Outfit", sans-serif;
	font-size: 48px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.02em;
}


/* =========================================================
   4 Values Content
========================================================= */

.lifex-home-values-content {
	padding-top: 22px;
}

.lifex-home-values-meta {
	display: flex;
	align-items: center;
	gap: 13px;
}

.lifex-home-values-item-en {
	margin: 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .14em;
}

.lifex-home-values-meta-line {
	display: block;
	width: 46px;
	height: 1px;
	background: rgba(82, 123, 136, .45);
}

.lifex-home-values-item-title {
	margin: 13px 0 8px;
	color: #111;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: .05em;
}

.lifex-home-values-item-text {
	margin: 0;
	color: #555;
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: .025em;
}


/* =========================================================
   Concept Link
========================================================= */

.lifex-home-concept-link-wrap {
	width: 100%;
	margin-top: 48px;
	text-align: center;
}

.lifex-home-concept-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 338px;
	height: 64px;
	padding: 0 28px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-align: left;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-concept-link-text {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .08em;
}

.lifex-home-concept-link-arrow {
	position: absolute;
	top: 50%;
	right: -22px;
	width: 58px;
	height: 16px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-concept-link-arrow-line {
	position: absolute;
	top: 8px;
	left: 0;
	width: 58px;
	height: 1px;
	background: #527B88;
}

.lifex-home-concept-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-concept-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-concept-link:hover
.lifex-home-concept-link-arrow {
	right: -28px;
}


/* =========================================================
   Tablet / CONCEPT
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-concept-inner {
		padding: 95px 30px 80px;
	}

	.lifex-home-concept-first {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(0, .9fr);
		gap: 45px;
	}

	.lifex-home-concept-title {
		font-size: 35px;
	}

	.lifex-home-concept-title span {
		font-size: 44px;
	}

	.lifex-home-concept-first-visual {
		height: 410px;
	}

	.lifex-home-concept-first-photo01 {
		height: 340px;
	}

	.lifex-home-concept-first-photo02 {
		height: 170px;
	}

	.lifex-home-concept-features-area {
		padding: 38px 30px 75px;
	}

	.lifex-home-values-grid {
		column-gap: 28px;
		row-gap: 48px;
	}

	.lifex-home-values-image {
		height: 230px;
	}

}


/* =========================================================
   SP / CONCEPT
========================================================= */

@media screen and (max-width: 640px) {


	.lifex-home-concept-inner {
		padding: 72px 20px 42px;
	}

	.lifex-home-concept-first {
		display: block;
	}

	.lifex-home-concept-heading-top {
		gap: 14px;
		margin-bottom: 30px;
	}

	.lifex-home-concept-en {
		font-size: 21px;
	}

	.lifex-home-concept-heading-line {
		width: 85px;
	}

	.lifex-home-concept-kicker {
		margin-bottom: 9px;
		font-size: 12px;
	}

	.lifex-home-concept-title {
		font-size: 25px;
		line-height: 1.6;
		letter-spacing: .03em;
	}

	.lifex-home-concept-title span {
		font-size: 33px;
		line-height: 1.5;
	}

	.lifex-home-concept-intro {
		margin-top: 24px;
		font-size: 13px;
		line-height: 1.95;
	}

	.lifex-home-concept-intro br {
		display: none;
	}

	.lifex-home-concept-first-visual {
		width: calc(100% + 20px);
		height: 340px;
		margin: 38px -20px 0 0;
	}

	.lifex-home-concept-first-photo01 {
		top: 0;
		right: 0;
		width: 82%;
		height: 280px;
	}

	.lifex-home-concept-first-photo02 {
		left: 0;
		bottom: 0;
		width: 44%;
		height: 145px;
		border-width: 7px;
	}

	.lifex-home-concept-features-area {
		padding: 25px 20px 62px;
	}
}

/* =========================================================
   03 / TOPページ LIFE X 5 FEATURESセクション
========================================================= */

.lifex-home-features {
	position: relative;
	padding: 110px 40px 120px;
	background: #fff;
	overflow: hidden;
}

.lifex-home-features-inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}


/* =========================================================
   Heading
========================================================= */

.lifex-home-features-heading {
	width: 100%;
	text-align: center;
	margin-bottom: 62px;
}

.lifex-home-features-heading-top {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 34px;
}

.lifex-home-features-en {
	margin: 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .02em;
}

.lifex-home-features-heading-line {
	display: block;
	width: 180px;
	height: 1px;
	background: #527B88;
}

.lifex-home-features-kicker {
	margin: 0 0 8px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .08em;
}

.lifex-home-features-title {
	margin: 0;
	color: #111;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.55;
	letter-spacing: .045em;
}

.lifex-home-features-title span {
	color: #527B88;
	font-weight: bold;
}

.lifex-home-features-intro {
	margin: 24px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 2;
	letter-spacing: .04em;
}


/* =========================================================
   Features Body
========================================================= */

.lifex-home-features-body {
	display: block;
	width: 100%;
}


/* =========================================================
   Navigation
   PC：上部5列タブ
========================================================= */

.lifex-home-features-nav {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	width: 100%;
	border-top: 1px solid #dce4e6;
	border-left: 1px solid #dce4e6;
	box-sizing: border-box;
}

.lifex-home-features-nav-item {
	position: relative;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	width: 100%;
	min-width: 0;
	min-height: 92px;
	padding: 18px 18px;
	border: 0;
	border-right: 1px solid #dce4e6;
	border-bottom: 1px solid #dce4e6;
	border-radius: 0 !important;
	background: #fff;
	color: #111;
	text-align: left;
	cursor: pointer;
	appearance: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}


/* =========================================================
   Navigation Number
========================================================= */

.lifex-home-features-nav-number {
	color: #9aa8ac;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .08em;
	transition: color .3s ease;
}


/* =========================================================
   Navigation Text
========================================================= */

.lifex-home-features-nav-text {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.lifex-home-features-nav-en {
	color: #7c8d92;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .10em;
	white-space: nowrap;
	transition: color .3s ease;
}

.lifex-home-features-nav-ja {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: .05em;
	white-space: nowrap;
	transition: color .3s ease;
}


/* =========================================================
   Navigation Arrow
   上タブでは非表示
========================================================= */

.lifex-home-features-nav-arrow {
	display: none;
}


/* =========================================================
   Navigation Hover
========================================================= */

.lifex-home-features-nav-item:hover {
	background: #f5f8f8;
}


/* =========================================================
   Navigation Active
========================================================= */

.lifex-home-features-nav-item.is-active {
	background: #527B88;
}

.lifex-home-features-nav-item.is-active
.lifex-home-features-nav-number,
.lifex-home-features-nav-item.is-active
.lifex-home-features-nav-en,
.lifex-home-features-nav-item.is-active
.lifex-home-features-nav-ja {
	color: #fff;
}


/* Active Bottom Marker */

.lifex-home-features-nav-item.is-active::after {
	content: "";
	position: absolute;
	bottom: -9px;
	left: 50%;
	z-index: 3;
	width: 16px;
	height: 16px;
	background: #527B88;
	transform: translateX(-50%) rotate(45deg);
}


/* =========================================================
   Contents
========================================================= */

.lifex-home-features-contents {
	position: relative;
	width: 100%;
	min-width: 0;
	background: #f7f9f9;
}

.lifex-home-features-panel {
	width: 100%;
	min-height: 560px;
	box-sizing: border-box;
}

.lifex-home-features-panel[hidden] {
	display: none;
}


/* =========================================================
   Placeholder
   後で各コンテンツへ差し替え
========================================================= */

.lifex-home-features-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 560px;
	padding: 60px;
	text-align: center;
	box-sizing: border-box;
}

.lifex-home-features-placeholder-number {
	color: rgba(82, 123, 136, .16);
	font-family: "Outfit", sans-serif;
	font-size: 110px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.03em;
}

.lifex-home-features-placeholder-en {
	margin: 17px 0 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .16em;
}

.lifex-home-features-placeholder-text {
	margin: 12px 0 0;
	color: #333;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: .05em;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-features {
		padding: 90px 30px 100px;
	}

	.lifex-home-features-heading {
		margin-bottom: 52px;
	}

	.lifex-home-features-title {
		font-size: 35px;
	}

	.lifex-home-features-title span {
		font-size: 43px;
	}

	.lifex-home-features-nav-item {
		min-height: 86px;
		padding: 15px 12px;
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 8px;
	}

	.lifex-home-features-nav-number {
		font-size: 10px;
	}

	.lifex-home-features-nav-en {
		font-size: 8px;
		letter-spacing: .05em;
	}

	.lifex-home-features-nav-ja {
		font-size: 14px;
	}

	.lifex-home-features-panel,
	.lifex-home-features-placeholder {
		min-height: 520px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-features {
		padding: 72px 0 0px;
	}


	/* =====================================================
	   Heading
	===================================================== */

	.lifex-home-features-heading {
		max-width: none;
		margin: 0 0px 38px;
	}

	.lifex-home-features-heading-top {
		gap: 14px;
		margin-bottom: 30px;
	}

	.lifex-home-features-en {
		font-size: 20px;
	}

	.lifex-home-features-heading-line {
		width: 80px;
	}

	.lifex-home-features-kicker {
		font-size: 12px;
	}

	.lifex-home-features-title {
		font-size: 25px;
		line-height: 1.6;
	}

	.lifex-home-features-title span {
		font-size: 33px;
	}

	.lifex-home-features-intro {
		margin: 20px 8px 20px;
		font-size: 12px;
		line-height: 1.9;
	}



	/* =====================================================
	   Body
	===================================================== */

	.lifex-home-features-body {
		display: block;
		width: 100%;
	}


	/* =====================================================
	   SP Navigation
	   横スクロール
	===================================================== */

	/* =========================================
	   FEATURES NAV
	   SP 5項目すべて表示
	========================================= */

	.lifex-home-features-nav {
		display: grid !important;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		width: 100%;
		overflow: visible;
	}

	.lifex-home-features-nav-item {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		min-width: 0 !important;
		height: 86px;

		padding: 8px 2px !important;

		box-sizing: border-box;
		overflow: hidden;
		text-align: center;
	}

	.lifex-home-features-nav-number,
	.lifex-home-features-nav-en,
	.lifex-home-features-nav-ja {
		position: static !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;

		margin-left: 0 !important;
		margin-right: 0 !important;

		transform: none !important;
		box-sizing: border-box;
		text-align: center;
	}

	.lifex-home-features-nav-number {
		margin: 0 0 3px !important;
        font-size: 14px;
		line-height: 1;
	}

	.lifex-home-features-nav-en {
		margin: 0 0 5px !important;
		font-size: 6px;
		line-height: 1.15;
		letter-spacing: 0;

		white-space: normal;
		overflow-wrap: normal;
		word-break: normal;
		display: none !important;
	}

	.lifex-home-features-nav-ja {
		margin: 0 !important;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0;

		white-space: nowrap;
	}



	/* Active */

	.lifex-home-features-nav-item.is-active {
		background: #527B88;
	}


	/* PC用三角マーカーはSPでは不要 */

	.lifex-home-features-nav-item.is-active::after {
		display: none;
	}


	/* =====================================================
	   Contents
	===================================================== */

	.lifex-home-features-contents {
		width: auto;
		margin: 0 0px;
		padding: 0 10px;
		background: #f7f9f9;
	}

	.lifex-home-features-panel {
		min-height: 420px;
	}


	/* Placeholder */

	.lifex-home-features-placeholder {
		min-height: 420px;
		padding: 45px 20px;
	}

	.lifex-home-features-placeholder-number {
		font-size: 78px;
	}

	.lifex-home-features-placeholder-en {
		font-size: 10px;
	}

	.lifex-home-features-placeholder-text {
		font-size: 16px;
	}

}


/* =========================================================
   03 / TOPページ LIFE X 5 FEATURES
   PERFORMANCE
========================================================= */

.lifex-home-performance {
	width: 100%;
	padding: 48px 46px 42px;
	box-sizing: border-box;
}


/* =========================================================
   PERFORMANCE Lead
========================================================= */

.lifex-home-performance-head {
	max-width: 720px;
}

.lifex-home-performance-label {
	margin: 0 0 12px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-performance-title {
	margin: 0;
	color: #111;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .035em;
}

.lifex-home-performance-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-performance-lead {
	margin: 18px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: .025em;
}


/* =========================================================
   PERFORMANCE Grid
========================================================= */

.lifex-home-performance-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 38px;
	gap: 24px;
}


/* =========================================================
   PERFORMANCE Item
========================================================= */

.lifex-home-performance-item {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 28px 28px 26px;
	border: 1px solid #cfdadd;
	background: #fff;
	box-sizing: border-box;
	transition: background-color .3s ease;
}

.lifex-home-performance-item:hover {
	background: #fbfcfc;
}


/* =========================================================
   Item Head
========================================================= */

.lifex-home-performance-item-head {
	display: flex;
	align-items: center;
	gap: 14px;
}

.lifex-home-performance-item-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #eaf1f2;
	color: #527B88;
	font-size: 19px;
	box-sizing: border-box;
}

.lifex-home-performance-item-heading {
	min-width: 0;
}

.lifex-home-performance-item-number {
	margin: 0 0 3px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .1em;
}

.lifex-home-performance-item-en {
	margin: 0 0 3px;
	color: #8b999d;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .1em;
}

.lifex-home-performance-item-category {
	margin: 0;
	color: #333;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}


/* =========================================================
   Benefit Title
========================================================= */

.lifex-home-performance-item-title {
	margin: 20px 0 0;
	color: #171717;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.55;
	letter-spacing: .025em;
}

.lifex-home-performance-item-title br {
	display: none;
}


/* =========================================================
   Main Spec
========================================================= */

.lifex-home-performance-spec {
	position: relative;
	margin-top: 18px;
	padding: 19px 20px 17px;
	background: #f2f6f6;
	box-sizing: border-box;
}

.lifex-home-performance-spec::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: #527B88;
}

.lifex-home-performance-spec-label {
	margin: 0 0 5px;
	color: #6f8085;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: .07em;
}


/* =========================================================
   Main Spec Value
========================================================= */

.lifex-home-performance-spec-value {
	display: flex;
	align-items: baseline;
	gap: 7px;
	margin: 0;
	color: #527B88;
}

.lifex-home-performance-spec-value span {
	color: #35464b;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}

.lifex-home-performance-spec-value strong {
	color: #527B88;
	font-family: "Outfit", "Noto Sans JP", sans-serif;
	font-size: 44px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -.02em;
}

.lifex-home-performance-spec-value small {
	color: #527B88;
	font-size: 13px;
	font-weight: 600;
}

.lifex-home-performance-spec-note {
	margin: 7px 0 0;
	color: #555;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
}


/* =========================================================
   換気
========================================================= */

.lifex-home-performance-spec-value-text {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 7px;
}

.lifex-home-performance-spec-value-text strong {
	font-size: 34px;
}

.lifex-home-performance-spec-value-text span {
	color: #527B88;
	font-size: 16px;
	font-weight: 600;
}


/* =========================================================
   BELS
========================================================= */

.lifex-home-performance-spec-value-bels {
	display: flex;
	align-items: center;
	gap: 12px;
}

.lifex-home-performance-spec-value-bels span {
	color: #35464b;
	font-size: 15px;
	font-weight: 600;
}

.lifex-home-performance-spec-value-bels strong {
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 23px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .05em;
}


/* =========================================================
   Point List
========================================================= */

.lifex-home-performance-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.lifex-home-performance-list li {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: center;
	gap: 9px;
	min-height: 34px;
	padding: 8px 0;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.55;
	box-sizing: border-box;
}

.lifex-home-performance-check {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #527B88;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}


/* =========================================================
   Detail Link
========================================================= */

.lifex-home-performance-link-wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 32px;
	padding-right: 18px;
}

.lifex-home-performance-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 290px;
	height: 56px;
	padding: 0 23px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-performance-link-text {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .05em;
}

.lifex-home-performance-link-arrow {
	position: absolute;
	top: 50%;
	right: -18px;
	width: 48px;
	height: 14px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-performance-link-arrow-line {
	position: absolute;
	top: 7px;
	left: 0;
	width: 48px;
	height: 1px;
	background: #527B88;
}

.lifex-home-performance-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-performance-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-performance-link:hover
.lifex-home-performance-link-arrow {
	right: -24px;
}


/* =========================================================
   PERFORMANCE Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-performance {
		padding: 40px 30px 36px;
	}

	.lifex-home-performance-title {
		font-size: 27px;
	}

	/*
	 * 上タブ化したことで横幅が確保できるため、
	 * Tabletでも可能な限り2列を維持
	 */
	.lifex-home-performance-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lifex-home-performance-item {
		padding: 24px 22px;
	}

	.lifex-home-performance-item-title {
		font-size: 18px;
	}

	.lifex-home-performance-spec-value strong {
		font-size: 40px;
	}

}


/* =========================================================
   PERFORMANCE SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-performance {
		padding: 30px 18px 32px;
	}


	/* Lead */

	.lifex-home-performance-label {
		font-size: 10px;
	}

	.lifex-home-performance-title {
		font-size: 22px;
		line-height: 1.6;
	}

	.lifex-home-performance-lead {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.85;
	}

	.lifex-home-performance-lead br {
		display: none;
	}


	/* Grid */

	.lifex-home-performance-grid {
		display: block;
		margin-top: 28px;
		border: 0;
	}


	/* Item */

	.lifex-home-performance-item {
		display: block;
		padding: 22px 18px 21px;
		border: 1px solid #cfdadd;
	}

	.lifex-home-performance-item
	+
	.lifex-home-performance-item {
		margin-top: 14px;
	}

	.lifex-home-performance-item:hover {
		background: #fff;
	}


	/* Head */

	.lifex-home-performance-item-head {
		gap: 12px;
	}

	.lifex-home-performance-item-icon {
		flex-basis: 44px;
		width: 44px;
		height: 44px;
		font-size: 18px;
	}

	.lifex-home-performance-item-number {
		font-size: 11px;
	}

	.lifex-home-performance-item-en {
		font-size: 9px;
	}

	.lifex-home-performance-item-category {
		font-size: 12px;
	}


	/* Title */

	.lifex-home-performance-item-title {
		margin-top: 17px;
		font-size: 17px;
	}

	.lifex-home-performance-item-title br {
		display: none;
	}


	/* Main Spec */

	.lifex-home-performance-spec {
		margin-top: 15px;
		padding: 17px 16px 15px;
	}

	.lifex-home-performance-spec-label {
		font-size: 10px;
	}

	.lifex-home-performance-spec-value span {
		font-size: 14px;
	}

	.lifex-home-performance-spec-value strong {
		font-size: 40px;
	}

	.lifex-home-performance-spec-value small {
		font-size: 12px;
	}

	.lifex-home-performance-spec-note {
		font-size: 11px;
	}


	/* 換気 */

	.lifex-home-performance-spec-value-text strong {
		font-size: 29px;
	}

	.lifex-home-performance-spec-value-text span {
		font-size: 14px;
	}


	/* BELS */

	.lifex-home-performance-spec-value-bels {
		gap: 9px;
	}

	.lifex-home-performance-spec-value-bels span {
		font-size: 14px;
	}

	.lifex-home-performance-spec-value-bels strong {
		font-size: 20px;
	}


	/* List */

	.lifex-home-performance-list {
		margin-top: 15px;
	}

	.lifex-home-performance-list li {
		min-height: 39px;
		font-size: 12px;
	}

	.lifex-home-performance-check {
		width: 19px;
		height: 19px;
		font-size: 9px;
	}


	/* Detail Link */

	.lifex-home-performance-link-wrap {
		justify-content: center;
		margin-top: 28px;
		padding-right: 0;
	}

	.lifex-home-performance-link {
		width: calc(100% - 28px);
		max-width: 290px;
		height: 54px;
		padding: 0 20px;
	}

	.lifex-home-performance-link-text {
		font-size: 12px;
	}

	.lifex-home-performance-link-arrow {
		right: -15px;
		width: 42px;
	}

	.lifex-home-performance-link-arrow-line {
		width: 42px;
	}

}

/* =========================================================
   03 / TOPページ LIFE X 5 FEATURES
   STANDARD SPEC
========================================================= */

.lifex-home-standard {
	width: 100%;
	padding: 48px 46px 42px;
	box-sizing: border-box;
}


/* =========================================================
   Lead
========================================================= */

.lifex-home-standard-head {
	max-width: 760px;
}

.lifex-home-standard-label {
	margin: 0 0 12px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-standard-title {
	margin: 0;
	color: #111;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .035em;
}

.lifex-home-standard-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-standard-lead {
	margin: 18px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: .025em;
}


/* =========================================================
   Pick Up Area
========================================================= */

.lifex-home-standard-pickup-area {
	margin-top: 42px;
}

.lifex-home-standard-pickup-head {
	margin-bottom: 22px;
}

.lifex-home-standard-pickup-head-en {
	margin: 0 0 7px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-standard-pickup-head-title {
	margin: 0;
	color: #111;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: .03em;
}


/* =========================================================
   Card Grid
   PC：2列 × 2段
========================================================= */

.lifex-home-standard-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	border-top: 1px solid #cfdadd;
	border-left: 1px solid #cfdadd;
}


/* =========================================================
   Card
========================================================= */

.lifex-home-standard-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	border-right: 1px solid #cfdadd;
	border-bottom: 1px solid #cfdadd;
	background: #fff;
	box-sizing: border-box;
}


/* =========================================================
   Card Image
========================================================= */

.lifex-home-standard-card-image {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e9eeee;
}

.lifex-home-standard-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}

.lifex-home-standard-card:hover
.lifex-home-standard-card-image img {
	transform: scale(1.025);
}


/* STANDARD Badge */

.lifex-home-standard-card-badge {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 88px;
	height: 27px;
	padding: 0 11px;
	background: #527B88;
	color: #fff;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .12em;
	box-sizing: border-box;
}


/* =========================================================
   Card Body
========================================================= */

.lifex-home-standard-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 25px 27px 26px;
	box-sizing: border-box;
}


/* =========================================================
   Card Heading
========================================================= */

.lifex-home-standard-card-heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.lifex-home-standard-card-heading > div {
	min-width: 0;
}

.lifex-home-standard-card-category {
	margin: 0 0 7px;
	color: #8b999d;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .13em;
}

.lifex-home-standard-card-maker {
	margin: 0 0 3px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .08em;
}

.lifex-home-standard-card-name {
	margin: 0;
	color: #111;
	font-family: "Outfit", "Noto Sans JP", sans-serif;
	font-size: 29px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: .025em;
}

.lifex-home-standard-card-name.is-jp {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: .025em;
}

.lifex-home-standard-card-ja {
	margin: 5px 0 0;
	color: #527B88;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: .05em;
}


/* Number */

.lifex-home-standard-card-number {
	flex: 0 0 auto;
	color: #d1dcde;
	font-family: "Outfit", sans-serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -.02em;
}


/* =========================================================
   Card Copy
========================================================= */

.lifex-home-standard-card-copy {
	margin: 18px 0 0;
	color: #444;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: .02em;
}


/* =========================================================
   Card Points
========================================================= */

.lifex-home-standard-card-points {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: auto;
	padding-top: 19px;
}

.lifex-home-standard-card-points span {
	display: inline-flex;
	align-items: center;
	min-height: 29px;
	padding: 5px 11px;
	border: 1px solid #cbd6d8;
	background: #f7f9f9;
	color: #42565c;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
	box-sizing: border-box;
}


/* =========================================================
   More Standard
========================================================= */

.lifex-home-standard-more {
	margin-top: 46px;
	padding-top: 35px;
	border-top: 1px solid #cfdadd;
}

.lifex-home-standard-more-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 25px;
}

.lifex-home-standard-more-en {
	margin: 0 0 8px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .13em;
}

.lifex-home-standard-more-title {
	margin: 0;
	color: #111;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .03em;
}

.lifex-home-standard-more-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-standard-more-text {
	flex: 0 0 auto;
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}


/* =========================================================
   More Standard Equipment
   PC：5列 × 2段
========================================================= */

.lifex-home-standard-equipment {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 1px solid #dce4e6;
	border-left: 1px solid #dce4e6;
}

.lifex-home-standard-equipment-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 11px;
	min-width: 0;
	min-height: 112px;
	padding: 16px 10px;
	border-right: 1px solid #dce4e6;
	border-bottom: 1px solid #dce4e6;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-standard-equipment-item:hover {
	background: #f5f8f8;
}

.lifex-home-standard-equipment-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	color: #527B88;
	font-size: 20px;
	line-height: 1;
}

.lifex-home-standard-equipment-name {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}


/* =========================================================
   Detail Link
========================================================= */

.lifex-home-standard-link-wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 32px;
	padding-right: 18px;
}

.lifex-home-standard-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 290px;
	height: 56px;
	padding: 0 23px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-standard-link-text {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .05em;
}

.lifex-home-standard-link-arrow {
	position: absolute;
	top: 50%;
	right: -18px;
	width: 48px;
	height: 14px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-standard-link-arrow-line {
	position: absolute;
	top: 7px;
	left: 0;
	width: 48px;
	height: 1px;
	background: #527B88;
}

.lifex-home-standard-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-standard-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-standard-link:hover
.lifex-home-standard-link-arrow {
	right: -24px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-standard {
		padding: 40px 30px 36px;
	}

	.lifex-home-standard-title {
		font-size: 27px;
	}

	.lifex-home-standard-card-body {
		padding: 22px 22px 23px;
	}

	.lifex-home-standard-card-name {
		font-size: 25px;
	}

	.lifex-home-standard-card-name.is-jp {
		font-size: 18px;
	}

	.lifex-home-standard-card-number {
		font-size: 26px;
	}

	.lifex-home-standard-equipment {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.lifex-home-standard-equipment-item {
		min-height: 105px;
		padding: 14px 7px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-standard {
		padding: 30px 18px 32px;
	}


	/* =====================================================
	   Lead
	===================================================== */

	.lifex-home-standard-label {
		font-size: 10px;
	}

	.lifex-home-standard-title {
		font-size: 22px;
		line-height: 1.6;
	}

	.lifex-home-standard-lead {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.85;
	}

	.lifex-home-standard-lead br {
		display: none;
	}


	/* =====================================================
	   Pick Up
	===================================================== */

	.lifex-home-standard-pickup-area {
		margin-top: 30px;
	}

	.lifex-home-standard-pickup-head {
		margin-bottom: 17px;
	}

	.lifex-home-standard-pickup-head-en {
		font-size: 9px;
	}

	.lifex-home-standard-pickup-head-title {
		font-size: 18px;
	}


	/* =====================================================
	   Cards
	   SP：1列
	===================================================== */

	.lifex-home-standard-card-grid {
		display: block;
		border: 0;
	}

	.lifex-home-standard-card {
		border: 1px solid #cfdadd;
	}

	.lifex-home-standard-card
	+
	.lifex-home-standard-card {
		margin-top: 15px;
	}


	/* =====================================================
	   Image
	===================================================== */

	.lifex-home-standard-card-image {
		aspect-ratio: 16 / 9;
	}

	.lifex-home-standard-card:hover
	.lifex-home-standard-card-image img {
		transform: none;
	}

	.lifex-home-standard-card-badge {
		top: 12px;
		left: 12px;
		min-width: 78px;
		height: 24px;
		padding: 0 9px;
		font-size: 8px;
	}


	/* =====================================================
	   Card Body
	===================================================== */

	.lifex-home-standard-card-body {
		padding: 20px 18px 21px;
	}

	.lifex-home-standard-card-heading {
		gap: 14px;
	}

	.lifex-home-standard-card-category {
		margin-bottom: 6px;
		font-size: 8px;
	}

	.lifex-home-standard-card-maker {
		font-size: 10px;
	}

	.lifex-home-standard-card-name {
		font-size: 20px;
	}

	.lifex-home-standard-card-name.is-jp {
		font-size: 18px;
	}

	.lifex-home-standard-card-ja {
		font-size: 10px;
	}

	.lifex-home-standard-card-number {
		font-size: 25px;
	}

	.lifex-home-standard-card-copy {
		margin-top: 15px;
		font-size: 12px;
		line-height: 1.75;
	}

	.lifex-home-standard-card-copy br {
		display: none;
	}

	.lifex-home-standard-card-points {
		margin-top: 0;
		padding-top: 16px;
	}

	.lifex-home-standard-card-points span {
		min-height: 27px;
		padding: 4px 9px;
		font-size: 9px;
	}


	/* =====================================================
	   More Standard
	===================================================== */

	.lifex-home-standard-more {
		margin-top: 34px;
		padding-top: 28px;
	}

	.lifex-home-standard-more-head {
		display: block;
		margin-bottom: 20px;
	}

	.lifex-home-standard-more-en {
		font-size: 9px;
	}

	.lifex-home-standard-more-title {
		font-size: 19px;
	}

	.lifex-home-standard-more-title br {
		display: none;
	}

	.lifex-home-standard-more-text {
		margin-top: 12px;
		font-size: 11px;
	}

	.lifex-home-standard-more-text br {
		display: none;
	}


	/* =====================================================
	   Equipment
	   SP：2列
	===================================================== */

	.lifex-home-standard-equipment {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.lifex-home-standard-equipment-item {
		min-height: 98px;
		padding: 13px 8px;
	}

	.lifex-home-standard-equipment-item:hover {
		background: #fff;
	}

	.lifex-home-standard-equipment-icon {
		width: 34px;
		height: 34px;
		font-size: 18px;
	}

	.lifex-home-standard-equipment-name {
		font-size: 11px;
	}


	/* =====================================================
	   Detail Link
	===================================================== */

	.lifex-home-standard-link-wrap {
		justify-content: center;
		margin-top: 28px;
		padding-right: 0;
	}

	.lifex-home-standard-link {
		width: calc(100% - 28px);
		max-width: 290px;
		height: 54px;
		padding: 0 20px;
	}

	.lifex-home-standard-link-text {
		font-size: 12px;
	}

	.lifex-home-standard-link-arrow {
		right: -15px;
		width: 42px;
	}

	.lifex-home-standard-link-arrow-line {
		width: 42px;
	}

}

/* =========================================================
   LIFE X 5 FEATURES
   DESIGN
========================================================= */

.lifex-home-design {
	width: 100%;
	padding: 48px 46px 42px;
	box-sizing: border-box;
}


/* =========================================================
   Lead
========================================================= */

.lifex-home-design-head {
	max-width: 780px;
}

.lifex-home-design-label {
	margin: 0 0 12px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-design-title {
	margin: 0;
	color: #111;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .035em;
}

.lifex-home-design-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-design-lead {
	margin: 18px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: .025em;
}


/* =========================================================
   Common Section Heading
========================================================= */

.lifex-home-design-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 50px;
	margin-bottom: 24px;
}

.lifex-home-design-section-heading {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.lifex-home-design-section-number {
	flex: 0 0 auto;
	margin: 0px 0 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .08em;
}

.lifex-home-design-section-en {
	margin: 0 0 6px;
	color: #8c9a9e;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-design-section-title {
	margin: 0;
	color: #111;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .03em;
}

.lifex-home-design-section-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-design-section-text {
	flex: 0 0 auto;
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: .02em;
}


/* =========================================================
   01 / FACADE
========================================================= */

.lifex-home-design-facade {
	margin-top: 46px;
}


/* =========================================================
   Facade Gallery

   PC
   ┌───────────────┬───────┬───────┐
   │               │   2   │   3   │
   │     MAIN      ├───────┼───────┤
   │               │   4   │   5   │
   └───────────────┴───────┴───────┘
========================================================= */

.lifex-home-design-facade-gallery {
	display: grid;
	grid-template-columns: 1.45fr .72fr .72fr;
	grid-template-rows: repeat(2, 280px);
	gap: 6px;
	width: 100%;
}

.lifex-home-design-facade-item {
	position: relative;
	min-width: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background: #e9eeee;
}

.lifex-home-design-facade-item.is-large {
	grid-column: 1;
	grid-row: 1 / span 2;
}

.lifex-home-design-facade-item:nth-child(2) {
	grid-column: 2;
	grid-row: 1;
}

.lifex-home-design-facade-item:nth-child(3) {
	grid-column: 3;
	grid-row: 1;
}

.lifex-home-design-facade-item:nth-child(4) {
	grid-column: 2;
	grid-row: 2;
}

.lifex-home-design-facade-item:nth-child(5) {
	grid-column: 3;
	grid-row: 2;
}

.lifex-home-design-facade-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .7s ease;
}

.lifex-home-design-facade-item:hover img {
	transform: scale(1.035);
}

.lifex-home-design-facade-note {
	margin: 10px 0 0;
	color: #a2adaf;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .15em;
	text-align: right;
}


/* =========================================================
   02 / INTERIOR
========================================================= */

.lifex-home-design-interior {
	margin-top: 58px;
	padding-top: 44px;
	border-top: 1px solid #d7e0e2;
}


/* =========================================================
   Interior Main
========================================================= */

.lifex-home-design-interior-main {
	position: relative;
	width: 100%;
	height: 460px;
	overflow: hidden;
	background: #e9eeee;
}

.lifex-home-design-interior-main::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			to top,
			rgba(0, 0, 0, .46) 0%,
			rgba(0, 0, 0, .08) 42%,
			rgba(0, 0, 0, 0) 68%
		);
	pointer-events: none;
}

.lifex-home-design-interior-main-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lifex-home-design-interior-main-caption {
	position: absolute;
	z-index: 2;
	left: 30px;
	bottom: 27px;
	color: #fff;
}

.lifex-home-design-interior-main-number {
	margin: 0 0 7px;
	color: rgba(255, 255, 255, .72);
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-design-interior-main-en {
	margin: 0;
	color: #fff;
	font-family: "Outfit", sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: .03em;
}

.lifex-home-design-interior-main-ja {
	margin: 6px 0 0;
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .08em;
}


/* =========================================================
   5 STYLE
========================================================= */

.lifex-home-design-style-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 8px;
}

.lifex-home-design-style-item {
	position: relative;
	min-width: 0;
	cursor: pointer;
}

.lifex-home-design-style-item + .lifex-home-design-style-item {
	border-left: 1px solid #fff;
}

.lifex-home-design-style-image {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #e9eeee;
}

.lifex-home-design-style-image::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(20, 30, 33, .20);
	transition: background .3s ease;
}

.lifex-home-design-style-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}

.lifex-home-design-style-item:hover
.lifex-home-design-style-image::after {
	background: rgba(20, 30, 33, .06);
}

.lifex-home-design-style-item:hover
.lifex-home-design-style-image img {
	transform: scale(1.03);
}

.lifex-home-design-style-content {
	position: relative;
	min-height: 78px;
	padding: 13px 12px 12px;
	border-bottom: 1px solid #d8e0e2;
	background: #fff;
	box-sizing: border-box;
}

.lifex-home-design-style-item.is-current
.lifex-home-design-style-content {
	background: #527B88;
}

.lifex-home-design-style-item.is-current
.lifex-home-design-style-image::after {
	background: rgba(20, 30, 33, 0);
}

.lifex-home-design-style-number {
	position: absolute;
	top: 13px;
	right: 11px;
	color: #bdc7c9;
	font-family: "Outfit", sans-serif;
	font-size: 20px;
	line-height: 1;
}

.lifex-home-design-style-en {
	margin: 0;
	padding-right: 20px;
	color: #222;
	font-family: "Outfit", sans-serif;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .02em;
}

.lifex-home-design-style-ja {
	margin: 5px 0 0;
	color: #7a878a;
	font-size: 9px;
	font-weight: 500;
	line-height: 1.4;
}

.lifex-home-design-style-item.is-current
.lifex-home-design-style-number {
	color: rgba(255, 255, 255, .55);
}

.lifex-home-design-style-item.is-current
.lifex-home-design-style-en,
.lifex-home-design-style-item.is-current
.lifex-home-design-style-ja {
	color: #fff;
}


/* =========================================================
   03 / SELECT & CUSTOMIZE
========================================================= */

.lifex-home-design-customize {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	margin-top: 54px;
	background: #f1f5f5;
}

.lifex-home-design-customize-image {
	min-width: 0;
	min-height: 330px;
	overflow: hidden;
}

.lifex-home-design-customize-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lifex-home-design-customize-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 42px 38px;
	box-sizing: border-box;
}

.lifex-home-design-customize-heading {
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.lifex-home-design-customize-number {
	flex: 0 0 auto;
	margin: 0px 0 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

.lifex-home-design-customize-en {
	margin: 0 0 7px;
	color: #819095;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-design-customize-title {
	margin: 0;
	color: #111;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .03em;
}

.lifex-home-design-customize-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-design-customize-text {
	margin: 20px 0 0;
	color: #555;
	font-size: 12px;
	line-height: 1.85;
	letter-spacing: .02em;
}

.lifex-home-design-customize-list {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}

.lifex-home-design-customize-list li {
	margin: 0;
	padding: 6px 12px;
	border: 1px solid #c5d2d5;
	background: #fff;
	color: #43585e;
	font-size: 10px;
	font-weight: 500;
	line-height: 1.4;
}


/* =========================================================
   Detail Link
========================================================= */

.lifex-home-design-link-wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 34px;
	padding-right: 18px;
}

.lifex-home-design-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 300px;
	height: 56px;
	padding: 0 23px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-design-link-text {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
}

.lifex-home-design-link-arrow {
	position: absolute;
	top: 50%;
	right: -18px;
	width: 48px;
	height: 14px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-design-link-arrow-line {
	position: absolute;
	top: 7px;
	left: 0;
	width: 48px;
	height: 1px;
	background: #527B88;
}

.lifex-home-design-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-design-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-design-link:hover
.lifex-home-design-link-arrow {
	right: -24px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-design {
		padding: 40px 30px 36px;
	}

	.lifex-home-design-title {
		font-size: 27px;
	}

	.lifex-home-design-facade-gallery {
		grid-template-rows: repeat(2, 150px);
	}

	.lifex-home-design-interior-main {
		height: 390px;
	}

	.lifex-home-design-style-content {
		padding: 11px 9px;
	}

	.lifex-home-design-style-number {
		top: 11px;
		right: 8px;
	}

	.lifex-home-design-style-en {
		font-size: 11px;
	}

	.lifex-home-design-customize {
		grid-template-columns: 1fr 1fr;
	}

	.lifex-home-design-customize-content {
		padding: 32px 28px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-design {
		padding: 30px 18px 32px;
	}


	/* =====================================================
	   Lead
	===================================================== */

	.lifex-home-design-label {
		font-size: 10px;
	}

	.lifex-home-design-title {
		font-size: 22px;
		line-height: 1.6;
	}

	.lifex-home-design-lead {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.85;
	}

	.lifex-home-design-lead br {
		display: none;
	}


	/* =====================================================
	   Common Heading
	===================================================== */

	.lifex-home-design-section-head {
		display: block;
		margin-bottom: 18px;
	}

	.lifex-home-design-section-heading {
		gap: 10px;
	}

	.lifex-home-design-section-number {
		font-size: 10px;
	}

	.lifex-home-design-section-en {
		font-size: 8px;
	}

	.lifex-home-design-section-title {
		font-size: 18px;
	}

	.lifex-home-design-section-text {
		margin: 13px 0 0 20px;
		font-size: 11px;
		line-height: 1.75;
	}

	.lifex-home-design-section-text br {
		display: none;
	}


	/* =====================================================
	   Facade
	===================================================== */

	.lifex-home-design-facade {
		margin-top: 32px;
	}

	.lifex-home-design-facade-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
		gap: 4px;
	}

	.lifex-home-design-facade-item,
	.lifex-home-design-facade-item:nth-child(2),
	.lifex-home-design-facade-item:nth-child(3),
	.lifex-home-design-facade-item:nth-child(4),
	.lifex-home-design-facade-item:nth-child(5) {
		grid-column: auto;
		grid-row: auto;
		height: auto;
		aspect-ratio: 4 / 3;
	}

	.lifex-home-design-facade-item.is-large {
		grid-column: 1 / -1;
		grid-row: auto;
		aspect-ratio: 16 / 9;
	}

	.lifex-home-design-facade-item:hover img {
		transform: none;
	}

	.lifex-home-design-facade-note {
		margin-top: 8px;
		font-size: 8px;
	}


	/* =====================================================
	   Interior
	===================================================== */

	.lifex-home-design-interior {
		margin-top: 40px;
		padding-top: 32px;
	}

	.lifex-home-design-interior-main {
		height: auto;
		aspect-ratio: 4 / 3;
	}

	.lifex-home-design-interior-main-caption {
		left: 18px;
		bottom: 17px;
	}

	.lifex-home-design-interior-main-number {
		margin-bottom: 5px;
		font-size: 8px;
	}

	.lifex-home-design-interior-main-en {
		font-size: 23px;
	}

	.lifex-home-design-interior-main-ja {
		margin-top: 4px;
		font-size: 9px;
	}


	/* =====================================================
	   5 Styles
	   SPは横スクロール
	===================================================== */

	.lifex-home-design-style-grid {
		display: flex;
		gap: 6px;
		margin-top: 6px;
		padding-bottom: 6px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x proximity;
	}

	.lifex-home-design-style-grid::-webkit-scrollbar {
		display: none;
	}

	.lifex-home-design-style-item {
		flex: 0 0 43%;
		scroll-snap-align: start;
	}

	.lifex-home-design-style-item
	+
	.lifex-home-design-style-item {
		border-left: 0;
	}

	.lifex-home-design-style-image {
		aspect-ratio: 4 / 3;
	}

	.lifex-home-design-style-item:hover
	.lifex-home-design-style-image img {
		transform: none;
	}

	.lifex-home-design-style-content {
		min-height: 69px;
		padding: 10px 9px;
		border: 1px solid #d8e0e2;
		border-top: 0;
	}

	.lifex-home-design-style-number {
		top: 10px;
		right: 8px;
		font-size: 8px;
	}

	.lifex-home-design-style-en {
		font-size: 14px;
	}

	.lifex-home-design-style-ja {
		margin-top: 4px;
		font-size: 8px;
	}


	/* =====================================================
	   Customize
	===================================================== */

	.lifex-home-design-customize {
		display: flex;
		flex-direction: column;
		margin-top: 38px;
	}

	.lifex-home-design-customize-image {
		min-height: 0;
		aspect-ratio: 16 / 10;
	}

	.lifex-home-design-customize-content {
		padding: 25px 20px 26px;
	}

	.lifex-home-design-customize-heading {
		gap: 10px;
	}

	.lifex-home-design-customize-number {
		font-size: 10px;
	}

	.lifex-home-design-customize-en {
		font-size: 8px;
	}

	.lifex-home-design-customize-title {
		font-size: 19px;
	}

	.lifex-home-design-customize-text {
		margin-top: 16px;
		font-size: 11px;
		line-height: 1.8;
	}

	.lifex-home-design-customize-text br {
		display: none;
	}

	.lifex-home-design-customize-list {
		gap: 6px;
		margin-top: 17px;
	}

	.lifex-home-design-customize-list li {
		padding: 5px 10px;
		font-size: 9px;
	}


	/* =====================================================
	   Detail Link
	===================================================== */

	.lifex-home-design-link-wrap {
		justify-content: center;
		margin-top: 28px;
		padding-right: 0;
	}

	.lifex-home-design-link {
		width: calc(100% - 28px);
		max-width: 300px;
		height: 54px;
		padding: 0 20px;
	}

	.lifex-home-design-link-text {
		font-size: 12px;
	}

	.lifex-home-design-link-arrow {
		right: -15px;
		width: 42px;
	}

	.lifex-home-design-link-arrow-line {
		width: 42px;
	}

}

/* =========================================================
   LIFE X 5 FEATURES
   COST
========================================================= */

.lifex-home-cost {
	width: 100%;
	padding: 48px 46px 42px;
	box-sizing: border-box;
}


/* =========================================================
   Lead
========================================================= */

.lifex-home-cost-head {
	max-width: 800px;
}

.lifex-home-cost-label {
	margin: 0 0 12px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-cost-title {
	margin: 0;
	color: #111;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .035em;
}

.lifex-home-cost-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-cost-lead {
	margin: 18px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: .02em;
}


/* =========================================================
   TOTAL COST
========================================================= */

.lifex-home-cost-total {
	margin-top: 48px;
	padding: 42px 38px 38px;
	background: #eef3f4;
	box-sizing: border-box;
}

.lifex-home-cost-total-heading {
	text-align: center;
}

.lifex-home-cost-total-en {
	margin: 0 0 8px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .16em;
}

.lifex-home-cost-total-title {
	margin: 0;
	color: #222;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: .03em;
}

.lifex-home-cost-total-title span {
	color: #527B88;
	font-weight: 600;
}


/* =========================================================
   Cost Flow
========================================================= */

.lifex-home-cost-flow {
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		54px
		minmax(0, 1fr)
		54px
		minmax(0, 1fr);
	align-items: stretch;
	margin-top: 34px;
}

.lifex-home-cost-flow-item {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 28px 24px 26px;
	background: #fff;
	box-sizing: border-box;
}

.lifex-home-cost-flow-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid #dce4e5;
}

.lifex-home-cost-flow-number {
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 23px;
	font-weight: 400;
	line-height: 1;
}

.lifex-home-cost-flow-en {
	margin: 0;
	color: #8b999c;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .11em;
	text-align: right;
}

.lifex-home-cost-flow-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin: 24px 0 18px;
	border-radius: 50%;
	background: #edf4f4;
	color: #527B88;
	font-size: 20px;
}

.lifex-home-cost-flow-title {
	margin: 0;
	color: #222;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.55;
}

.lifex-home-cost-flow-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-cost-flow-text {
	margin: 14px 0 0;
	color: #666;
	font-size: 13px;
	line-height: 1.8;
}


/* =========================================================
   Flow Arrow
========================================================= */

.lifex-home-cost-flow-arrow {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.lifex-home-cost-flow-arrow span {
	position: relative;
	display: block;
	width: 27px;
	height: 1px;
	background: #9daeb2;
}

.lifex-home-cost-flow-arrow span::after {
	content: "";
	position: absolute;
	top: -4px;
	right: 0;
	width: 8px;
	height: 8px;
	border-top: 1px solid #9daeb2;
	border-right: 1px solid #9daeb2;
	transform: rotate(45deg);
}


/* =========================================================
   Result
========================================================= */

.lifex-home-cost-result {
	position: relative;
	display: grid;
	grid-template-columns: 115px minmax(0, 1fr);
	align-items: center;
	margin-top: 26px;
	background: #527B88;
	color: #fff;
	overflow: hidden;
}

.lifex-home-cost-result::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 115px;
	width: 1px;
	height: 60%;
	background: rgba(255, 255, 255, .3);
	transform: translateY(-50%);
}

.lifex-home-cost-result-label {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 145px;
	font-family: "Outfit", sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .12em;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.lifex-home-cost-result-content {
	padding: 28px 34px;
}

.lifex-home-cost-result-en {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .65);
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	letter-spacing: .14em;
}

.lifex-home-cost-result-title {
	margin: 0;
	color: #fff;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.55;
}

.lifex-home-cost-result-title span {
	font-weight: 700;
}

.lifex-home-cost-result-text {
	margin: 10px 0 0;
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
	line-height: 1.8;
}


/* =========================================================
   HIGH GRADE × LOW COST
========================================================= */

.lifex-home-cost-reason {
	margin-top: 58px;
	padding-top: 44px;
	border-top: 1px solid #d8e1e3;
}

.lifex-home-cost-reason-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 50px;
}

.lifex-home-cost-reason-en {
	margin: 0 0 7px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .15em;
}

.lifex-home-cost-reason-title {
	margin: 0;
	color: #111;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: .03em;
}

.lifex-home-cost-reason-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-cost-reason-lead {
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}


/* =========================================================
   Reasons
========================================================= */

.lifex-home-cost-reason-list {
	margin-top: 28px;
	border-top: 1px solid #d8e1e3;
}

.lifex-home-cost-reason-item {
	display: grid;
	grid-template-columns: 64px 68px minmax(0, 1fr);
	align-items: center;
	gap: 22px;
	min-height: 142px;
	padding: 23px 22px;
	border-bottom: 1px solid #d8e1e3;
	box-sizing: border-box;
	transition: background .3s ease;
}

.lifex-home-cost-reason-item:hover {
	background: #f4f7f7;
}

.lifex-home-cost-reason-number {
	color: #b4c0c2;
	font-family: "Outfit", sans-serif;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
}

.lifex-home-cost-reason-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	border: 1px solid #bfcdd0;
	border-radius: 50%;
	color: #527B88;
	font-size: 19px;
	box-sizing: border-box;
}

.lifex-home-cost-reason-category {
	margin: 0 0 6px;
	color: #8b989b;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	line-height: 1;
	letter-spacing: .12em;
}

.lifex-home-cost-reason-item-title {
	margin: 0;
	color: #222;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.55;
}

.lifex-home-cost-reason-item-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-cost-reason-text {
	margin: 9px 0 0;
	color: #666;
	font-size: 14px;
	line-height: 1.75;
}


/* =========================================================
   Detail Link
========================================================= */

.lifex-home-cost-link-wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 34px;
	padding-right: 18px;
}

.lifex-home-cost-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 300px;
	height: 56px;
	padding: 0 23px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-cost-link-text {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
}

.lifex-home-cost-link-arrow {
	position: absolute;
	top: 50%;
	right: -18px;
	width: 48px;
	height: 14px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-cost-link-arrow-line {
	position: absolute;
	top: 7px;
	left: 0;
	width: 48px;
	height: 1px;
	background: #527B88;
}

.lifex-home-cost-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-cost-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-cost-link:hover
.lifex-home-cost-link-arrow {
	right: -24px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-cost {
		padding: 40px 30px 36px;
	}

	.lifex-home-cost-title {
		font-size: 27px;
	}

	.lifex-home-cost-total {
		padding: 36px 25px 30px;
	}

	.lifex-home-cost-flow {
		grid-template-columns:
			minmax(0, 1fr)
			36px
			minmax(0, 1fr)
			36px
			minmax(0, 1fr);
	}

	.lifex-home-cost-flow-item {
		padding: 24px 18px;
	}

	.lifex-home-cost-flow-arrow span {
		width: 20px;
	}

	.lifex-home-cost-reason-item {
		grid-template-columns: 52px 58px minmax(0, 1fr);
		gap: 16px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-cost {
		padding: 30px 18px 32px;
	}


	/* Lead */

	.lifex-home-cost-label {
		font-size: 10px;
	}

	.lifex-home-cost-title {
		font-size: 22px;
		line-height: 1.6;
	}

	.lifex-home-cost-lead {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.85;
	}

	.lifex-home-cost-lead br {
		display: none;
	}


	/* Total */

	.lifex-home-cost-total {
		margin-top: 34px;
		padding: 28px 16px 22px;
	}

	.lifex-home-cost-total-title {
		font-size: 17px;
	}


	/* Flow */

	.lifex-home-cost-flow {
		display: block;
		margin-top: 25px;
	}

	.lifex-home-cost-flow-item {
		padding: 22px 20px;
	}

	.lifex-home-cost-flow-icon {
		width: 48px;
		height: 48px;
		margin: 20px 0 15px;
		font-size: 18px;
	}

	.lifex-home-cost-flow-title {
		font-size: 16px;
	}

	.lifex-home-cost-flow-text {
		font-size: 11px;
	}

	.lifex-home-cost-flow-arrow {
		height: 37px;
	}

	.lifex-home-cost-flow-arrow span {
		width: 1px;
		height: 22px;
		background: #9daeb2;
	}

	.lifex-home-cost-flow-arrow span::after {
		top: auto;
		right: auto;
		bottom: 0;
		left: -4px;
		transform: rotate(135deg);
	}


	/* Result */

	.lifex-home-cost-result {
		display: block;
		margin-top: 18px;
	}

	.lifex-home-cost-result::before {
		display: none;
	}

	.lifex-home-cost-result-label {
		justify-content: flex-start;
		min-height: 0;
		height: auto;
		padding: 14px 20px 0;
		font-size: 10px;
		writing-mode: horizontal-tb;
		transform: none;
	}

	.lifex-home-cost-result-content {
		padding: 11px 20px 22px;
	}

	.lifex-home-cost-result-title {
		font-size: 16px;
	}

	.lifex-home-cost-result-text {
		font-size: 10px;
	}


	/* Reasons */

	.lifex-home-cost-reason {
		margin-top: 40px;
		padding-top: 31px;
	}

	.lifex-home-cost-reason-head {
		display: block;
	}

	.lifex-home-cost-reason-title {
		font-size: 19px;
	}

	.lifex-home-cost-reason-lead {
		margin-top: 12px;
		font-size: 10px;
	}

	.lifex-home-cost-reason-lead br {
		display: none;
	}

	.lifex-home-cost-reason-list {
		margin-top: 22px;
	}

	.lifex-home-cost-reason-item {
		grid-template-columns: 40px 48px minmax(0, 1fr);
		gap: 11px;
		min-height: 0;
		padding: 19px 7px;
	}

	.lifex-home-cost-reason-number {
		font-size: 21px;
	}

	.lifex-home-cost-reason-icon {
		width: 43px;
		height: 43px;
		font-size: 15px;
	}

	.lifex-home-cost-reason-category {
		font-size: 7px;
	}

	.lifex-home-cost-reason-item-title {
		font-size: 14px;
	}

	.lifex-home-cost-reason-text {
		margin-top: 7px;
		font-size: 10px;
		line-height: 1.7;
	}


	/* Detail */

	.lifex-home-cost-link-wrap {
		justify-content: center;
		margin-top: 28px;
		padding-right: 0;
	}

	.lifex-home-cost-link {
		width: calc(100% - 28px);
		max-width: 300px;
		height: 54px;
		padding: 0 20px;
	}

	.lifex-home-cost-link-text {
		font-size: 12px;
	}

	.lifex-home-cost-link-arrow {
		right: -15px;
		width: 42px;
	}

	.lifex-home-cost-link-arrow-line {
		width: 42px;
	}

}

/* =========================================================
   LIFE X 5 FEATURES
   PLAN
========================================================= */

.lifex-home-plan {
	width: 100%;
	padding: 48px 46px 42px;
	box-sizing: border-box;
}


/* =========================================================
   Lead
========================================================= */

.lifex-home-plan-head {
	position: relative;
	max-width: 850px;
}

.lifex-home-plan-label {
	margin: 0 0 10px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .14em;
}

.lifex-home-plan-count {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
}

.lifex-home-plan-count-num {
	font-size: 72px;
	font-weight: 400;
	line-height: .95;
	letter-spacing: -.035em;
}

.lifex-home-plan-count-plus {
	margin: 2px 0 0 3px;
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
}

.lifex-home-plan-count-en {
	align-self: flex-end;
	margin: 0 0 7px 11px;
	color: #8d9da1;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .15em;
}

.lifex-home-plan-title {
	margin: 0;
	color: #111;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .035em;
}

.lifex-home-plan-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-plan-lead {
	margin: 18px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: .02em;
}


/* =========================================================
   LIFESTYLE OPTIONS
========================================================= */

.lifex-home-plan-options {
	margin-top: 48px;
	padding: 36px 38px 38px;
	background: #f1f5f5;
	box-sizing: border-box;
}

.lifex-home-plan-options-head {
	display: block;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
}

.lifex-home-plan-options-en {
	margin: 0 0 7px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .15em;
}

.lifex-home-plan-options-title {
	margin: 0;
	color: #222;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.6;
}

.lifex-home-plan-options-list {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	margin-top: 28px;
	border-top: 1px solid #cbd6d8;
	border-left: 1px solid #cbd6d8;
}

.lifex-home-plan-option {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 118px;
	padding: 18px 10px;
	border-right: 1px solid #cbd6d8;
	border-bottom: 1px solid #cbd6d8;
	background: #fff;
	box-sizing: border-box;
}

.lifex-home-plan-option-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: #edf3f4;
	color: #527B88;
	font-size: 16px;
}

.lifex-home-plan-option-name {
	color: #344f5b;
	font-size: 14px;
	margin-top: 4px;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}


/* =========================================================
   PICK UP PLAN
========================================================= */

.lifex-home-plan-pickup {
	margin-top: 58px;
	padding-top: 44px;
	border-top: 1px solid #d8e1e3;
}

.lifex-home-plan-pickup-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 25px;
}

.lifex-home-plan-pickup-en {
	margin: 0 0 7px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	line-height: 1;
	letter-spacing: .15em;
}

.lifex-home-plan-pickup-title {
	margin: 0;
	color: #111;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.5;
}

.lifex-home-plan-pickup-text {
	margin: 0;
	color: #666;
	font-size: 14px;
	line-height: 1.8;
}


/* =========================================================
   Plan Cards
========================================================= */

.lifex-home-plan-pickup-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.lifex-home-plan-card {
	min-width: 0;
	background: #fff;
}

.lifex-home-plan-card-image {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #e9eeee;
}

.lifex-home-plan-card-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}

.lifex-home-plan-card:hover
.lifex-home-plan-card-image img {
	transform: scale(1.025);
}

.lifex-home-plan-card-number {
	position: absolute;
	top: 13px;
	left: 13px;
	padding: 7px 10px;
	background: rgba(255, 255, 255, .92);
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .1em;
}

.lifex-home-plan-card-content {
	padding: 22px 18px 20px;
	border-right: 1px solid #d9e1e3;
	border-bottom: 1px solid #d9e1e3;
	border-left: 1px solid #d9e1e3;
	box-sizing: border-box;
}

.lifex-home-plan-card-type {
	margin: 0 0 6px;
	color: #8d9a9d;
	font-family: "Outfit", sans-serif;
	font-size: 8px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .12em;
}

.lifex-home-plan-card-title {
	margin: 0;
	color: #222;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.55;
}

.lifex-home-plan-card-title span {
	color: #527B88;
	font-weight: 600;
}

.lifex-home-plan-card-text {
	margin: 13px 0 0;
	color: #666;
	font-size: 13px;
	line-height: 1.75;
}

.lifex-home-plan-card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 15px;
}

.lifex-home-plan-card-tags span {
	padding: 4px 8px;
	border: 1px solid #d3dddf;
	color: #657579;
	font-size: 8px;
	line-height: 1.3;
}

.lifex-home-plan-pickup-more {
	margin: 18px 0 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 14px;
	letter-spacing: .12em;
	text-align: right;
}

.lifex-home-plan-pickup-more span {
	margin-left: 10px;
	color: #777;
	font-family: inherit;
	font-size: 14px;
	letter-spacing: .02em;
}


/* =========================================================
   CLEAR PRICE
========================================================= */

.lifex-home-plan-price {
	position: relative;
	display: grid;
	grid-template-columns: 115px minmax(0, 1fr) 240px;
	align-items: stretch;
	margin-top: 48px;
	background: #344f5b;
	color: #fff;
	overflow: hidden;
}

.lifex-home-plan-price-label {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 185px;
	border-right: 1px solid rgba(255, 255, 255, .2);
	font-family: "Outfit", sans-serif;
	font-size: 11px;
	letter-spacing: .14em;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.lifex-home-plan-price-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 32px 38px;
}

.lifex-home-plan-price-en {
	margin: 0 0 7px;
	color: rgba(255, 255, 255, .58);
	font-family: "Outfit", sans-serif;
	font-size: 8px;
	letter-spacing: .14em;
}

.lifex-home-plan-price-title {
	margin: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.55;
}

.lifex-home-plan-price-title span {
	font-weight: 700;
}

.lifex-home-plan-price-text {
	margin: 13px 0 0;
	color: rgba(255, 255, 255, .75);
	font-size: 13px;
	line-height: 1.8;
}

.lifex-home-plan-price-visual {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 25px;
	background: #527B88;
	box-sizing: border-box;
}

.lifex-home-plan-price-line {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: rgba(255,255,255,.76);
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	letter-spacing: .1em;
}

.lifex-home-plan-price-line i {
	flex: 1;
	height: 1px;
	margin: 0 10px;
	background: rgba(255,255,255,.42);
}

.lifex-home-plan-price-visual > p {
	margin: 13px 0 0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
}


/* =========================================================
   Detail Link
========================================================= */

.lifex-home-plan-link-wrap {
	display: flex;
	justify-content: flex-end;
	margin-top: 34px;
	padding-right: 18px;
}

.lifex-home-plan-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 320px;
	height: 56px;
	padding: 0 23px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-plan-link-text {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .04em;
}

.lifex-home-plan-link-arrow {
	position: absolute;
	top: 50%;
	right: -18px;
	width: 48px;
	height: 14px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-plan-link-arrow-line {
	position: absolute;
	top: 7px;
	left: 0;
	width: 48px;
	height: 1px;
	background: #527B88;
}

.lifex-home-plan-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-plan-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-plan-link:hover
.lifex-home-plan-link-arrow {
	right: -24px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-plan {
		padding: 40px 30px 36px;
	}

	.lifex-home-plan-count-num {
		font-size: 62px;
	}

	.lifex-home-plan-title {
		font-size: 27px;
	}

	.lifex-home-plan-options {
		padding: 32px 25px;
	}

	.lifex-home-plan-options-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.lifex-home-plan-price {
		grid-template-columns: 90px minmax(0, 1fr) 190px;
	}

	.lifex-home-plan-price-content {
		padding: 28px 26px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-plan {
		padding: 30px 18px 32px;
	}


	/* Lead */

	.lifex-home-plan-label {
		font-size: 10px;
	}

	.lifex-home-plan-count-num {
		font-size: 54px;
	}

	.lifex-home-plan-count-plus {
		font-size: 23px;
	}

	.lifex-home-plan-count-en {
		margin-bottom: 5px;
		font-size: 8px;
	}

	.lifex-home-plan-title {
		font-size: 22px;
		line-height: 1.6;
	}

	.lifex-home-plan-lead {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.85;
	}

	.lifex-home-plan-lead br {
		display: none;
	}


	/* Options */

	.lifex-home-plan-options {
		margin-top: 34px;
		padding: 26px 15px 18px;
	}

	.lifex-home-plan-options-title {
		font-size: 18px;
	}

	.lifex-home-plan-options-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 21px;
	}

	.lifex-home-plan-option {
		min-height: 94px;
		padding: 14px 8px;
	}

	.lifex-home-plan-option-icon {
		width: 38px;
		height: 38px;
		margin-bottom: 8px;
		font-size: 14px;
	}

	.lifex-home-plan-option-name {
		font-size: 10px;
	}


	/* Pick up */

	.lifex-home-plan-pickup {
		margin-top: 40px;
		padding-top: 31px;
	}

	.lifex-home-plan-pickup-head {
		display: block;
		margin-bottom: 19px;
	}

	.lifex-home-plan-pickup-title {
		font-size: 19px;
	}

	.lifex-home-plan-pickup-text {
		margin-top: 11px;
		font-size: 10px;
	}

	.lifex-home-plan-pickup-text br {
		display: none;
	}

	.lifex-home-plan-pickup-grid {
		display: block;
	}

	.lifex-home-plan-card + .lifex-home-plan-card {
		margin-top: 17px;
	}

	.lifex-home-plan-card-image {
		aspect-ratio: 16 / 10;
	}

	.lifex-home-plan-card-content {
		padding: 19px 17px;
	}

	.lifex-home-plan-card-title {
		font-size: 16px;
	}

	.lifex-home-plan-card-text {
		font-size: 10px;
	}

	.lifex-home-plan-pickup-more {
		margin-top: 15px;
		text-align: center;
	}

	.lifex-home-plan-pickup-more span {
		display: block;
		margin: 5px 0 0;
		font-size: 12px;
	}


	/* Clear Price */

	.lifex-home-plan-price {
		display: block;
		margin-top: 36px;
	}

	.lifex-home-plan-price-label {
		justify-content: flex-start;
		min-height: 0;
		padding: 15px 19px 0;
		border-right: 0;
		font-size: 9px;
		writing-mode: horizontal-tb;
		transform: none;
	}

	.lifex-home-plan-price-content {
		padding: 13px 19px 23px;
	}

	.lifex-home-plan-price-title {
		font-size: 19px;
	}

	.lifex-home-plan-price-text {
		font-size: 10px;
	}

	.lifex-home-plan-price-visual {
		padding: 20px;
	}

	.lifex-home-plan-price-visual > p {
		font-size: 14px;
	}


	/* Detail */

	.lifex-home-plan-link-wrap {
		justify-content: center;
		margin-top: 28px;
		padding-right: 0;
	}

	.lifex-home-plan-link {
		width: calc(100% - 28px);
		max-width: 320px;
		height: 54px;
		padding: 0 18px;
	}

	.lifex-home-plan-link-text {
		font-size: 11px;
	}

	.lifex-home-plan-link-arrow {
		right: -15px;
		width: 42px;
	}

	.lifex-home-plan-link-arrow-line {
		width: 42px;
	}

}

/* =========================================================
   LIFE X 5 FEATURES
   COMMON CTA
========================================================= */

.lifex-home-features-cta {
	width: 100%;
	padding: 8px 46px 48px;
	background: transparent;
	box-sizing: border-box;
}


/* =========================================================
   Heading
========================================================= */

.lifex-home-features-cta-head {
	padding-top: 16px;
	text-align: center;
}

.lifex-home-features-cta-en {
	margin: 0 0 8px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .16em;
}

.lifex-home-features-cta-title {
	margin: 0;
	color: #222;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.55;
	letter-spacing: .03em;
}

.lifex-home-features-cta-lead {
	margin: 7px 0 0;
	color: #899598;
	font-size: 11px;
	line-height: 1.7;
}


/* =========================================================
   CTA List
========================================================= */

.lifex-home-features-cta-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 26px;
	gap: 16px;
}


/* =========================================================
   CTA Item
========================================================= */

.lifex-home-features-cta-item {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) 36px;
	align-items: center;
	gap: 14px;
	min-width: 0;
	min-height: 110px;
	padding: 22px 22px;
	border-right: 1px solid rgba(255, 255, 255, .16);
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
	transition:
		filter .3s ease,
		transform .3s ease;
}


/* =========================================================
   CTA Background Color
========================================================= */

/* 来場予約 */
.lifex-home-features-cta-item:nth-child(1) {
	background: #ca5c62;
}

/* 資料請求 */
.lifex-home-features-cta-item:nth-child(2) {
	background: #527B88;
}

/* プラン確認 */
.lifex-home-features-cta-item:nth-child(3) {
	background: #416571;
}


/* 最後のボタンだけ右線なし */
.lifex-home-features-cta-item:last-child {
	border-right: 0;
}





/* =========================================================
   Icon
========================================================= */

.lifex-home-features-cta-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-size: 16px;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}


/* =========================================================
   Content
========================================================= */

.lifex-home-features-cta-content {
	min-width: 0;
}

.lifex-home-features-cta-item-en {
	margin: 0 0 5px;
	color: rgba(255, 255, 255, .55);
	font-family: "Outfit", sans-serif;
	font-size: 8px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .13em;
	transition: color .3s ease;
}

.lifex-home-features-cta-item-title {
	margin: 0;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.45;
	transition: color .3s ease;
}

.lifex-home-features-cta-item-text {
	margin: 5px 0 0;
	color: rgba(255, 255, 255, .72);
	font-size: 9px;
	line-height: 1.5;
	transition: color .3s ease;
}


/* =========================================================
   Arrow
========================================================= */

.lifex-home-features-cta-arrow {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(255, 255, 255, .4);
	border-radius: 50%;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		border-color .3s ease;
}

.lifex-home-features-cta-arrow > span {
	position: absolute;
	top: 50%;
	left: 8px;
	width: 13px;
	height: 1px;
	background: #fff;
	transform: translateY(-50%);
	transition:
		width .3s ease,
		background-color .3s ease;
}

.lifex-home-features-cta-arrow > span::after {
	content: "";
	position: absolute;
	top: -3px;
	right: 0;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: border-color .3s ease;
}


/* =========================================================
   Hover
========================================================= */

.lifex-home-features-cta-item:hover {
	filter: brightness(.9);
}


.lifex-home-features-cta-item:hover
.lifex-home-features-cta-icon {
	background: rgba(255, 255, 255, .18);
	color: #fff;
}

.lifex-home-features-cta-item:hover
.lifex-home-features-cta-item-en {
	color: rgba(255, 255, 255, .72);
}

.lifex-home-features-cta-item:hover
.lifex-home-features-cta-item-title {
	color: #fff;
}

.lifex-home-features-cta-item:hover
.lifex-home-features-cta-item-text {
	color: rgba(255, 255, 255, .9);
}

.lifex-home-features-cta-item:hover
.lifex-home-features-cta-arrow {
	border-color: rgba(255, 255, 255, .7);
	background: rgba(255, 255, 255, .1);
}

.lifex-home-features-cta-item:hover
.lifex-home-features-cta-arrow > span {
	width: 16px;
	background: #fff;
}

.lifex-home-features-cta-item:hover
.lifex-home-features-cta-arrow > span::after {
	border-color: #fff;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-features-cta {
		padding: 8px 30px 40px;
	}

	.lifex-home-features-cta-head {
		padding-top: 34px;
	}

	.lifex-home-features-cta-item {
		grid-template-columns: 44px minmax(0, 1fr) 32px;
		gap: 10px;
		min-height: 125px;
		padding: 19px 13px;
	}

	.lifex-home-features-cta-number {
		display: none;
	}

	.lifex-home-features-cta-icon {
		width: 42px;
		height: 42px;
		font-size: 14px;
	}

	.lifex-home-features-cta-item-title {
		font-size: 15px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-features-cta {
		padding: 5px 18px 72px;
	}


	/* Heading */

	.lifex-home-features-cta-head {
		padding-top: 28px;
	}

	.lifex-home-features-cta-en {
		margin-bottom: 7px;
		font-size: 9px;
	}

	.lifex-home-features-cta-title {
		font-size: 19px;
		line-height: 1.55;
	}

	.lifex-home-features-cta-lead {
		margin-top: 5px;
		font-size: 10px;
	}


	/* List */

	.lifex-home-features-cta-list {
		display: block;
		margin-top: 20px;
	}


	/* Item */

	.lifex-home-features-cta-item {
		display: grid;
		grid-template-columns: 44px minmax(0, 1fr) 31px;
		gap: 13px;
		min-height: 96px;
		padding: 16px 15px;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, .16);
	}

	.lifex-home-features-cta-item:last-child {
		border-bottom: 0;
	}

	.lifex-home-features-cta-icon {
		width: 42px;
		height: 42px;
		font-size: 14px;
	}

	.lifex-home-features-cta-item-en {
		margin-bottom: 4px;
		font-size: 7px;
	}

	.lifex-home-features-cta-item-title {
		font-size: 15px;
	}

	.lifex-home-features-cta-item-text {
		margin-top: 3px;
		font-size: 9px;
	}

	.lifex-home-features-cta-arrow {
		width: 29px;
		height: 29px;
	}

	.lifex-home-features-cta-arrow > span {
		left: 7px;
		width: 12px;
	}

}

/* =========================================================
   03 / TOPページ EVENT・SHOWROOM
========================================================= */

.lifex-home-guide {
	position: relative;
	padding: 0;
	background: #fff;
}

.lifex-home-guide-inner {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	width: 100%;
	margin: 0 auto;
}


/* =========================================================
   Guide Item
========================================================= */

.lifex-home-guide-item {
	position: relative;
	display: block;
	height: 430px;
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}

.lifex-home-guide-image {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.lifex-home-guide-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.001);
	transition: transform .8s ease;
}


/* =========================================================
   Overlay
========================================================= */

.lifex-home-guide-overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background:
		linear-gradient(
			to top,
			rgba(0, 0, 0, .52) 0%,
			rgba(0, 0, 0, .17) 55%,
			rgba(0, 0, 0, .06) 100%
		);
	transition: background-color .4s ease;
}


/* =========================================================
   Content
========================================================= */

.lifex-home-guide-content {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	padding: 35px 38px 34px;
}

.lifex-home-guide-en {
	margin: 0 0 9px;
	color: rgba(255, 255, 255, .8);
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .16em;
}

.lifex-home-guide-title {
	margin: 0;
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .06em;
}


/* =========================================================
   View More
========================================================= */

.lifex-home-guide-link {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 24px;
}

.lifex-home-guide-link-text {
	color: rgba(255, 255, 255, .9);
	font-family: "Outfit", sans-serif;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .16em;
}

.lifex-home-guide-arrow {
	position: relative;
	display: block;
	width: 55px;
	height: 10px;
}

.lifex-home-guide-arrow-line {
	position: absolute;
	top: 5px;
	left: 0;
	width: 55px;
	height: 1px;
	background: rgba(255, 255, 255, .9);
	transition: width .35s ease;
}

.lifex-home-guide-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 9px;
	height: 1px;
	background: rgba(255, 255, 255, .9);
	transform: rotate(40deg);
	transform-origin: right center;
}


/* =========================================================
   Center Line
========================================================= */

.lifex-home-guide-item + .lifex-home-guide-item::before {
	content: "";
	position: absolute;
	top: 28px;
	bottom: 28px;
	left: 0;
	z-index: 4;
	width: 1px;
	background: rgba(255, 255, 255, .4);
}


/* =========================================================
   Hover
========================================================= */

.lifex-home-guide-item:hover
.lifex-home-guide-image img {
	transform: scale(1.045);
}

.lifex-home-guide-item:hover
.lifex-home-guide-arrow-line {
	width: 68px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-guide {
		padding: 85px 30px;
	}

	.lifex-home-guide-item {
		height: 290px;
	}

	.lifex-home-guide-content {
		padding: 30px;
	}

	.lifex-home-guide-title {
		font-size: 22px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-guide {
		padding: 0px 0px;
	}

	.lifex-home-guide-inner {
		grid-template-columns: 1fr;
	}

	.lifex-home-guide-item {
		height: 190px;
	}

	.lifex-home-guide-item + .lifex-home-guide-item::before {
		display: none;
	}

	.lifex-home-guide-overlay {
		background:
			linear-gradient(
				to right,
				rgba(0, 0, 0, .48) 0%,
				rgba(0, 0, 0, .20) 65%,
				rgba(0, 0, 0, .08) 100%
			);
	}

	.lifex-home-guide-content {
		padding: 23px 22px;
	}

	.lifex-home-guide-en {
		margin-bottom: 7px;
		font-size: 10px;
	}

	.lifex-home-guide-title {
		font-size: 19px;
	}

	.lifex-home-guide-link {
		margin-top: 16px;
	}

	.lifex-home-guide-link-text {
		font-size: 9px;
	}

	.lifex-home-guide-arrow,
	.lifex-home-guide-arrow-line {
		width: 45px;
	}

}

/* =========================================================
   04 / TOPページ WORKSセクション
========================================================= */

.lifex-home-works {
	position: relative;
	padding: 110px 40px 120px;
	background: #f4f6f6;
	overflow: hidden;
}

.lifex-home-works-inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}


/* =========================================================
   Heading
========================================================= */

.lifex-home-works-heading {
	max-width: 720px;
	margin-bottom: 60px;
}

.lifex-home-works-heading-top {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 34px;
}

.lifex-home-works-en {
	margin: 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .02em;
}

.lifex-home-works-heading-line {
	display: block;
	width: 180px;
	height: 1px;
	background: #527B88;
}

.lifex-home-works-kicker {
	margin: 0 0 12px;
	color: #111;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .08em;
}

.lifex-home-works-title {
	margin: 0;
	color: #111;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.55;
	letter-spacing: .045em;
}

.lifex-home-works-title span {
	color: #527B88;
	font-size: 51px;
	font-weight: 600;
}

.lifex-home-works-intro {
	margin: 28px 0 0;
	color: #444;
	font-size: 15px;
	line-height: 2;
	letter-spacing: .04em;
}


/* =========================================================
   Gallery
========================================================= */

.lifex-home-works-gallery {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-template-rows: 400px 300px;
	gap: 12px;
}


/* =========================================================
   Photo
========================================================= */

.lifex-home-works-photo {
	position: relative;
	overflow: hidden;
	background: #e7ebeb;
}

.lifex-home-works-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.001);
	transition: transform .8s ease;
}

.lifex-home-works-photo:hover img {
	transform: scale(1.035);
}


/* 01 / 左上・大 */

.lifex-home-works-photo--01 {
	grid-column: 1 / 8;
	grid-row: 1;
}


/* 02 / 右上 */

.lifex-home-works-photo--02 {
	grid-column: 8 / 13;
	grid-row: 1;
}


/* 03 / 左下 */

.lifex-home-works-photo--03 {
	grid-column: 1 / 5;
	grid-row: 2;
}


/* 04 / 中央下 */

.lifex-home-works-photo--04 {
	grid-column: 5 / 9;
	grid-row: 2;
}


/* 05 / 右下 */

.lifex-home-works-photo--05 {
	grid-column: 9 / 13;
	grid-row: 2;
}


/* =========================================================
   Works Link
========================================================= */

.lifex-home-works-link-wrap {
	width: 100%;
	margin-top: 58px;
	text-align: center;
}

.lifex-home-works-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 338px;
	height: 64px;
	padding: 0 28px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-align: left;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-works-link-text {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .08em;
}


/* Arrow */

.lifex-home-works-link-arrow {
	position: absolute;
	top: 50%;
	right: -22px;
	width: 58px;
	height: 16px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-works-link-arrow-line {
	position: absolute;
	top: 8px;
	left: 0;
	width: 58px;
	height: 1px;
	background: #527B88;
}

.lifex-home-works-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}


/* Hover */

.lifex-home-works-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-works-link:hover
.lifex-home-works-link-arrow {
	right: -28px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-works {
		padding: 90px 30px 100px;
	}

	.lifex-home-works-heading {
		margin-bottom: 50px;
	}

	.lifex-home-works-title {
		font-size: 35px;
	}

	.lifex-home-works-title span {
		font-size: 44px;
	}

	.lifex-home-works-gallery {
		grid-template-rows: 230px 190px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-works {
		padding: 72px 20px 82px;
		margin-top: 0px;
	}


	/* Heading */

	.lifex-home-works-heading {
		margin-bottom: 38px;
	}

	.lifex-home-works-heading-top {
		gap: 14px;
		margin-bottom: 30px;
	}

	.lifex-home-works-en {
		font-size: 21px;
	}

	.lifex-home-works-heading-line {
		width: 85px;
	}

	.lifex-home-works-kicker {
		margin-bottom: 9px;
		font-size: 12px;
	}

	.lifex-home-works-title {
		font-size: 25px;
		line-height: 1.6;
		letter-spacing: .03em;
	}

	.lifex-home-works-title span {
		font-size: 33px;
		line-height: 1.5;
	}

	.lifex-home-works-intro {
		margin-top: 22px;
		font-size: 13px;
		line-height: 1.95;
	}

	.lifex-home-works-intro br {
		display: none;
	}


	/* Gallery */

	.lifex-home-works-gallery {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows:
			200px
			125px
			155px;
		gap: 7px;
	}

	.lifex-home-works-photo--01 {
		grid-column: 1 / 3;
		grid-row: 1;
	}

	.lifex-home-works-photo--02 {
		grid-column: 1;
		grid-row: 2;
	}

	.lifex-home-works-photo--03 {
		grid-column: 2;
		grid-row: 2;
	}

	.lifex-home-works-photo--04 {
		grid-column: 1;
		grid-row: 3;
	}

	.lifex-home-works-photo--05 {
		grid-column: 2;
		grid-row: 3;
	}


	/* Link */

	.lifex-home-works-link-wrap {
		margin-top: 45px;
	}

	.lifex-home-works-link {
		width: calc(100% - 36px);
		max-width: 320px;
		height: 58px;
		padding: 0 24px;
	}

	.lifex-home-works-link-text {
		font-size: 13px;
	}

	.lifex-home-works-link-arrow {
		right: -18px;
		width: 48px;
	}

	.lifex-home-works-link-arrow-line {
		width: 48px;
	}

}

/* =========================================================
   07 / TOPページ PAYMENTセクション
========================================================= */

.lifex-home-payment {
	position: relative;
	padding: 110px 40px 60px;
	background: #fff;
	overflow: hidden;
}

.lifex-home-payment-inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}


/* =========================================================
   Heading
========================================================= */

.lifex-home-payment-heading {
	max-width: 760px;
	margin-bottom: 58px;
}

.lifex-home-payment-heading-top {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 34px;
}

.lifex-home-payment-en {
	margin: 0;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .02em;
}

.lifex-home-payment-heading-line {
	display: block;
	width: 180px;
	height: 1px;
	background: #527B88;
}

.lifex-home-payment-kicker {
	margin: 0 0 12px;
	color: #111;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .08em;
}

.lifex-home-payment-title {
	margin: 0;
	color: #111;
	font-size: 40px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .045em;
}

.lifex-home-payment-title span {
	color: #527B88;
	font-size: 50px;
	font-weight: 600;
}

.lifex-home-payment-intro {
	margin: 28px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 2;
	letter-spacing: .04em;
}


/* =========================================================
   Slider
========================================================= */

.lifex-home-payment-slider {
	position: relative;
	width: 100%;
}

/* スライド表示領域 */
.lifex-home-payment-viewport {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.lifex-home-payment-track {
	display: flex;
	width: 100%;
	transform: translate3d(0, 0, 0);
	transition: transform .55s ease;
	will-change: transform;
	gap: 16px;
}

.lifex-home-payment-item {
	display: grid;
	grid-template-columns: 115px minmax(0, 1fr);
	flex: 0 0 100%;
	width: 100%;
	background: #fdfdfd;
	border: solid 2px #eee;
	box-sizing: border-box;
}


/* =========================================================
   CASE
========================================================= */

.lifex-home-payment-case {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 42px 18px;
	border-right: 1px solid #d9e0e2;
	background: #eef3f4;
	box-sizing: border-box;
}

.lifex-home-payment-case-small {
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .15em;
}

.lifex-home-payment-case-letter {
	margin-top: 6px;
	color: #111;
	font-family: "Outfit", sans-serif;
	font-size: 52px;
	font-weight: 400;
	line-height: 1;
}


/* =========================================================
   Main
========================================================= */

.lifex-home-payment-main {
	padding: 42px 48px 40px;
	box-sizing: border-box;
}


/* =========================================================
   Main Head
========================================================= */

.lifex-home-payment-main-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 30px;
}

.lifex-home-payment-type {
	margin: 0 0 10px;
	color: #527B88;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
}

.lifex-home-payment-copy-title {
	margin: 0;
	color: #111;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.55;
	letter-spacing: .04em;
}

.lifex-home-payment-plan {
	flex-shrink: 0;
	min-width: 170px;
	padding: 14px 18px;
	border-left: 1px solid #527B88;
}

.lifex-home-payment-plan span {
	display: block;
	margin-bottom: 5px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .14em;
}

.lifex-home-payment-plan strong {
	display: block;
	color: #111;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
}


/* =========================================================
   Basic Info
========================================================= */

.lifex-home-payment-info {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid #d9e0e2;
	border-bottom: 1px solid #d9e0e2;
}

.lifex-home-payment-info-item {
	padding: 18px 22px;
}

.lifex-home-payment-info-item
+
.lifex-home-payment-info-item {
	border-left: 1px solid #d9e0e2;
}

.lifex-home-payment-info-label {
	display: block;
	margin-bottom: 6px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	letter-spacing: .12em;
}

.lifex-home-payment-info-item p {
	margin: 0;
	color: #333;
	font-size: 13px;
	line-height: 1.7;
}


/* =========================================================
   Budget
========================================================= */

.lifex-home-payment-budget {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: baseline;
	gap: 16px;
	margin-top: 28px;
}

.lifex-home-payment-budget-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid #527B88;
	color: #527B88;
	font-size: 11px;
	font-weight: 500;
	box-sizing: border-box;
}

.lifex-home-payment-budget-price {
	display: flex;
	align-items: baseline;
	gap: 5px;
	margin: 0;
	color: #111;
	white-space: nowrap;
}

.lifex-home-payment-budget-price strong {
	font-family: "Outfit", sans-serif;
	font-size: 30px;
	font-weight: 500;
	line-height: 1;
}

.lifex-home-payment-budget-price span {
	font-size: 13px;
}

.lifex-home-payment-budget-detail {
	margin: 0;
	color: #777;
	font-size: 11px;
	line-height: 1.7;
}


/* =========================================================
   Result
========================================================= */

.lifex-home-payment-result {
	display: grid;
	grid-template-columns:
		minmax(0, .95fr)
		44px
		minmax(0, .85fr)
		44px
		minmax(0, 1.2fr);
	align-items: stretch;
	margin-top: 28px;
	background: #f7f9f9;
	border: 1px solid #dce4e6;
}

.lifex-home-payment-result-before,
.lifex-home-payment-solar,
.lifex-home-payment-actual {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 124px;
	padding: 20px 22px;
	box-sizing: border-box;
}

.lifex-home-payment-result-label,
.lifex-home-payment-actual-label {
	margin: 0 0 7px;
	color: #555;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .05em;
}

.lifex-home-payment-result-price,
.lifex-home-payment-solar-price,
.lifex-home-payment-actual-price {
	display: flex;
	align-items: baseline;
	gap: 4px;
	margin: 0;
	white-space: nowrap;
}

.lifex-home-payment-result-price strong,
.lifex-home-payment-solar-price strong {
	color: #222;
	font-family: "Outfit", sans-serif;
	font-size: 29px;
	font-weight: 500;
	line-height: 1;
}

.lifex-home-payment-result-price span,
.lifex-home-payment-solar-price span {
	color: #444;
	font-size: 12px;
}

.lifex-home-payment-minus,
.lifex-home-payment-equal {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8a999e;
	font-family: "Outfit", sans-serif;
	font-size: 27px;
}

.lifex-home-payment-actual {
	background: #527B88;
}

.lifex-home-payment-actual-label {
	color: rgba(255, 255, 255, .78);
}

.lifex-home-payment-actual-price strong {
	color: #fff;
	font-family: "Outfit", sans-serif;
	font-size: 43px;
	font-weight: 500;
	line-height: 1;
}

.lifex-home-payment-actual-price span {
	color: #fff;
	font-size: 13px;
	font-weight: 500;
}


/* =========================================================
   Note
========================================================= */

.lifex-home-payment-note {
	margin: 16px 0 0;
	color: #888;
	font-size: 10px;
	line-height: 1.7;
}

.lifex-home-payment-note p {
	margin-bottom: 0px !important;
}

/* =========================================================
   Arrow
========================================================= */

.lifex-home-payment-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	width: 54px;
	height: 54px;
	padding: 0;
	border: 0;
	background: #527B88;
	cursor: pointer;
	transform: translateY(-50%);
	appearance: none;
	transition: background .3s ease;
}

.lifex-home-payment-arrow:hover {
	background: #416571;
}

.lifex-home-payment-arrow-prev {
	left: -27px;
}

.lifex-home-payment-arrow-next {
	right: -27px;
}

.lifex-home-payment-arrow span {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 14px;
	height: 14px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.lifex-home-payment-arrow-prev span {
	transform: translate(-35%, -50%) rotate(-135deg);
}

.lifex-home-payment-arrow-next span {
	transform: translate(-65%, -50%) rotate(45deg);
}


/* =========================================================
   Pagination
========================================================= */

.lifex-home-payment-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 24px;
}

.lifex-home-payment-pagination-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 1px solid #b8c6ca;
	background: transparent;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 11px;
	cursor: pointer;
	appearance: none;
	transition:
		background .3s ease,
		color .3s ease,
		border-color .3s ease;
}

.lifex-home-payment-pagination-item.is-active {
	border-color: #527B88;
	background: #527B88;
	color: #fff;
}


/* =========================================================
   Detail Link
========================================================= */

.lifex-home-payment-link-wrap {
	width: 100%;
	margin-top: 52px;
	text-align: center;
}

.lifex-home-payment-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 338px;
	height: 64px;
	padding: 0 28px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-payment-link-text {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .08em;
}

.lifex-home-payment-link-arrow {
	position: absolute;
	top: 50%;
	right: -22px;
	width: 58px;
	height: 16px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-payment-link-arrow-line {
	position: absolute;
	top: 8px;
	left: 0;
	width: 58px;
	height: 1px;
	background: #527B88;
}

.lifex-home-payment-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-payment-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-payment-link:hover
.lifex-home-payment-link-arrow {
	right: -28px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-payment {
		padding: 90px 30px 100px;
	}

	.lifex-home-payment-title {
		font-size: 35px;
	}

	.lifex-home-payment-title span {
		font-size: 43px;
	}

	.lifex-home-payment-item {
		grid-template-columns: 90px minmax(0, 1fr);
	}

	.lifex-home-payment-main {
		padding: 34px 34px 32px;
	}

	.lifex-home-payment-copy-title {
		font-size: 25px;
	}

	.lifex-home-payment-info {
		grid-template-columns: 1fr;
	}

	.lifex-home-payment-info-item
	+
	.lifex-home-payment-info-item {
		border-top: 1px solid #d9e0e2;
		border-left: 0;
	}

	.lifex-home-payment-result {
		grid-template-columns:
			minmax(0, 1fr)
			34px
			minmax(0, 1fr);
	}

	.lifex-home-payment-equal {
		display: none;
	}

	.lifex-home-payment-actual {
		grid-column: 1 / -1;
		min-height: 110px;
	}

	.lifex-home-payment-arrow-prev {
		left: -18px;
	}

	.lifex-home-payment-arrow-next {
		right: -18px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-payment {
		padding: 72px 20px 82px;
	}


	/* Heading */

	.lifex-home-payment-heading {
		margin-bottom: 38px;
	}

	.lifex-home-payment-heading-top {
		gap: 14px;
		margin-bottom: 30px;
	}

	.lifex-home-payment-en {
		font-size: 20px;
	}

	.lifex-home-payment-heading-line {
		width: 80px;
	}

	.lifex-home-payment-kicker {
		font-size: 12px;
	}

	.lifex-home-payment-title {
		font-size: 25px;
		line-height: 1.6;
	}

	.lifex-home-payment-title span {
		font-size: 33px;
	}

	.lifex-home-payment-intro {
		margin-top: 20px;
		font-size: 13px;
		line-height: 1.9;
	}

	.lifex-home-payment-intro br {
		display: none;
	}


	/* Item */

	.lifex-home-payment-item {
		display: block;
	}

	.lifex-home-payment-case {
		flex-direction: row;
		justify-content: flex-start;
		gap: 8px;
		padding: 14px 18px;
		border-right: 0;
		border-bottom: 1px solid #d9e0e2;
	}

	.lifex-home-payment-case-letter {
		margin: 0;
		font-size: 28px;
	}

	.lifex-home-payment-main {
		padding: 26px 18px 24px;
	}


	/* Head */

	.lifex-home-payment-main-head {
		display: block;
		margin-bottom: 24px;
	}

	.lifex-home-payment-type {
		font-size: 10px;
	}

	.lifex-home-payment-copy-title {
		font-size: 22px;
		line-height: 1.55;
	}

	.lifex-home-payment-plan {
		min-width: 0;
		margin-top: 18px;
		padding: 10px 0 0 13px;
	}

	.lifex-home-payment-plan strong {
		font-size: 13px;
	}


	/* Info */

	.lifex-home-payment-info {
		display: block;
	}

	.lifex-home-payment-info-item {
		padding: 13px 0;
	}

	.lifex-home-payment-info-item
	+
	.lifex-home-payment-info-item {
		border-top: 1px solid #d9e0e2;
		border-left: 0;
	}

	.lifex-home-payment-info-label {
		font-size: 8px;
	}

	.lifex-home-payment-info-item p {
		font-size: 12px;
	}


	/* Budget */

	.lifex-home-payment-budget {
		display: block;
		margin-top: 22px;
	}

	.lifex-home-payment-budget-label {
		margin-bottom: 10px;
	}

	.lifex-home-payment-budget-price {
		margin-bottom: 8px;
	}

	.lifex-home-payment-budget-price strong {
		font-size: 29px;
	}

	.lifex-home-payment-budget-detail {
		font-size: 10px;
	}


	/* Result */

	.lifex-home-payment-result {
		display: grid;
		grid-template-columns: 1fr 30px 1fr;
		margin-top: 24px;
	}

	.lifex-home-payment-result-before,
	.lifex-home-payment-solar {
		min-height: 104px;
		padding: 16px 12px;
	}

	.lifex-home-payment-result-label {
		font-size: 9px;
	}

	.lifex-home-payment-result-price strong,
	.lifex-home-payment-solar-price strong {
		font-size: 23px;
	}

	.lifex-home-payment-result-price span,
	.lifex-home-payment-solar-price span {
		font-size: 10px;
	}

	.lifex-home-payment-minus {
		font-size: 22px;
	}

	.lifex-home-payment-equal {
		display: none;
	}

	.lifex-home-payment-actual {
		grid-column: 1 / -1;
		min-height: 96px;
		padding: 17px 16px;
	}

	.lifex-home-payment-actual-price strong {
		font-size: 38px;
	}

	.lifex-home-payment-actual-price span {
		font-size: 11px;
	}


	/* Note */

	.lifex-home-payment-note {
		margin-top: 12px;
		font-size: 9px;
	}


	/* Arrow */

	.lifex-home-payment-arrow {
		top: auto;
		bottom: -1px;
		width: 44px;
		height: 44px;
		transform: none;
	}

	.lifex-home-payment-arrow-prev {
		left: 0;
	}

	.lifex-home-payment-arrow-next {
		right: 0;
	}


	/* Pagination */

	.lifex-home-payment-pagination {
		margin-top: 18px;
	}


	/* Link */

	.lifex-home-payment-link-wrap {
		margin-top: 50px;
	}

	.lifex-home-payment-link {
		width: calc(100% - 36px);
		max-width: 320px;
		height: 58px;
		padding: 0 24px;
	}

	.lifex-home-payment-link-text {
		font-size: 13px;
	}

	.lifex-home-payment-link-arrow {
		right: -18px;
		width: 48px;
	}

	.lifex-home-payment-link-arrow-line {
		width: 48px;
	}

}

/* =========================================================
   05 / TOPページ ABOUTセクション
========================================================= */

.lifex-home-about {
	position: relative;
	padding: 105px 40px 24px;
	background: #fff;
	overflow: hidden;
}

.lifex-home-about-inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}


/* =========================================================
   Main
========================================================= */

.lifex-home-about-main {
	position: relative;
	width: 100%;
}

.lifex-home-about-main.has-map {
	display: grid;
	grid-template-columns:
		minmax(0, .88fr)
		minmax(0, 1.12fr);
	align-items: stretch;
	gap: 72px;
}


/* =========================================================
   Information
========================================================= */

.lifex-home-about-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
}


/* =========================================================
   Dealer Name
========================================================= */

.lifex-home-about-name-wrap {
	margin-bottom: 42px;
}

.lifex-home-about-name {
	margin: 0;
	color: #111;
	font-size: 31px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: .055em;
}

.lifex-home-about-message {
	margin: 19px 0 0;
	color: #555;
	font-size: 14px;
	line-height: 1.9;
	letter-spacing: .045em;
}


/* =========================================================
   Information Grid
========================================================= */

.lifex-home-about-data {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 35px;
	border-top: 1px solid #dce4e6;
}


/* =========================================================
   Information Item
========================================================= */

.lifex-home-about-item {
	display: grid;
	grid-template-columns: 27px minmax(0, 1fr);
	gap: 14px;
	min-height: 92px;
	padding: 20px 0 18px;
	border-bottom: 1px solid #dce4e6;
	box-sizing: border-box;
}


/* 住所・施工可能エリア */

.lifex-home-about-item--wide {
	grid-column: 1 / -1;
	min-height: auto;
}


/* =========================================================
   Icon
========================================================= */

.lifex-home-about-icon {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 2px;
}

.lifex-home-about-icon svg {
	display: block;
	width: 19px;
	height: 19px;
	stroke: #527B88;
	stroke-width: 1.35;
	stroke-linecap: round;
	stroke-linejoin: round;
}


/* =========================================================
   Label / Value
========================================================= */

.lifex-home-about-label {
	margin: 0 0 6px;
	color: #527B88;
	font-family: "Outfit", sans-serif;
	font-size: 9px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .12em;
}

.lifex-home-about-value {
	color: #333;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: .025em;
}

.lifex-home-about-value span {
	display: block;
}

.lifex-home-about-postal {
	margin-bottom: 1px;
}


/* =========================================================
   TEL
========================================================= */

.lifex-home-about-tel {
	color: #222;
	text-decoration: none;
}


/* =========================================================
   Official Website
========================================================= */

.lifex-home-about-official-wrap {
	grid-column: 1 / -1;
	padding-top: 20px;
}

.lifex-home-about-official {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #527B88;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .06em;
	text-decoration: none;
	transition: opacity .3s ease;
}

.lifex-home-about-official svg {
	display: block;
	width: 14px;
	height: 14px;
	stroke: #527B88;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.lifex-home-about-official:hover {
	opacity: .65;
}


/* =========================================================
   Google Map
========================================================= */

.lifex-home-about-map {
	position: relative;
	min-height: 505px;
	overflow: hidden;
	background: #edf1f1;
}

.lifex-home-about-map iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}


/* =========================================================
   Company Link
========================================================= */

.lifex-home-about-link-wrap {
	margin-top: 38px;
}

.lifex-home-about-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: 285px;
	height: 60px;
	padding: 0 25px;
	border: 1px solid #527B88;
	background: transparent;
	color: #527B88;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		background-color .3s ease,
		color .3s ease;
}

.lifex-home-about-link-text {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .08em;
}

.lifex-home-about-link-arrow {
	position: absolute;
	top: 50%;
	right: -22px;
	width: 58px;
	height: 16px;
	transform: translateY(-50%);
	transition: right .3s ease;
}

.lifex-home-about-link-arrow-line {
	position: absolute;
	top: 8px;
	left: 0;
	width: 58px;
	height: 1px;
	background: #527B88;
}

.lifex-home-about-link-arrow-line::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 1px;
	background: #527B88;
	transform: rotate(40deg);
	transform-origin: right center;
}

.lifex-home-about-link:hover {
	background: transparent;
	color: #527B88;
}

.lifex-home-about-link:hover
.lifex-home-about-link-arrow {
	right: -28px;
}


/* =========================================================
   MAPなし
========================================================= */

.lifex-home-about-main.no-map {
	max-width: 900px;
	margin: 0 auto;
}

.lifex-home-about-main.no-map
.lifex-home-about-name-wrap {
	max-width: 600px;
}

.lifex-home-about-main.no-map
.lifex-home-about-data {
	column-gap: 55px;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-about {
		padding: 90px 30px 100px;
	}

	.lifex-home-about-main.has-map {
		grid-template-columns:
			minmax(0, .95fr)
			minmax(0, 1.05fr);
		gap: 45px;
	}

	.lifex-home-about-name {
		font-size: 27px;
	}

	.lifex-home-about-data {
		grid-template-columns: 1fr;
	}

	.lifex-home-about-item--wide {
		grid-column: auto;
	}

	.lifex-home-about-official-wrap {
		grid-column: auto;
	}

	.lifex-home-about-map {
		min-height: 500px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-about {
		padding: 70px 20px 80px;
	}


	/* Main */

	.lifex-home-about-main.has-map {
		display: flex;
		flex-direction: column;
		gap: 0;
	}


	/* Dealer */

	.lifex-home-about-name-wrap {
		margin-bottom: 32px;
	}

	.lifex-home-about-name {
		font-size: 24px;
		line-height: 1.5;
	}

	.lifex-home-about-message {
		margin-top: 14px;
		font-size: 13px;
		line-height: 1.85;
	}


	/* Information */

	.lifex-home-about-data,
	.lifex-home-about-main.no-map
	.lifex-home-about-data {
		grid-template-columns: 1fr;
		column-gap: 0;
	}

	.lifex-home-about-item,
	.lifex-home-about-item--wide {
		grid-column: auto;
		grid-template-columns: 25px minmax(0, 1fr);
		gap: 12px;
		min-height: auto;
		padding: 16px 0;
	}

	.lifex-home-about-icon svg {
		width: 17px;
		height: 17px;
	}

	.lifex-home-about-label {
		margin-bottom: 4px;
		font-size: 8px;
	}

	.lifex-home-about-value {
		font-size: 12px;
		line-height: 1.7;
	}


	/* Official Website */

	.lifex-home-about-official-wrap {
		grid-column: auto;
		padding-top: 18px;
	}

	.lifex-home-about-official {
		font-size: 11px;
	}


	/* Map */

	.lifex-home-about-map {
		order: 2;
		width: calc(100% + 40px);
		min-height: 270px;
		margin: 48px -20px 0;
	}


	/* Company Link */

	.lifex-home-about-link-wrap {
		margin-top: 34px;
		text-align: center;
	}

	.lifex-home-about-link {
		width: calc(100% - 36px);
		max-width: 300px;
		height: 58px;
		padding: 0 22px;
	}

	.lifex-home-about-link-text {
		font-size: 12px;
	}

	.lifex-home-about-link-arrow {
		right: -18px;
		width: 48px;
	}

	.lifex-home-about-link-arrow-line {
		width: 48px;
	}


	/* MAPなし */

	.lifex-home-about-main.no-map {
		max-width: none;
	}

}


/* =========================================================
   03 / TOPページ BANNERセクション
========================================================= */

.lifex-home-banner {
	width: 100%;
	padding: 70px 40px;
	background: #fff;
	overflow: hidden;
	box-sizing: border-box;
}

.lifex-home-banner-inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}


/* =========================================================
   Banner Track
========================================================= */

.lifex-home-banner-track {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	width: 100%;
}


/* =========================================================
   Banner Item
========================================================= */

.lifex-home-banner-item {
	min-width: 0;
}

.lifex-home-banner-link {
	display: block;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
}

a.lifex-home-banner-link {
	transition: opacity .3s ease;
}

a.lifex-home-banner-link:hover {
	opacity: .82;
}


/* =========================================================
   Banner Image
========================================================= */

.lifex-home-banner-image {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}


/* =========================================================
   Pagination
   PCでは非表示
========================================================= */

.lifex-home-banner-pagination {
	display: none;
}


/* =========================================================
   Tablet
========================================================= */

@media screen and (max-width: 980px) {

	.lifex-home-banner {
		padding: 60px 30px;
	}

	.lifex-home-banner-track {
		gap: 16px;
	}

}


/* =========================================================
   SP
========================================================= */

@media screen and (max-width: 640px) {

	.lifex-home-banner {
		padding: 50px 20px;
	}


	/* =====================================================
	   Slider
	===================================================== */

	.lifex-home-banner-slider {
		position: relative;
		width: 100%;
		overflow: hidden;
	}


	.lifex-home-banner-track {
		display: flex;
		align-items: flex-start;
		gap: 0;
		width: 100%;
		transform: translate3d(0, 0, 0);
		transition: transform .5s ease;
		will-change: transform;
	}


	.lifex-home-banner-item {
		flex: 0 0 100%;
		width: 100%;
	}


	/* =====================================================
	   1枚の場合
	===================================================== */

	.lifex-home-banner-slider.is-single .lifex-home-banner-track {
		transform: none !important;
		transition: none;
	}


	/* =====================================================
	   Image
	===================================================== */

	.lifex-home-banner-link {
		width: 100%;
	}

	.lifex-home-banner-image {
		width: 100%;
		height: auto;
	}


	/* =====================================================
	   Pagination
	===================================================== */

	.lifex-home-banner-slider.is-slider
	.lifex-home-banner-pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin-top: 18px;
	}


	.lifex-home-banner-pagination-item {
		display: block;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #c9d1d3;
		transition:
			width .3s ease,
			border-radius .3s ease,
			background-color .3s ease;
	}


	.lifex-home-banner-pagination-item.is-active {
		width: 24px;
		border-radius: 10px;
		background: #527B88;
	}

}