@charset "utf-8";

/*======================================
　おうちアプデ研究所 総合扉（PC）
======================================*/

:root {
	--update-preparation: #e8b423;
	--update-money: #ef7a1a;
	--update-interior: #c4343f;
	--update-renovation: #3a8f57;
	--update-bg-cream: #f5eed9;
	--update-bg-grid: #f7f0e4;
	--update-white: #ffffff;
}

html {
	scroll-behavior: smooth;
}

.update-portal img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* PCでは非表示（SP改行用など） */
.no-pc {
	display: none !important;
}

@media screen and (min-width: 768px), print {
    #footer {
        margin-top: 0rem;
    }
}
/*======================================
　MV
======================================*/
.update-mv {
	background-image: url(/update/img/mv-back.jpg);
	background-repeat: repeat;
	background-size: 500px 500px;
}

.update-mv__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5%;
	width: 95%;
	min-height: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 4em 0;
	box-sizing: border-box;
}

.update-mv__logo {
	flex: 0 0 auto;
	width: auto !important;
	max-width: 406px;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 0;
	z-index: 1;
}

.update-mv__logo img {
	display: block;
	width: clamp(220px, 28vw, 380px);
	height: auto;
	margin: 0;
}

.update-mv__catch {
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	gap: 0.12em;
	flex: 0 0 auto;
	margin: -15% 0.5% 0 1%;
	padding: 0;
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(0.24rem, 1.3vw, 1.3rem);
	font-weight: 800;
	color: #2d1d18;
	z-index: 2;
}

.update-mv__catch-line {
	display: inline-block;
	writing-mode: vertical-rl;
	text-orientation: upright;
	margin: 0;
	padding: 0.55em 0.2em;
	background: #ffffff;
	letter-spacing: 0.22em;
	line-height: 1.2;
	white-space: nowrap;
	box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.04);
}

.update-mv__catch-line--1 {
	transform: translateY(-0.8em) rotate(-10deg);
}

.update-mv__catch-line--2 {
	transform: rotate(-10deg);
}

.update-mv__illust {
	flex: 0 1 auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: auto;
	max-width: 740px;
	margin: 0;
	min-width: 0;
}

.update-mv__illust img {
    display: block;
    position: relative;
    width: clamp(360px, 52vw, 750px);
    height: auto;
    left: -3em;
}

/*======================================
　インフォメーション
======================================*/
.update-portal__intro {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 3.5%;
	background: var(--update-white);
	padding: 6em 0 6em;
	overflow: hidden;
}

.update-portal__intro-inner {
	flex: 0 1 auto;
	width: min(720px, 52%);
	margin: 0;
	text-align: center;
	align-self: center;
}

.update-portal__intro-title {
	margin: 0 0 1em;
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	font-size: clamp(0.1rem, 0.3rem, 0.3rem);
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.5;
}

.update-portal__intro-lead {
	margin: 0;
	font-size: 0.16rem;
	line-height: 2.2;
	letter-spacing: 0.04em;
	text-align: center;
	font-weight: 600;
}

.update-portal__intro-illust {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 auto;
	width: clamp(130px, 15vw, 210px);
	padding: 0.4em 0;
	box-sizing: border-box;
	pointer-events: none;
}

.update-portal__intro-illust-item {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

/* 左列：右 → 左 → 右 */
.update-portal__intro-illust-item--1 { width: 60%; transform: translateX(50%); margin-top: -2em;}
.update-portal__intro-illust-item--2 { width: 70%; transform: translateX(-15%); }
.update-portal__intro-illust-item--3 { width: 50%; transform: translateX(50%); margin-bottom: -2em;}
/* 右列：左 → 右 → 左（左右対称） */
.update-portal__intro-illust-item--4 { width: 50%; transform: translateX(-50%); margin-top: -3em;}
.update-portal__intro-illust-item--5 { width: 80%; transform: translateX(30%); }
.update-portal__intro-illust-item--6 { width: 40%; transform: translateX(-50%); margin-bottom: -3em;}
/* 右列：左 → 右 → 左（左右対称） */

/*======================================
　Nav（4部門ショートカット）
======================================*/
.update-portal__nav {
	background-color: #ffffff;
	background-image:
		url(/update/img/contents-back.png),
		linear-gradient(to bottom, #fbf8f0, #ffffff);
	background-repeat: repeat, no-repeat;
	background-size: auto, 100% 100%;
	padding: 8em 0 10em;
}

.update-portal__nav-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.4em;
	width: min(1080px, 92%);
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.update-portal__nav-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 0;
	padding: 1.5em 1.5em 1.2em;
	box-sizing: border-box;
	background: #ead9b5;
	border-radius: 2em;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
	text-decoration: none;
	color: #2d1d18;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.update-portal__nav-link:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}

.update-portal__nav-en {
	position: absolute;
	top: 1.6em;
	left: calc(100% - 0.85em);
	right: auto;
	transform: rotate(90deg);
	transform-origin: top left;
	white-space: nowrap;
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	font-size: 0.12rem;
	font-weight: 800;
	line-height: 1;
	text-align: left;
	color: #2d1d18;
}

.update-portal__nav-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 62%;
	max-width: 7.5em;
	height: 5.5em;
	margin: 0.2em 0 0.95em;
}

.update-portal__nav-icon img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.update-portal__nav-label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 0.4em);
	min-height: 2em;
	margin: 0 0 0.85em;
	padding: 0.3em 0.4em;
	box-sizing: border-box;
	font-size: 0.16rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.3;
	text-align: center;
	color: #ffffff;
}

