@charset "utf-8";

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

@media screen and (max-width: 767px) {
	/* SPでは .no-sp を非表示、.no-pc を表示 */
	.no-sp {
		display: none !important;
	}

	.no-pc {
		display: block !important;
	}

	#footer {
		margin-top: 0rem;
	}

	/*======================================
	　MV（SP）
	======================================*/
	.update-mv {
		overflow: hidden;
	}

	.update-mv__inner {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
		gap: 0;
		width: 100%;
		min-height: auto;
		margin: 0;
		padding: 4em 0 4em;
		box-sizing: border-box;
	}

	.update-mv__logo {
		position: relative;
		z-index: 2;
		flex: 0 0 auto;
        width: 60% !important;
        max-width: 250px;
        margin: 0 auto 2em;
		padding: 0;
	}

	.update-mv__logo img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.update-mv__catch {
		position: absolute;
        left: 9.5%;
        top: 30%;
		z-index: 3;
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start;
		gap: 0.18em;
		flex: none;
		margin: 0;
		font-size: 0.16rem;
		font-weight: 800;
	}

	.update-mv__catch-line {
		padding: 0.5em 0.28em;
		letter-spacing: 0.18em;
		line-height: 1.15;
		box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.04);
	}

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

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

	.update-mv__illust {
		position: relative;
		z-index: 1;
		flex: 0 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		max-width: none;
		margin: 0.4em 0 0;
		min-width: 0;
	}

	.update-mv__illust img {
		display: block;
		width: 90%;
		max-width: none;
		height: auto;
		margin: 0 auto;
        left: 0;
	}

	/*======================================
	　インフォメーション（SP）
	======================================*/
	.update-portal__intro {
		position: relative;
		z-index: 2;
		display: block;
		padding: 3.5em 0 4.2em;
		overflow: visible;
		background: #ffffff;
	}

	.update-portal__intro-inner {
		position: relative;
		z-index: 1;
		width: 78%;
		margin: 0 auto;
		text-align: center;
	}

	.update-portal__intro-title {
		margin: 0 auto 1em;
		max-width: 8.5em;
		font-size: 0.28rem;
		font-weight: 700;
		letter-spacing: 0.06em;
		line-height: 1.55;
	}

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

	/* SP：イラストを背景にちりばめ（navより前面・位置はintro基準） */
	.update-portal__intro-illust {
		position: absolute;
		inset: 0;
		display: block;
		z-index: 3;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		border-radius: 0;
		background: none;
		aspect-ratio: auto;
		pointer-events: none;
	}

	.update-portal__intro-illust--left,
	.update-portal__intro-illust--right {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
	}

	.update-portal__intro-illust img,
	.update-portal__intro-illust-item {
		display: block;
		position: absolute;
		height: auto;
		max-width: none;
	}

	/* 左まわり */
	.update-portal__intro-illust-item--1 {
		top: 2%;
		left: -4%;
		width: 19%;
	}

	.update-portal__intro-illust-item--2 {
		top: 24%;
		left: 5%;
		width: 20%;
	}

	.update-portal__intro-illust-item--3 {
		bottom: 1%;
		left: -2%;
		width: 14%;
	}

	/* 右まわり */
	.update-portal__intro-illust-item--4 {
		top: 19%;
		right: -5%;
		left: auto;
		width: 14%;
	}

	.update-portal__intro-illust-item--5 {
		top: 44%;
		right: 7%;
		left: auto;
		width: 24%;
	}

	.update-portal__intro-illust-item--6 {
		bottom: 7%;
		right: 0%;
		left: auto;
		width: 11%;
	}

	.update-portal__intro::after {
		content: none;
		display: none;
	}

	/*======================================
	　Nav（4部門ショートカット／SP）
	======================================*/
	.update-portal__nav {
		position: relative;
		z-index: 1;
		padding: 3em 0 6em;
		background-size: auto, 100% 100%;
	}

	.update-portal__nav-list {
		position: relative;
		z-index: 2;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.85em 0.75em;
		width: 90%;
	}

	.update-portal__nav-link {
		padding: 1.1em 0.85em 0.9em;
		border-radius: 1.2em;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
	}

	.update-portal__nav-link:hover {
		transform: none;
	}

	.update-portal__nav-en {
		top: 1.2em;
		left: calc(100% - 0.55em);
        font-size: 0.09rem;
        letter-spacing: 0;
	}

	.update-portal__nav-icon {
		width: 56%;
		max-width: none;
        height: 5em;
		margin: 0.1em 0 0.7em;
	}

	.update-portal__nav-label {
		width: calc(100% - 0.2em);
		min-height: 1.7em;
		margin: 0 0 0.55em;
		padding: 0.28em 0.25em;
		font-size: 0.11rem;
		letter-spacing: 0.02em;
		line-height: 1.25;
	}

	.update-portal__nav-text {
		font-size: 0.15rem;
		line-height: 1.4;
		letter-spacing: 0.04em;
		margin-bottom: 0.55em;
	}

	.update-portal__nav-arrow {
		width: 0.45em;
		height: 0.45em;
		border-right-width: 2px;
		border-bottom-width: 2px;
		transform: rotate(45deg);
	}

	.update-portal__dept {
		padding: 2.5em 0;
	}

	.update-portal__dept-inner,
	.update-portal__dept--reverse .update-portal__dept-inner {
		display: block;
		width: 88%;
	}

	.update-portal__dept-brand {
		justify-content: center;
		margin-bottom: 1.2em;
	}

	.update-portal__dept-family {
		width: 42%;
		max-width: 160px;
	}

	.update-portal__dept-tobira {
		width: 70%;
		max-width: auto;
	}

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

	.update-portal__dept-recommend {
		width: auto;
		flex: 1 1 auto;
		margin: 0;
		padding-top: 1.2em;
	}

	/*======================================
	　ショールーム巡り 準備編（SP）
	======================================*/
	.update-portal__dept--preparation {
		padding: 3.5em 0 4em;
		overflow: visible;
	}

	.update-portal__dept-deco-item {
		opacity: 0.85;
	}

	/* SP準備編：仮配置（番号順・左右交互・非重複）※位置は後で調整 */
	/* 01: カウンター（スタッフと来客） */
	.update-portal__dept-deco-item--1 {
        top: 27%;
        left: auto;
        right: 1%;
        bottom: auto;
        width: 20%;
	}

	/* 02: 親子（手をつないで歩く） */
	.update-portal__dept-deco-item--2 {
		top: 12%;
		left: auto;
		right: 4%;
		bottom: auto;
		width: 6%;
	}

	/* 03: 二人組（双眼鏡・カメラをのぞく） */
	.update-portal__dept-deco-item--3 {
        top: auto;
        left: 2%;
        right: auto;
        bottom: 30%;
        width: 8%;
	}

	/* 04: 木＋歩く二人 */
	.update-portal__dept-deco-item--4 {
        top: auto;
        left: auto;
        right: 12%;
        bottom: 13%;
        width: 14%;
	}

	/* 05: 棚・相談（本棚とテーブルで打ち合わせ） */
	.update-portal__dept-deco-item--5 {
        top: auto;
        left: auto;
        right: -3%;
        bottom: 18%;
        width: 26%;
	}

	/* 06: 階段のある部屋 */
	.update-portal__dept-deco-item--6 {
        top: auto;
        left: -10%;
        right: auto;
        bottom: 15%;
        width: 33%;
	}

	/* 07: リビング（ソファ・テーブル・棚） */
	.update-portal__dept-deco-item--7 {
        top: 25%;
        left: -2%;
        right: auto;
        bottom: auto;
        width: 26%;
	}

	/* 08: トイレ */
	.update-portal__dept-deco-item--8 {
        top: auto;
        left: 9%;
        right: auto;
        bottom: 5%;
        width: 12%;
	}

	/* 09: キッチン */
	.update-portal__dept-deco-item--9 {
        top: auto;
        left: auto;
        right: 2%;
        bottom: 2%;
        width: 24%;
	}

	/* 10: 建具・窓枠・カーテン */
	.update-portal__dept-deco-item--10 {
        top: 4%;
        left: auto;
        right: -8%;
        bottom: auto;
        width: 30%;
	}

	/* 11: 浴室・洗面 */
	.update-portal__dept-deco-item--11 {
        top: 17%;
        left: auto;
        right: -3%;
        bottom: auto;
        width: 24%;
	}

	.update-portal__dept--preparation .update-portal__dept-inner--preparation {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		width: 88%;
	}

	/* コンテンツを展開し、写真をリードとおすすめのあいだに差し込む */
	.update-portal__dept--preparation .update-portal__dept-content {
		display: contents;
	}

	.update-portal__dept--preparation .update-portal__dept-brand {
		order: 1;
		position: relative;
		z-index: 3;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		margin: -4.8em 0 1.6em;
		padding: 0;
		left: 0;
	}

	/* 扉を左右中央に */
	.update-portal__dept--preparation .update-portal__dept-tobira {
		position: relative;
		z-index: 1;
		width: min(220px, 55%);
		margin: 0;
	}

	/* SP用：縁の太さを調整（PCの0.4remはSPでは過大） */
	.update-portal__dept--preparation .update-portal__dept-tobira::before {
		left: 50%;
		top: 50%;
        width: calc(100% + 3em);
        height: calc(100% + 3em);
		transform: translate(-50%, -50%);
		background-color: var(--update-bg-cream, #f5eed9);
	}

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

	/* 家族イラストは扉の左に配置 */
	.update-portal__dept--preparation .update-portal__dept-family {
        position: absolute;
        right: calc(50% + min(110px, 28%) - 2.5em);
        bottom: 0.15em;
        left: auto;
        z-index: 2;
        width: 42%;
        max-width: 150px;
        margin: 0;
	}

	.update-portal__dept--preparation .update-portal__dept-title {
		order: 2;
		width: 100%;
		margin: 0 0 0.55em;
		font-size: 0.2rem;
		text-align: center;
		letter-spacing: 0.04em;
	}

	.update-portal__dept--preparation .update-portal__dept-lead {
		order: 3;
		width: 100%;
		margin: 0 0 1.5em;
		font-size: 0.13rem;
		line-height: 1.9;
		text-align: center;
	}

	.update-portal__dept--preparation .update-portal__dept-media {
		order: 4;
		width: 100%;
		margin: 0 0 1.8em;
		padding: 0;
		top: 0;
	}

	.update-portal__dept--preparation .update-portal__dept-photo {
		border-radius: 0.9em;
		overflow: hidden;
	}

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

	.update-portal__dept--preparation .update-portal__dept-action {
		order: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.4em;
		width: 100%;
		margin: 0;
	}

	.update-portal__dept--preparation .update-portal__dept-recommend {
        width: 84%;
		flex: none;
		margin: 0;
		padding-top: 1em;
	}

	.update-portal__dept--preparation .update-portal__dept-recommend-ribbon {
        left: -2.0em;
        top: -1em;
        width: min(180px, 62%);
	}

	.update-portal__dept--preparation .update-portal__dept-recommend-body {
		padding: 2.6em 1.2em 1.1em 1.3em;
	}

	.update-portal__dept--preparation .update-portal__dept-recommend-list li {
		font-size: 0.125rem;
		line-height: 1.7;
		padding: 0.55em 0 0.55em 1.6em;
	}

	.update-portal__dept--preparation .update-portal__dept-cta {
        width: min(240px, 45%);
        margin: 1em auto 2em;
	}

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

	/*======================================
	　住まいのマネー部（SP）
	======================================*/
	.update-portal__dept--money {
		padding: 3.5em 0 4em;
		overflow: visible;
		background-attachment: fixed;
	}

	/* SPマネー部：仮配置（番号順・左右交互・非重複）※位置は後で調整 */
	/* m1: 窓・カーテン */
	.update-portal__dept-deco-item--m1 {
        top: auto;
        left: 14%;
        right: auto;
        bottom: 22%;
        width: 10%;
	}

	/* m2: トイレ */
	.update-portal__dept-deco-item--m2 {
        top: auto;
        left: 6%;
        right: auto;
        bottom: 12%;
        width: 16%;
	}

	/* m3: キッチン台 */
	.update-portal__dept-deco-item--m3 {
        top: auto;
        left: auto;
        right: 5%;
        bottom: 3%;
        width: 22%;
	}

	/* m4: シャワー・バスタブ */
	.update-portal__dept-deco-item--m4 {
        top: auto;
        left: 3%;
        right: auto;
        bottom: 3%;
        width: 22%;
	}

	/* m5: がま口財布 */
	.update-portal__dept-deco-item--m5 {
		top: 9%;
		left: 15%;
		right: auto;
		bottom: auto;
		width: 10%;
	}

	/* m6: 電卓 */
	.update-portal__dept-deco-item--m6 {
		top: 13%;
		left: 8%;
		right: auto;
		bottom: auto;
		width: 10%;
	}

	/* m7: カード・ノート */
	.update-portal__dept-deco-item--m7 {
		top: 28%;
		left: auto;
		right: 3%;
		bottom: auto;
		width: 16%;
		transform: scaleX(-1);
	}

	/* m8: 太陽の家 */
	.update-portal__dept-deco-item--m8 {
        top: auto;
        left: auto;
        right: 5%;
        bottom: 15%;
        width: 21%;
	}

	.update-portal__dept--money .update-portal__dept-inner--money {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		width: 88%;
	}

	.update-portal__dept--money .update-portal__dept-content {
		display: contents;
	}

	.update-portal__dept--money .update-portal__dept-brand {
		order: 1;
		position: relative;
		z-index: 3;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		margin: -4.8em 0 1.6em;
		padding: 0;
		right: auto;
	}

	/* 扉を左右中央に */
	.update-portal__dept--money .update-portal__dept-tobira,
	.update-portal__dept-brand--money .update-portal__dept-tobira {
		position: relative;
		z-index: 1;
		width: min(210px, 55%);
		margin: 0;
	}

	/* SP用：縁の太さ調整＋チェックは背景と揃える（fixed） */
	.update-portal__dept-brand--money .update-portal__dept-tobira::before {
		left: calc(50% - (100% + 3em) / 2);
		top: calc(50% - (100% + 3em) / 2);
		width: calc(100% + 3em);
		height: calc(100% + 3em);
		transform: none;
		background-attachment: fixed;
	}

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

	/* 家族イラストは扉の右に配置 */
	.update-portal__dept--money .update-portal__dept-family,
	.update-portal__dept-brand--money .update-portal__dept-family {
        position: absolute;
        left: calc(50% + min(105px, 27%) - 2.3em);
        right: auto;
        bottom: 0.1em;
        z-index: 2;
        width: 37%;
        max-width: 135px;
        margin: 0;
	}

	.update-portal__dept--money .update-portal__dept-title {
		order: 2;
		width: 100%;
		margin: 0 0 0.55em;
		font-size: 0.2rem;
		text-align: center;
		letter-spacing: 0.04em;
	}

	.update-portal__dept--money .update-portal__dept-lead {
		order: 3;
		width: 100%;
		margin: 0 0 1.5em;
		font-size: 0.13rem;
		line-height: 1.9;
		text-align: center;
	}

	.update-portal__dept--money .update-portal__dept-media {
		order: 4;
		width: 100%;
		margin: 0 0 1.8em;
		padding: 0;
		top: 0;
	}

	.update-portal__dept--money .update-portal__dept-photo {
		border-radius: 0.9em;
		overflow: hidden;
	}

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

	.update-portal__dept--money .update-portal__dept-action {
		order: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.4em;
		width: 100%;
		margin: 0;
	}

	.update-portal__dept--money .update-portal__dept-recommend {
		width: 84%;
		flex: none;
		margin: 0;
		padding-top: 1em;
	}

	.update-portal__dept--money .update-portal__dept-recommend-ribbon {
		left: -2.0em;
		top: -1em;
		width: min(180px, 62%);
	}

	.update-portal__dept--money .update-portal__dept-recommend-body {
		padding: 2.6em 1.2em 1.1em 1.3em;
	}

	.update-portal__dept--money .update-portal__dept-recommend-list li {
		font-size: 0.125rem;
		line-height: 1.7;
		padding: 0.55em 0 0.55em 1.6em;
	}

	.update-portal__dept--money .update-portal__dept-cta {
		width: min(240px, 45%);
		margin: 1em auto 2em;
	}

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

	.update-portal__dept-recommend-ribbon {
		top: 0;
		left: -0.3em;
		width: min(175px, 62%);
	}

	.update-portal__dept-recommend-body {
		padding: 2.2em 1.2em 1.2em 1.3em;
	}

	.update-portal__dept-recommend-list li {
		font-size: 0.13rem;
		padding: 0.55em 0 0.55em 1.55em;
	}

	.update-portal__dept--preparation .update-portal__dept-media {
		margin-top: 0;
		padding-right: 0;
	}

	.update-portal__dept--preparation .update-portal__dept-photo {
		border-radius: 0.85em;
	}

	.update-portal__dept--preparation .update-portal__dept-photo img {
		aspect-ratio: 16 / 11;
	}

	/*======================================
	　インテリア部（SP）／ショールーム巡りに揃える
	======================================*/
	.update-portal__dept--interior {
		padding: 3.5em 0 4em;
		overflow: visible;
	}

	/* SPインテリア部：仮配置（番号順・左右交互・非重複）※位置は後で調整 */
	/* i1: ペンダントライト */
	.update-portal__dept-deco-item--i1 {
        top: 2%;
        left: auto;
        right: 6%;
        bottom: auto;
        width: 15%;
	}

	/* i2: カフェテーブル */
	.update-portal__dept-deco-item--i2 {
        top: 9%;
        left: auto;
        right: 13%;
        bottom: auto;
        width: 9%;
	}

	/* i3: アームチェア */
	.update-portal__dept-deco-item--i3 {
        top: 16%;
        left: auto;
        right: 4%;
        bottom: auto;
        width: 11%;
	}

	/* i4: フレーム2枚 */
	.update-portal__dept-deco-item--i4 {
        top: auto;
        left: 10%;
        right: auto;
        bottom: 8%;
        width: 8%;
	}

	/* i5: ソファ */
	.update-portal__dept-deco-item--i5 {
        top: auto;
        left: 5%;
        right: auto;
        bottom: 3%;
        width: 20%;
	}

	/* i6: バスケット */
	.update-portal__dept-deco-item--i6 {
        top: 21%;
        left: 6%;
        right: auto;
        bottom: auto;
        width: 7%;
	}

	/* i7: 観葉植物 */
	.update-portal__dept-deco-item--i7 {
        top: 25%;
        left: auto;
        right: 2%;
        bottom: auto;
        width: 7%;
	}

	/* i8: ベッド */
	.update-portal__dept-deco-item--i8 {
        top: auto;
        left: auto;
        right: 5%;
        bottom: 5%;
        width: 17%;
	}

	/* i9: フロアランプ */
	.update-portal__dept-deco-item--i9 {
        top: auto;
        left: 16%;
        right: auto;
        bottom: 20%;
        width: 6%;
	}

	/* i10: ワードローブ */
	.update-portal__dept-deco-item--i10 {
        top: auto;
        left: auto;
        right: 11%;
        bottom: 15%;
        width: 12%;
	}

	.update-portal__dept--interior .update-portal__dept-inner--interior,
	.update-portal__dept--interior .update-portal__dept-inner--preparation {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		width: 88%;
	}

	.update-portal__dept--interior .update-portal__dept-content {
		display: contents;
	}

	.update-portal__dept--interior .update-portal__dept-brand {
		order: 1;
		position: relative;
		z-index: 3;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 100%;
		margin: -4.8em 0 1.6em;
		padding: 0;
		left: 0;
	}

	.update-portal__dept--interior .update-portal__dept-tobira {
		position: relative;
		z-index: 1;
		width: min(220px, 55%);
		margin: 0;
	}

	.update-portal__dept--interior .update-portal__dept-tobira::before {
		left: 50%;
		top: 50%;
		width: calc(100% + 3em);
		height: calc(100% + 3em);
		transform: translate(-50%, -50%);
		background-color: var(--update-bg-cream, #f5eed9);
	}

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

	/* 家族イラストは扉の左に配置（ショールームと同じ） */
	.update-portal__dept--interior .update-portal__dept-family {
		position: absolute;
		right: calc(50% + min(110px, 28%) - 2.5em);
		bottom: 0.15em;
		left: auto;
		z-index: 2;
		width: 38%;
		max-width: 150px;
		margin: 0;
	}

	.update-portal__dept--interior .update-portal__dept-title {
		order: 2;
		width: 100%;
		margin: 0 0 0.55em;
		font-size: 0.2rem;
		text-align: center;
		letter-spacing: 0.04em;
	}

	.update-portal__dept--interior .update-portal__dept-lead {
		order: 3;
		width: 100%;
		margin: 0 0 1.5em;
		font-size: 0.13rem;
		line-height: 1.9;
		text-align: center;
	}

	.update-portal__dept--interior .update-portal__dept-media {
		order: 4;
		width: 100%;
		margin: 0 0 1.8em;
		padding: 0;
		top: 0;
	}

	.update-portal__dept--interior .update-portal__dept-photo {
		border-radius: 0.9em;
		overflow: hidden;
	}

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

	.update-portal__dept--interior .update-portal__dept-action {
		order: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.4em;
		width: 100%;
		margin: 0;
	}

	.update-portal__dept--interior .update-portal__dept-recommend {
		width: 84%;
		flex: none;
		margin: 0;
		padding-top: 1em;
	}

	.update-portal__dept--interior .update-portal__dept-recommend-ribbon {
		left: -2.0em;
		top: -1em;
		width: min(180px, 62%);
	}

	.update-portal__dept--interior .update-portal__dept-recommend-body {
		padding: 2.6em 1.2em 1.1em 1.3em;
	}

	.update-portal__dept--interior .update-portal__dept-recommend-list li {
		font-size: 0.125rem;
		line-height: 1.7;
		padding: 0.55em 0 0.55em 1.6em;
	}

	.update-portal__dept--interior .update-portal__dept-cta {
		width: min(240px, 45%);
		margin: 1em auto 2em;
	}

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

	/*======================================
	　リノベーション部（SP）／マネー部に揃える
	======================================*/
	.update-portal__dept--renovation {
		padding: 3.5em 0 3em;
		overflow: visible;
		background-attachment: fixed;
	}

	/* SPリノベーション部：仮配置（番号順・左右交互・非重複）※位置は後で調整 */
	/* r1: のこぎり */
	.update-portal__dept-deco-item--r1 {
        top: auto;
        left: 11%;
        right: auto;
        bottom: 19%;
        width: 9%;
	}

	/* r2: ハンマー */
	.update-portal__dept-deco-item--r2 {
        top: 14%;
        left: 7%;
        right: auto;
        bottom: auto;
        width: 6%;
	}

	/* r3: 間取り図 */
	.update-portal__dept-deco-item--r3 {
        top: 84%;
        left: -3%;
        right: auto;
        bottom: auto;
        width: 29%;
	}

	/* r4: メジャー（巻尺） */
	.update-portal__dept-deco-item--r4 {
        top: 95%;
        left: 17%;
        right: auto;
        bottom: auto;
        width: 11%;
	}

	/* r5: 間取り図（リビング・キッチン） */
	.update-portal__dept-deco-item--r5 {
        top: 91%;
        left: 73%;
        right: auto;
        bottom: auto;
        width: 23%;
        transform: scaleX(-1);
	}

	/* r6: 電動ドリル */
	.update-portal__dept-deco-item--r6 {
        top: 86%;
        left: auto;
        right: 14%;
        bottom: auto;
        width: 12%;
	}

	/* r7: 脚立 */
	.update-portal__dept-deco-item--r7 {
        top: 4%;
        left: 7%;
        right: auto;
        bottom: auto;
        width: 13%;
	}

	/* r8: ドライバー */
	.update-portal__dept-deco-item--r8 {
        top: 11%;
        left: 13%;
        right: auto;
        bottom: auto;
        width: 7%;
        transform: scaleX(-1);
	}

	/* r9: 間取り図（キャットタワーなど） */
	.update-portal__dept-deco-item--r9 {
        top: 75%;
        left: auto;
        right: -3%;
        bottom: auto;
        width: 27%;
	}

	/* r10: ペンキ缶・筆 */
	.update-portal__dept-deco-item--r10 {
        top: 25%;
        left: auto;
        right: 2%;
        bottom: auto;
        width: 14%;
	}

	.update-portal__dept--renovation .update-portal__dept-inner--renovation,
	.update-portal__dept--renovation .update-portal__dept-inner--money {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		width: 88%;
	}

	.update-portal__dept--renovation .update-portal__dept-content {
		display: contents;
	}

	.update-portal__dept--renovation .update-portal__dept-brand {
		order: 1;
		position: relative;
		z-index: 3;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		width: 120%;
		margin: -4.8em 0 1.6em;
		padding: 0;
        left: 15%;
	}

	/* 扉＋家族一体画像：扉部分が中央に来るよう少し右へ */
	.update-portal__dept--renovation .update-portal__dept-tobira,
	.update-portal__dept-brand--renovation .update-portal__dept-tobira {
		position: relative;
		z-index: 1;
		width: min(290px, 100%);
	}

	/* SP用：縁の太さ調整＋チェックは背景と揃える（fixed） */
	.update-portal__dept-brand--renovation .update-portal__dept-tobira::before {
		left: calc(50% - (100% + 3em) / 2);
		top: calc(50% - (100% + 3em) / 2);
		width: calc(100% + 5em);
		height: calc(100% + 3em);
		transform: none;
		background-attachment: fixed;
		-webkit-mask: url(/update/img/sp-04-tobira.png) center / 100% 100% no-repeat;
		mask: url(/update/img/sp-04-tobira.png) center / 100% 100% no-repeat;
		clip-path: inset(0 22% 48% 0);
	}

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

	.update-portal__dept--renovation .update-portal__dept-title {
		order: 2;
		width: 100%;
		margin: 0 0 0.55em;
		font-size: 0.2rem;
		text-align: center;
		letter-spacing: 0.04em;
	}

	.update-portal__dept--renovation .update-portal__dept-lead {
		order: 3;
		width: 100%;
		margin: 0 0 1.5em;
		font-size: 0.13rem;
		line-height: 1.9;
		text-align: center;
	}

	.update-portal__dept--renovation .update-portal__dept-media {
		order: 4;
		width: 100%;
		margin: 0 0 1.8em;
		padding: 0;
		top: 0;
	}

	.update-portal__dept--renovation .update-portal__dept-photo {
		border-radius: 0.9em;
		overflow: hidden;
	}

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

	.update-portal__dept--renovation .update-portal__dept-action {
		order: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 1.4em;
		width: 100%;
		margin: 0;
	}

	.update-portal__dept--renovation .update-portal__dept-recommend {
		width: 84%;
		flex: none;
		margin: 0;
		padding-top: 1em;
	}

	.update-portal__dept--renovation .update-portal__dept-recommend-ribbon {
		left: -2.0em;
		top: -1em;
		width: min(180px, 62%);
	}

	.update-portal__dept--renovation .update-portal__dept-recommend-body {
		padding: 2.6em 1.2em 1.1em 1.3em;
	}

	.update-portal__dept--renovation .update-portal__dept-recommend-list li {
		font-size: 0.125rem;
		line-height: 1.7;
		padding: 0.55em 0 0.55em 1.6em;
	}

	.update-portal__dept--renovation .update-portal__dept-cta {
		width: min(240px, 45%);
		margin: 1em auto 2em;
	}

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

	.update-portal__dept--reverse .update-portal__dept-content,
	.update-portal__dept--reverse .update-portal__dept-media {
		order: unset;
	}

	.update-portal__dept-media {
		margin-top: 1.5em;
		padding-right: 3.5em;
	}

	.update-portal__dept-head {
		grid-template-columns: 90px 1fr;
		gap: 0.8em;
	}

	.update-portal__dept-title {
		font-size: 0.26rem;
	}

	.update-portal__dept-lead {
		font-size: 0.14rem;
		line-height: 1.8;
	}

	.update-portal__checkpoint {
		padding: 1.2em 1em 1em;
	}

	.update-portal__checkpoint-list li {
		font-size: 0.13rem;
	}

	.update-portal__dept-more {
		right: 0;
		width: 3.6em;
		height: 7.5em;
	}

	.update-portal__dept-more-en {
		font-size: 0.12rem;
	}

	.update-portal__dept-more-ja {
		font-size: 0.12rem;
	}

	.update-portal__bottom {
		padding: 3em 0 3.5em;
	}

	.update-portal__bottom-inner {
		width: 88%;
	}

	.update-portal__bottom-title {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.15em;
		font-size: 0.19rem;
		margin-bottom: 1.4em;
		line-height: 1.55;
		text-align: center;
	}

	.update-portal__bottom-title-text {
		display: block;
		text-align: center;
	}

	/* 斜線を2行分の高さに＋角度をやや立てる */
	.update-portal__bottom-title-slash {
		flex-shrink: 0;
		margin: 0;
		font-size: 2.15em;
		line-height: 1;
		font-weight: 700;
	}

	.update-portal__bottom-title-slash:first-child {
		transform: rotate(18deg);
	}

	.update-portal__bottom-title-slash:last-child {
		transform: rotate(-18deg);
	}

	.update-portal__bottom-nav {
		grid-template-columns: 1fr;
		gap: 1em;
		margin-bottom: 2em;
	}

	.update-portal__branch {
		grid-template-columns: 1fr;
		gap: 0.7em;
	}

	.update-portal__branch a {
		font-size: 0.14rem;
		padding: 1em 0.5em;
	}
}