.update-portal__nav-item--preparation .update-portal__nav-label {
	background: var(--update-preparation);
}

.update-portal__nav-item--money .update-portal__nav-label {
	background: var(--update-money);
}

.update-portal__nav-item--interior .update-portal__nav-label {
	background: var(--update-interior);
}

.update-portal__nav-item--renovation .update-portal__nav-label {
	background: var(--update-renovation);
}

.update-portal__nav-text {
	display: block;
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	font-size: 0.2rem;
	font-weight: 700;
	line-height: 1.45;
	text-align: center;
	letter-spacing: 0.06em;
	color: #2d1d18;
	writing-mode: horizontal-tb;
    margin-bottom: 1em;
}

.update-portal__nav-arrow {
	display: block;
	width: 0.65em;
	height: 0.65em;
	margin-top: auto;
	border-right: 3px solid #2d1d18;
	border-bottom: 3px solid #2d1d18;
	transform: rotate(45deg);
}

/*======================================
　部門セクション（共通）
======================================*/
.update-portal__dept {
	padding: 3em 0;
	scroll-margin-top: 14em;
}

.update-portal__dept--preparation {
	position: relative;
	padding: 8em 0 5em;
	overflow: visible;
	background: var(--update-bg-cream);
}

.update-portal__dept--money,
.update-portal__dept--renovation {
	position: relative;
	padding: 2.5em 0 4.5em;
	overflow: visible;
	background-color: #ffffff;
	background-image: url(/update/img/contents-back.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
}

.update-portal__dept--interior {
	position: relative;
	padding: 8em 0 5em;
	overflow: visible;
	background: var(--update-bg-cream);
}

.update-portal__dept-deco {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.update-portal__dept-deco-item {
	position: absolute;
	opacity: 0.85;
	height: auto;
}

.update-portal__dept-content {
	min-width: 0;
}

.update-portal__dept-media {
	position: relative;
	padding-right: 0;
}

.update-portal__dept-title {
	margin: 0 0 0.2em;
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	font-size: 0.28rem;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: 0.06em;
	text-align: center;
}

.update-portal__dept-lead {
	margin: 0 0 2.2em;
	font-size: 0.16rem;
	line-height: 1.95;
	letter-spacing: 0.04em;
	text-align: center;
	font-weight: 600;
}

.update-portal__dept-action {
	display: flex;
	align-items: stretch;
	gap: 3em;
	margin-top: 0.2em;
}

.update-portal__dept-cta {
	flex: 0 0 auto;
	width: min(150px, 34%);
	margin: 0;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.update-portal__dept-cta:hover {
	opacity: 0.92;
	transform: translateY(0.15em);
}

.update-portal__dept-cta img {
	width: 100%;
	height: auto;
	display: block;
}

.update-portal__dept-brand {
	display: flex;
	align-items: flex-end;
	gap: 1em;
	margin: 0 0 2em;
    justify-content: center;
}

.update-portal__dept-family {
    margin-right: -1em;
    width: 31%;
    flex-shrink: 0;
    z-index: 2;
}

.update-portal__dept-tobira {
	position: relative;
	margin: 0;
	width: min(250px, 45%);
}

.update-portal__dept-tobira img {
	position: relative;
	z-index: 1;
	width: 100%;
	display: block;
}

.update-portal__dept-recommend {
	position: relative;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	margin: 0;
	padding-top: 1em;
	display: flex;
	flex-direction: column;
}

.update-portal__dept-recommend-ribbon {
	position: absolute;
	top: -0.5em;
	left: -1.8em;
	z-index: 2;
	margin: 0;
	width: min(195px, 58%);
	line-height: 0;
}

.update-portal__dept-recommend-ribbon img {
	width: 100%;
	display: block;
}

.update-portal__dept-recommend-body {
	position: relative;
	z-index: 1;
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	padding: 3em 1.4em 1.2em 1.5em;
	background-color: #ffffff;
	background-image: url(/update/img/memo-01.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
}

.update-portal__dept-recommend-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.update-portal__dept-recommend-list li {
	position: relative;
	padding: 0.65em 0 0.65em 1.7em;
	font-size: 0.14rem;
	line-height: 1.75;
	letter-spacing: 0.03em;
	font-weight: 600;
}

.update-portal__dept-recommend-list li + li {
	border-top: 1px dashed #e6d9b8;
}

.update-portal__dept-recommend-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.95em;
	width: 1.05em;
	height: 1.05em;
	border-radius: 0;
	background-color: #f7f2e8;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23e95135' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='miter' d='M3.2 8.2 L6.6 11.4 L12.8 4.2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.85em;
	box-shadow: 0.12em 0.12em 0 #e8b423;
}

.update-portal__dept--money .update-portal__dept-recommend-body,
.update-portal__dept--renovation .update-portal__dept-recommend-body {
	background-color: #f2ebd3;
	background-image: url(/update/img/memo-02.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	box-shadow: none;
}

.update-portal__dept--money .update-portal__dept-recommend-list li + li,
.update-portal__dept--renovation .update-portal__dept-recommend-list li + li {
	border-top-color: #e0d4b4;
}

.update-portal__dept-photo {
	position: relative;
	overflow: hidden;
	border-radius: 1.1em;
	box-shadow: none;
}

.update-portal__dept-photo img {
	width: 100%;
	aspect-ratio: 16 / 11;
	object-fit: cover;
	display: block;
}

/*======================================
　ショールーム巡り 準備編（レイアウト）
======================================*/
/* 01: 受付カウンター → 写真右下あたり */
.update-portal__dept-deco-item--1 { top: 57%; right: 3%; left: auto; width: 7%; }
/* 02: 親子 → 写真右の中段 */
.update-portal__dept-deco-item--2 { top: 32%; right: 4.5%; left: auto; width: 3%; }
/* 03: 二人組 → 左端・見出し付近 */
.update-portal__dept-deco-item--3 { left: 3.2%; right: auto; width: 2.5%; top: 55%; }
/* 04: 木＋歩く二人 → CTA付近 */
.update-portal__dept-deco-item--4 { bottom: 10%; left: 71%; right: auto; width: 7.5%; }
/* 05: 棚・相談 → 右上 */
.update-portal__dept-deco-item--5 { top: 6%; right: 4.5%; left: auto; width: 10%; }
/* 06: 階段のある部屋 → 左下 */
.update-portal__dept-deco-item--6 { bottom: 9%; left: 1%; right: auto; width: 10%; }
/* 07: リビング → 左上 */
.update-portal__dept-deco-item--7 { top: 10%; left: 3%; right: auto; width: 9%; }
/* 08: トイレ → 左中段 */
.update-portal__dept-deco-item--8 { top: 46%; left: 10%; right: auto; width: 4%; }
/* 09: キッチン → 右下 */
.update-portal__dept-deco-item--9 { bottom: 5.5%; right: 10.5%; left: auto; width: 8%; }
/* 10: 建具・窓枠 → 扉タイトル後ろ上 */
.update-portal__dept-deco-item--10 { top: 4.5%; left: 46%; right: auto; width: 10%; }
/* 11: 浴室 → メモとCTAのあいだ下 */
.update-portal__dept-deco-item--11 { bottom: 15%; left: 53%; right: auto; width: 9.5%; }

.update-portal__dept-inner--preparation {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 1.5em 2.5em;
	align-items: start;
	width: min(1200px, 92%);
	margin: 0 auto;
}

.update-portal__dept--preparation .update-portal__dept-brand {
	position: relative;
	z-index: 2;
	margin-top: -14em;
	left: -7em;
}

.update-portal__dept--preparation .update-portal__dept-tobira::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 0.4rem);
	height: calc(100% + 0.4rem);
	transform: translate(-50%, -50%);
	background-color: var(--update-bg-cream);
	-webkit-mask: url(/update/img/01-tobira.png) center / 100% 100% no-repeat;
	mask: url(/update/img/01-tobira.png) center / 100% 100% no-repeat;
	pointer-events: none;
	z-index: 0;
}

/*======================================
　住まいのマネー部（レイアウト）
======================================*/
/* m1: 窓・カーテン → 左下 */
.update-portal__dept-deco-item--m1 { top: 10%; bottom: auto; left: 3%; right: auto; width: 6%; }
/* m2: トイレ → 左下（窓の右） */
.update-portal__dept-deco-item--m2 { top: 40%; bottom: auto; left: 10%; right: auto; width: 7.5%; }
/* m3: キッチン台 → 左下（トイレの右） */
.update-portal__dept-deco-item--m3 { top: auto; bottom: 10%; left: 5%; right: auto; width: 10%; }
/* m4: シャワー・バスタブ → 中央下 */
.update-portal__dept-deco-item--m4 { top: auto; bottom: 3%; left: 21%; right: auto; width: 10%; }
/* m5: がま口財布 → 右上（家族イラスト付近） */
.update-portal__dept-deco-item--m5 { top: 5%; right: 12%; left: auto; width: 5.5%; }
/* m6: 電卓 → 右上〜中段 */
.update-portal__dept-deco-item--m6 { top: 27%; right: 2%; left: auto; width: 6%; }
/* m7: カード・ノート → 右中段 */
.update-portal__dept-deco-item--m7 { top: 48%; right: 10%; left: auto; width: 8.5%; }
/* m8: 太陽の家 → 右下 */
.update-portal__dept-deco-item--m8 { top: auto; bottom: 2%; right: 4%; left: auto; width: 8.5%; }

.update-portal__dept-inner--money {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: 1.5em 4em;
	align-items: center;
	width: min(1200px, 92%);
	margin: 0 auto;
}

.update-portal__dept--money .update-portal__dept-media {
	top: -3em;
}

.update-portal__dept--money .update-portal__dept-brand {
	position: relative;
	z-index: 2;
	margin-top: -8em;
	justify-content: center;
    right: -6em;
}

.update-portal__dept-brand--money {
	flex-direction: row;
	align-items: flex-end;
}

.update-portal__dept-brand--money .update-portal__dept-tobira::before {
	content: "";
	position: absolute;
	left: calc(50% - (100% + 0.4rem) / 2);
	top: calc(50% - (100% + 0.4rem) / 2);
	width: calc(100% + 0.4rem);
	height: calc(100% + 0.4rem);
	background-color: #ffffff;
	background-image: url(/update/img/contents-back.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
	-webkit-mask: url(/update/img/02-tobira.png) center / 100% 100% no-repeat;
	mask: url(/update/img/02-tobira.png) center / 100% 100% no-repeat;
	pointer-events: none;
	z-index: 0;
}

.update-portal__dept-brand--money .update-portal__dept-tobira img {
	filter: none;
}

.update-portal__dept-brand--money .update-portal__dept-family {
	width: min(170px, 46%);
}

/*======================================
　インテリア部（レイアウト）
======================================*/
/* i1: ペンダントライト → 左上 */
.update-portal__dept-deco-item--i1 { top: 10%; left: 12%; right: auto; bottom: auto; width: 5%; }
/* i2: カフェテーブル → 左中段（見出し左） */
.update-portal__dept-deco-item--i2 { top: 25%; left: 5%; right: auto; bottom: auto; width: 4%; }
/* i3: アームチェア → 左中下段 */
.update-portal__dept-deco-item--i3 { top: auto; bottom: 40%; left: 12%; right: auto; width: 5%; }
/* i4: フレーム2枚 → ソファ左上 */
.update-portal__dept-deco-item--i4 { top: auto; bottom: 20%; left: 5%; right: auto; width: 4%; }
/* i5: ソファ → 左下 */
.update-portal__dept-deco-item--i5 { top: auto; bottom: 10%; left: 1.5%; right: auto; width: 8%; }
/* i6: バスケット → 左下すみ */
.update-portal__dept-deco-item--i6 { top: 35%; bottom: auto; right: 5%; left: auto; width: 4%; }
/* i7: 観葉植物 → 写真下・左 */
.update-portal__dept-deco-item--i7 { top: auto; bottom: 2%; left: 55%; right: auto; width: 4%; }
/* i8: ベッド → 写真下・中央 */
.update-portal__dept-deco-item--i8 { top: auto; bottom: 4%; left: 80%; right: auto; width: 8%; }
/* i9: フロアランプ → 写真下・右 */
.update-portal__dept-deco-item--i9 { top: auto; bottom: 18%; right: 4%; left: auto; width: 3%; }
/* i10: ワードローブ → 右下すみ */
.update-portal__dept-deco-item--i10 { top: 7%; bottom: auto; right: 2%; left: auto; width: 6%; }

.update-portal__dept-inner--interior {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
}

.update-portal__dept--interior .update-portal__dept-brand {
	position: relative;
	z-index: 2;
	margin-top: -14em;
	left: -7em;
}

.update-portal__dept--interior .update-portal__dept-tobira::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: calc(100% + 0.4rem);
	height: calc(100% + 0.4rem);
	transform: translate(-50%, -50%);
	background-color: var(--update-bg-cream);
	-webkit-mask: url(/update/img/03-tobira.png) center / 100% 100% no-repeat;
	mask: url(/update/img/03-tobira.png) center / 100% 100% no-repeat;
	pointer-events: none;
	z-index: 0;
}

/*======================================
　リノベーション部（レイアウト）
======================================*/
/* 左まわり（写真まわり） */
.update-portal__dept-deco-item--r1 { top: 5%; left: 10%; right: auto; width: 3.5%; }
.update-portal__dept-deco-item--r2 { top: 36%; left: 5%; right: auto; width: 3%; }
.update-portal__dept-deco-item--r3 { top: auto; bottom: 15%; left: 8%; right: auto; width: 11%; }
.update-portal__dept-deco-item--r4 { top: auto; bottom: 5%; left: 22%; right: auto; width: 5%; }
/* 上・中央 */
.update-portal__dept-deco-item--r5 { bottom: 2%; left: 30%; right: auto; width: 8%; }
.update-portal__dept-deco-item--r6 { bottom: 4%; left: 43%; right: auto; width: 5%; }
/* 右まわり（コンテンツまわり） */
.update-portal__dept-deco-item--r7 { top: 15%; right: 1.5%; left: auto; width: 4.5%; }
.update-portal__dept-deco-item--r8 { top: 35%; right: 10%; left: auto; width: 4%; }
.update-portal__dept-deco-item--r9 { top: auto; bottom: 25%; right: 3%; left: auto; width: 6.5%; }
.update-portal__dept-deco-item--r10 { top: auto; bottom: 3%; right: 3%; left: auto; width: 6%; }

.update-portal__dept--renovation .update-portal__dept-media {
	top: -3em;
}

.update-portal__dept--renovation .update-portal__dept-brand {
	position: relative;
	z-index: 2;
	margin-top: -8em;
	justify-content: center;
    right: -5em;
}

.update-portal__dept-brand--renovation .update-portal__dept-tobira {
	position: relative;
    width: min(400px, 75%);
}

.update-portal__dept-brand--renovation .update-portal__dept-tobira::before {
	content: "";
	position: absolute;
	left: calc(53% - (100% + 0.5rem) / 2);
	top: calc(52% - (100% + 0.5rem) / 2);
	width: calc(100% + 0.5rem);
	height: calc(100% + 0.5rem);
	background-color: #ffffff;
	background-image: url(/update/img/contents-back.png);
	background-repeat: repeat;
	background-size: auto;
	background-attachment: fixed;
	-webkit-mask: url(/update/img/04-tobira.png) center / 100% 100% no-repeat;
	mask: url(/update/img/04-tobira.png) center / 100% 100% no-repeat;
	/* 人物を避け、扉上部のアーチだけにフチを出す */
	clip-path: inset(0 22% 48% 0);
	pointer-events: none;
	z-index: 0;
}

.update-portal__dept-brand--renovation .update-portal__dept-tobira img {
	position: relative;
	z-index: 1;
	filter: none;
}

/*======================================
　Bottom
======================================*/
.update-portal__bottom {
	padding: 5em 0 4em;
	background-color: var(--update-bg-cream);
	border-top: 1px solid #ead9b5;
}

.update-portal__bottom-inner {
	width: min(980px, 92%);
	margin: 0 auto;
	text-align: center;
}

.update-portal__bottom-title {
	margin: 0 0 2em;
	font-family: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;
	font-size: 0.26rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.06em;
	color: #2d1d18;
}

.update-portal__bottom-title-slash {
	display: inline-block;
	margin: 0 0.35em;
	font-weight: 700;
}

.update-portal__bottom-nav {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2.2em;
	margin: 0 0 2.5em;
	padding: 0;
	list-style: none;
}

.update-portal__bottom-nav a {
	display: block;
	text-decoration: none;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.update-portal__bottom-nav a:hover {
	opacity: 0.88;
	transform: translateY(-2px);
}

.update-portal__bottom-nav img {
	display: block;
	width: 100%;
	height: auto;
}