
<rss version="2.0">
    <channel>
        <title>イデアハウス不動産株式会社のブログ</title>
        <link>https://www.ideahaus-fudousan.com/blog/</link>
        <description>イデアハウス不動産株式会社のブログ</description>
        <language>ja</language>
                
        <item>
            <title>イデアコート</title>
            <link>https://www.ideahaus-fudousan.com/blog/entry-775253/</link>
            <description><![CDATA[<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Zen+Maru+Gothic&display=swap" rel="stylesheet">
<main class="blogformat">
    <header class="org-header">
        <div class="header__inner">
            <div class="header__left">
                <a class="header__logo" href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">
                    <img src="https://hp-asp-lab5.s3.ap-northeast-1.amazonaws.com/ideahaus-fudousan.com/logo/logo.png?t=1747203547" alt="｜福岡市・北九州市・熊本市で不動産の売買をご検討中ならイデアハウス不動産株式会社">
                </a>
                <h1 class="header__cube"><img src="/images/blogformat/header_court_logo.png" alt="イデアコート"></h1>
            </div>
            <div class="header__right">
                <button class="header__menu js-blog-menu">
                    <img src="/images/mobile/menu_btn.webp" alt="メニュー">
                </button>
            </div>
        </div>
    </header>
    <div class="org-menu js-blog-menu-contents">
        <header class="menu__header">
            <a class="header__logo" href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">
                <img src="https://hp-asp-lab5.s3.ap-northeast-1.amazonaws.com/ideahaus-fudousan.com/logo/logo.png?t=1747203547" alt="｜福岡市・北九州市・熊本市で不動産の売買をご検討中ならイデアハウス不動産株式会社">
            </a>
            <button class="menu__close js-blog-menu-close">
                <img src="/images/mobile/menu_close.webp" alt="×">
            </button>
        </header>
        <div class="menu__inner">
            <ul class="menu-link__list">
                <li class="menu-link__item"><a href="/">ホーム</a></li>
                <li class="menu-link__item"><a href="/blog/entry-676181/">イデアキューブ</a></li>
                <li class="menu-link__item"><a href="/blog/entry-775253/">イデアコート</a></li>
                <li class="menu-link__item"><a href="/blog/entry-676184/">イデアカーサ</a></li>
                <li class="menu-link__item sp__none"><a href="/estimate/" target="_blank" rel="nofollow">お問い合わせ</a></li>
                <li class="menu-link__item sp__none"><a href="/lineme/s.lmes.jp/landing-qr/1661054299-n6wybMMy?uLand=F5evt9&id=79039" target="_blank" rel="nofollow">LINE</a></li>
                <li class="menu-link__item"><a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">イデアハウス不動産<br class="pc__br">サイト</a></li>
            </ul>
            <ul class="contact__list">
                <li class="contact__item">
                    <a href="tel:0120-983-103" class="contact__btn--tel">0120-983-103</a>
                </li>
                <li class="contact__item">
                    <a href="/estimate/" target="_blank" rel="nofollow" class="contact__btn--contact">お問い合わせ</a>
                </li>
                
                <li class="contact__item">
                    <a href="/lineme/s.lmes.jp/landing-qr/1661054299-n6wybMMy?uLand=F5evt9&id=79039" target="_blank" rel="nofollow" class="contact__btn--line">公式LINE</a>
                </li>
            </ul>
        </div>
    </div>
    <ul class="float__list">
        <li class="float__item--01">
            <a href="/estimate/" target="_blank"><img src="/images/blogformat/float_img01.png" alt="オプションのご相談"></a>
        </li>
        <li class="float__item--02">
            <a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow"><img src="/images/blogformat/float_img02.png" alt="物件サイトを見る"></a>
        </li>
    </ul>
    
    <div class="maincontents">
        <div class="mainview">
            <div class="mainview__img">
				<ul class="step__plan__list">
					<li class="step__plan__item js-plan-contents is-select" data-plan="01">
						<ul class="mainview__img__list js-illumination-contents is-show" data-show="daytime">
							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションを何も選択していない
							・「日中の照明の様子」が選択されている
							-->
							<!-- リビング未選択時 -->
							<li class="mainview__img__item js-step-option-img is-select" data-option="00" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1SIrcfRd3uC2DaHeSojEG2NWqnxEXT6WV" alt="リビング未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「クロス」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="01" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1LIWo1XVAkE-Dkko0ES8cGY6mq7GxD9C9" alt="日中の照明の様子、STEP01：プランA、STEP3：クロス">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「照明の色」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="02" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1ptgC8EgcPVndcXNoLng5boXUQf1BbHjF" alt="日中の照明の様子、STEP01：プランA、STEP3：照明の色">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「カーテン」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="03" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1qdmlwJibhyVcxh3jOUjeZ0Ae_CR82ynr" alt="日中の照明の様子、STEP01：プランA、STEP3：カーテン">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「壁掛けテレビ」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="04" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1F66RLiDy0nh5xXkohRSS8uBCAyKhKh-3" alt="日中の照明の様子、STEP01：プランA、STEP3：壁掛けテレビ">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							
							<!-- キッチン未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1rRe9a1UV0DxvUSwhLXHmOOIY3JYj1keU" alt="キッチン未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「カップボード①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="05" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1asl53wvuN-EPdetS6RgSxDEmmxQBFgf_" alt="日中の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：カップボード①">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「カップボード②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="07" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1NpYv5DffwRtZGZRva4KYEPOOenhP9NiW" alt="日中の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：カップボード②">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「カップボード③」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="06" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1z_M6ANiEq-zJWm5qIcGEpJNvwVOGbe6P" alt="日中の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：カップボード③">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「選べる取っ手」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="16" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1Y5vj35xxV5k6D5mnt2wGzxQo20O0RECd" alt="日中の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：選べる取っ手">
							</li>

							<!-- エクステリア未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/15M6VZD5goK4TMTBnHwnpEDUOb7AkZdot" alt="エクステリア未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「カーポート」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="08" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1XnO8uOsJm8bENnrJvdByulnTDD74-Sch" alt="日中の照明の様子、STEP01：プランA、STEP2：エクステリア、STEP3：カーポート">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「テラス」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="10" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1NqeVDjMUD4naOwL5FES8cHIG9AV1VR3o" alt="日中の照明の様子、STEP01：プランA、STEP2：エクステリア、STEP3：テラス">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「エクステリア」を選択
							・STEP3で「テラス」を一度選択したあと、もう一度クリックして解除したときのみ（画像は差し替え可能）
							-->
							<li class="mainview__img__item js-step-option-img js-terrace-deselect-img" data-option="10-deselect" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1fvz52VtdyeXYcfbUC6LvNOJ2hv9-kJw2" alt="エクステリア、テラス解除時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「植栽」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="09" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1xYord0G9H5TBhKDbfiGA1g1PDk6adH2L" alt="日中の照明の様子、STEP01：プランA、STEP2：エクステリア、STEP3：植栽">
							</li>

							<!-- 寝室未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1a1mKYUlMcGn0t1uFD0mW2ovPZiG_0rZe" alt="寝室未選択時">
							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「寝室」を選択
							・STEP3のオプションで「カーテン」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="12" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1_Et-Av_milJLMVMDcEmO8X-JBtuuLceL" alt="日中の照明の様子、STEP01：プランA、STEP2：寝室、STEP3：カーテン">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「寝室」を選択
							・STEP3のオプションで「ブラインド」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="13" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1QLiKRmeP5FZGYrgaff65E19h8WR1slee" alt="日中の照明の様子、STEP01：プランA、STEP2：寝室、STEP3：ブラインド">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「寝室」を選択
							・STEP3のオプションで「WIC」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item img_contain js-step-option-img" data-option="14" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1sIA_LrOfIncFWX9UDXKdJvdPNfSUREqU" alt="日中の照明の様子、STEP01：プランA、STEP2：寝室、STEP3：WIC">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「寝室」を選択
							・STEP3で「WIC」を一度選択したあと、もう一度クリックして解除したときのみ（画像は差し替え可能）
							-->
							<li class="mainview__img__item img_contain js-step-option-img js-wic-deselect-img" data-option="14-deselect" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1Ve3SKUSoFybtVLAQFLkU-jQPoG01uCn4" alt="寝室、WIC解除時">
							</li>

						</ul>
						<ul class="mainview__img__list js-illumination-contents" data-show="nighttime">
							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションを何も選択していない
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img is-select" data-option="00" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1Jqg-0Z0U1AVDacPAKfeKaDtDT4NXxoWM" alt="夜間の照明の様子、STEP01：プランA、STEP3：オプション選択無し">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「クロス」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="01" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1I2T_9VRoYQ83nAzGOEusk8md0bLHCbBN" alt="夜間の照明の様子、STEP01：プランA、STEP3：クロス">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「照明の色」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="02" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1xFSRVrm_Y7y6_P0QaaAixCwkfXhXIuTT" alt="夜間の照明の様子、STEP01：プランA、STEP3：照明の色">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「カーテン」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="03" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1xR8k6jCE2T-8iWKshDVgxzs1FAWSh4CX" alt="夜間の照明の様子、STEP01：プランA、STEP3：カーテン">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「プランA」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「壁掛けテレビ」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="04" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1Ynzo8l1OhHUmpWVIsBIc1irC5HpM3Ljy" alt="夜間の照明の様子、STEP01：プランA、STEP3：壁掛けテレビ">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1rRe9a1UV0DxvUSwhLXHmOOIY3JYj1keU" alt="キッチン未選択時">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="05" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1b16tJbuKJ4lqpZp7oID0wXYg_fegXw3A" alt="夜間の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：カップボード①">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="07" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1b16tJbuKJ4lqpZp7oID0wXYg_fegXw3A" alt="夜間の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：カップボード②">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="06" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1b16tJbuKJ4lqpZp7oID0wXYg_fegXw3A" alt="夜間の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：カップボード③">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="16" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1Y5vj35xxV5k6D5mnt2wGzxQo20O0RECd" alt="夜間の照明の様子、STEP01：プランA、STEP2：キッチン、STEP3：選べる取っ手">
							</li>

							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/15M6VZD5goK4TMTBnHwnpEDUOb7AkZdot" alt="エクステリア未選択時">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="08" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1b16tJbuKJ4lqpZp7oID0wXYg_fegXw3A" alt="夜間の照明の様子、STEP01：プランA、STEP2：エクステリア、STEP3：カーポート">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="10" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1NqeVDjMUD4naOwL5FES8cHIG9AV1VR3o" alt="夜間の照明の様子、STEP01：プランA、STEP2：エクステリア、STEP3：テラス">
							</li>
							<li class="mainview__img__item js-step-option-img js-terrace-deselect-img" data-option="10-deselect" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1fvz52VtdyeXYcfbUC6LvNOJ2hv9-kJw2" alt="エクステリア、テラス解除時">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="09" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1l5gDFsz4sTpxHZsb1PxJkKOub6VXqePD" alt="夜間の照明の様子、STEP01：プランA、STEP2：エクステリア、STEP3：植栽">
							</li>

							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1a1mKYUlMcGn0t1uFD0mW2ovPZiG_0rZe" alt="寝室未選択時">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="12" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1_Et-Av_milJLMVMDcEmO8X-JBtuuLceL" alt="夜間の照明の様子、STEP01：プランA、STEP2：寝室、STEP3：カーテン">
							</li>
							<li class="mainview__img__item js-step-option-img" data-option="13" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1QLiKRmeP5FZGYrgaff65E19h8WR1slee" alt="夜間の照明の様子、STEP01：プランA、STEP2：寝室、STEP3：ブラインド">
							</li>
							<li class="mainview__img__item img_contain js-step-option-img" data-option="14" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1sIA_LrOfIncFWX9UDXKdJvdPNfSUREqU" alt="夜間の照明の様子、STEP01：プランA、STEP2：寝室、STEP3：WIC">
							</li>
							<li class="mainview__img__item img_contain js-step-option-img js-wic-deselect-img" data-option="14-deselect" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1Ve3SKUSoFybtVLAQFLkU-jQPoG01uCn4" alt="寝室、WIC解除時">
							</li>
						</ul>
					</li>
					<!-- STEP1でプランBを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="02">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1dLY5u8lZrrdI8jdi5hD19OJPy3KCgff9" alt="STEP1：プランB、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1lJkA0sKHcanL7_XEB2iVx23k5vktYkmk" alt="STEP1：プランB、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1qbu3V_ml6nBVFRFLajMkIqx3jq-2N_Pv" alt="STEP1：プランB、STEP2：エクステリア">
							</li>
							<!-- STEP2で寝室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/178Mj24k48VTPCxdpGQXWi2RCE9P3LiaI" alt="STEP1：プランB、STEP2：寝室">
							</li>
						</ul>
					</li>
					<!-- STEP1でプランCを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="03">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1q3udwwKYT2C1nBicKtkJ4f0epAf6EZrs" alt="STEP1：プランC、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1RfjsmMq1NVrau-mjVEUg32SCccGiKFMo" alt="STEP1：プランC、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1L-GOsvy5ldisuZqf6I3z3POksnhEyPhV" alt="STEP1：プランC、STEP2：エクステリア">
							</li>
							<!-- STEP2で寝室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1YLZ8S7EXMJZqvKujN0llHEX9wf-SYYUP" alt="STEP1：プランC、STEP2：寝室">
							</li>
						</ul>
					</li>
					<!-- STEP1でプランDを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="04">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1tPhrRM0llfMNOwqTbBHl6qcvCS-P7LEK" alt="STEP1：プランD、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1BSQVYGhEQaDfbShNCOTyc7kM9j3lD2tI" alt="STEP1：プランD、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1Oy1Dfq_rYY18uE14jXt2qdOQmds0fz1k" alt="STEP1：プランD、STEP2：エクステリア">
							</li>
							<!-- STEP2で寝室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/12PLDRov2ig31WmNN5OS9J9WBwtjNtwKX" alt="STEP1：プランD、STEP2：寝室">
							</li>
						</ul>
					</li>
					<!-- STEP1でプランEを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="05">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img05 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1-qTBEagaId18AgDm8am8IirfzpbYAURG" alt="STEP1：プランE、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img05" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1EE5LzGbQFge7xXSjMNUfmajWsaYMIuiW" alt="STEP1：プランE、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img05" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1nmL4ojzovVq_lQNxEaZ85N12CiTCkIw-" alt="STEP1：プランE、STEP2：エクステリア">
							</li>
							<!-- STEP2で寝室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img05" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1Mhl2Kwg5tQJXnat6I_UuKx8ICnLuQ_kX" alt="STEP1：プランE、STEP2：寝室">
							</li>
						</ul>
					</li>
				</ul>
				<!-- 照明の選択はSTEP1：プランAでリビング時は常時／エクステリア時は植栽選択時のみ表示 -->
				<ul class="step__plan__list">
					<li class="step__plan__item js-plan-contents is-select" data-plan="01">
						<div class="step__area__item js-illumination-panel is-select">
							<ul class="illumination__select__list">
								<li class="illumination__select__item">
									<label>
										<input type="radio" name="illumination" class="js-illumination-tab" data-show="daytime" checked="">日中の照明の様子
									</label>
								</li>
								<li class="illumination__select__item">
									<label>
										<input type="radio" name="illumination" class="js-illumination-tab" data-show="nighttime">夜間の照明の様子
									</label>
								</li>
							</ul>
						</div>
					</li>
				</ul>
            </div>
			<div class="step__select">
				<p class="plan__title">気になる<span>プラン</span>を試してみる</p>
				<ul class="plan__tab-list">
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="01" checked="">A
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="02">B
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="03">C
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="04">D
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="05">E
						</label>
					</li>
				</ul>
				<div class="plan__wrap js-plan-contents is-select" data-plan="01">
					<div class="plan__contents">
						<p class="plan__catch">明るさと上質さが調和する、自然体の住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacourt/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacourt/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacourt/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--sinsitu">
										<img src="/images/blogformat/ideacourt/select__area--sinsitu.webp" alt="寝室">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="04">寝室
									</label>
								</li>
							</ul>
						</div>
						<div class="plan__group--option">
							<p class="plan__group-ttl">オプションを選択</p>
							<ul class="plan__option-list js-option-list">
							</ul>
						</div>
					</div>
					<p class="plan__option-notes">
						※オプションには無料と<span>有料</span>がございます。<br>
						費用は事前にご案内しますのでお問い合わせページ、または営業スタッフまでお気軽にご相談ください。
					</p>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="02">
					<div class="plan__contents">
						<p class="plan__catch">やさしさと今らしさ、抜け感とぬくもりが調和するトレンドスタイルの住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacourt/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacourt/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacourt/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--sinsitu">
										<img src="/images/blogformat/ideacourt/select__area--sinsitu.webp" alt="寝室">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="04">寝室
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="03">
					<div class="plan__contents">
						<p class="plan__catch">素材の個性と自分らしさを楽しむ、こだわりの住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacourt/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacourt/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacourt/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--sinsitu">
										<img src="/images/blogformat/ideacourt/select__area--sinsitu.webp" alt="寝室">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="04">寝室
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="04">
					<div class="plan__contents">
						<p class="plan__catch">上品な明るさと大人の余裕が調和する、上質な住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacourt/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacourt/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacourt/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--sinsitu">
										<img src="/images/blogformat/ideacourt/select__area--sinsitu.webp" alt="寝室">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="04">寝室
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="05">
					<div class="plan__contents">
						<p class="plan__catch">深みのある上質さと洗練が調和する、大人の住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacourt/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area05" class="js-area-tab05" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacourt/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area05" class="js-area-tab05" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacourt/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area05" class="js-area-tab05" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--sinsitu">
										<img src="/images/blogformat/ideacourt/select__area--sinsitu.webp" alt="寝室">
										<input type="radio" name="step-area05" class="js-area-tab05" data-area="04">寝室
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
        </div>

		<!-- コンテンツ「Plan」　ここから -->
        <section class="section__wrap--plan">
            <div class="section__inner">
                <div class="plan__img">
                    <ul class="plan__img__list js-illumination-contents is-show" data-show="daytime">
                        <!-- プラン01（プランA）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents is-select" data-plan="01">
                          <img src="https://lh3.googleusercontent.com/d/15M6VZD5goK4TMTBnHwnpEDUOb7AkZdot" alt="日中の照明の様子、プランA">
                        </li>
                        <!-- プラン02（プランB）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="02">
                           <img src="https://lh3.googleusercontent.com/d/1qbu3V_ml6nBVFRFLajMkIqx3jq-2N_Pv" alt="日中の照明の様子、プランB">
                        </li>
                        <!-- プラン03（プランC）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="03">
                           <img src="https://lh3.googleusercontent.com/d/1L-GOsvy5ldisuZqf6I3z3POksnhEyPhV" alt="日中の照明の様子、プランC">
                        </li>
                        <!-- プラン04（プランD）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="04">
                           <img src="https://lh3.googleusercontent.com/d/1Oy1Dfq_rYY18uE14jXt2qdOQmds0fz1k" alt="日中の照明の様子、プランD">
                        </li>
                        <!-- プラン05（E）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="05">
                           <img src="https://lh3.googleusercontent.com/d/1nmL4ojzovVq_lQNxEaZ85N12CiTCkIw-" alt="日中の照明の様子、プランE">
                        </li>
                    </ul>
                    <ul class="plan__img__list js-illumination-contents is-select" data-show="nighttime">
                        <!-- プラン01（プランA）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents is-select" data-plan="01">
                            <img src="https://lh3.googleusercontent.com/d/15M6VZD5goK4TMTBnHwnpEDUOb7AkZdot" alt="夜間の照明の様子、プランA">
                        </li>
                        <!-- プラン02（プランB）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="02">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=プランB+夜間照明" alt="夜間の照明の様子、プランB">
                        </li>
                        <!-- プラン03（プランC）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="03">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=プランC+夜間照明" alt="夜間の照明の様子、プランC">
                        </li>
                        <!-- プラン04（プランD）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="04">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=プランD+夜間照明" alt="夜間の照明の様子、プランD">
                        </li>
                        <!-- プラン05（E）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="05">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=E+夜間照明" alt="夜間の照明の様子、プランE">
                        </li>
                    </ul>
                </div>
                <div class="plan__txt">
                    <ul class="plan__txt__list">
						<!-- プラン01（プランA）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents is-select" data-plan="01">
                            <h2 class="plan__txt__ttl"><span>プランA</span>の特徴</h2>
                            <p class="plan__txt__txt">
								光が届きにくい駅近の都心部でも、室内にやわらかな明るさと広がりを感じられる、明るめの床材をセレクト。空間に自然な光を反射させ、リビングや居室をより明るく開放的に演出します。<br>
								一方で、建具にはトーンを落としたカラーを採用。空間をぐっと引き締め、高級感と落ち着きをプラス。洗練された雰囲気が漂う、メリハリのあるコーディネートです。<br>
								暮らしやすさと美しさを両立させた、上質な空間を目指しました。
							</p>
                        </li>
                        <!-- プラン02（プランB）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="02">
                            <h2 class="plan__txt__ttl"><span>プランB</span>の特徴</h2>
                            <p class="plan__txt__txt">
								光がたっぷり差し込む敷地を活かした、明るくやさしい雰囲気の内観デザイン。木目の表情が際立つフローリングが、暮らしの中にぬくもりと自然の心地よさを運んでくれます。<br>
								建具や照明器具には、マットな黒のアクセントパーツを採用。やわらかな空間にほどよい“締まり”を加えることで、ナチュラルでありながらも洗練された印象に。<br>
								穏やかで落ち着きのある空気感と、センスの良さが同居するこのコーディネートは、素材の風合いや暮らしの質感を大切にしたい方にぴったりです。
							</p>
                        </li>
                        <!-- プラン03（プランC）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="03">
                            <h2 class="plan__txt__ttl"><span>プランC</span>の特徴</h2>
                            <p class="plan__txt__txt">
								明るすぎず、暗すぎない自然光が入る敷地に合わせて、室内もやさしく整えたバランスの取れたコーディネート。<br>
								床材には、明るさを抑えたメープル調のカラーを採用。空間にやわらかな広がりを感じさせながら、落ち着いた印象を与えてくれます。<br>
								建具は木目のトーンを少し変えたカラーリングで、自然なコントラストを演出。ディテールの違いが空間に奥行きを与え、ナチュラルながらも上質で高級感のある雰囲気に仕上がっています。<br>
								“ちょうどいい”が心地いい。そんな暮らしの中に、ぬくもりと品の良さが調和するカラータイプです。
							</p>
                        </li>
                        <!-- プラン04（プランD）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="04">
                            <h2 class="plan__txt__ttl"><span>プランD</span>の特徴</h2>
                            <p class="plan__txt__txt">
								明るさを活かせる敷地に合わせて、上品で落ち着きのある床色をセレクト。<br>
								光をやわらかく反射する絶妙なトーンが、空間に広がりと奥行きを与えながら、どこか大人の余裕を感じさせます。<br>
								家具のテイストを選ばない“ニュートラルな美しさ”も魅力のひとつ。<br>
								シンプルにもモダンにも、ナチュラルにも仕上がる自由度の高い内装は、インテリアを楽しみたい方にもぴったり。<br>
								30〜40代のお客様を中心に、多くのご家族から選ばれているのも納得の、高級感と暮らしやすさが両立した人気のカラータイプです。
							</p>
                        </li>
                        <!-- プラン05（E）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="05">
                            <h2 class="plan__txt__ttl"><span>プランE</span>の特徴</h2>
                            <p class="plan__txt__txt">
								やさしくて、今っぽい。そんな空気感が魅力の、グレージュを取り入れたトレンド感あるコーディネート。<br>
								床材には、くすみ感のある絶妙なグレージュトーンを採用。明るすぎず、暗すぎず、空間に自然な抜け感とこなれた雰囲気を生み出します。<br>
								20代を中心に、感度の高い若い世代から人気のカラータイプ。<br>
								シンプルな家具からカフェ風、韓国インテリアまで幅広く合わせやすく、自分らしいスタイルで空間づくりを楽しめます。
							</p>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
		<!-- コンテンツ「Plan」　ここまで -->
        
		<!-- コンテンツ「Area」　ここから -->
		<ul class="step__plan__list">
			<!-- プランAが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents is-select" data-plan="01">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list js-illumination-contents is-show" data-show="daytime">
								<!-- リビングエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1ZFrKaA2fVbQvK6QXgtIGC_ZSvVnXtgl7" alt="日中の照明の様子、リビング">
								</li>
								<!-- キッチンエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1BRE2geQsYe-zvLzQreqOQAaNgfz7Bf9n" alt="日中の照明の様子、キッチン">
								</li>
								<!-- エクステリアエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1oIbLvJTP9_DdvhfNeK--KQmeyzfVYBEj" alt="日中の照明の様子、エクステリア">
								</li>
								<!-- 寝室エリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1fqNDM-DtxTExeOXrFARYHKFjTWD2hD9c" alt="日中の照明の様子、寝室">
								</li>
							</ul>
							<ul class="area__img__list js-illumination-contents is-select" data-show="nighttime">
								<!-- リビングエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1ZFrKaA2fVbQvK6QXgtIGC_ZSvVnXtgl7" alt="夜間の照明の様子、リビング">
								</li>
								<!-- キッチンエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="02">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=キッチンエリア+夜間" alt="夜間の照明の様子、キッチン">
								</li>
								<!-- エクステリアエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/15M6VZD5goK4TMTBnHwnpEDUOb7AkZdot" alt="夜間の照明の様子、エクステリア">
								</li>
								<!-- 寝室エリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="04">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=寝室エリア+夜間" alt="夜間の照明の様子、寝室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										家の中心となるリビングには、広々とした開放感あふれるスペースを確保。家族みんなが自然と集まりたくなるような心地よさを追求しました。<br>
										天井から柔らかく照らすおしゃれな間接照明は、シーンに合わせて表情を変え、リビング全体を上質な空間へと演出。<br>
										また、リビング階段は、家族のつながりを感じられる動線設計で、自然とコミュニケーションが生まれます。<br>
										イデアコートでは、ワンランク上の暮らしを目指し、敷地形状や周辺建物との目線、また採光経路など、1邸1邸丁寧にプランニングします。<br>
										敷地のポテンシャルを最大限に引き出すリビング空間をご提案致します。
									</p>
								</li>
								<!-- キッチンエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の会話が自然と生まれる対面式キッチンを採用。<br>
										料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。<br>
										さらに、食洗機やタッチレス水栓など、家事ラク機能も充実。忙しい日常をスマートにサポートし、キッチンに立つ時間をもっと快適に且つ短縮してくれます。<br>
										住まいの中心にくるキッチンだからこそ、住まい全体に映える色合いをコーディネート。デザイン性と実用性を両立したキッチンに仕上げました。<br>
										広いキッチンは、家族の健康はもちろん、お子様にとっては学びの場。<br>
										ワンランク上のゆとりの空間で家族時間をお楽しみください。
									</p>
								</li>
								<!-- エクステリアエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										イデアコートのエクステリアは、1邸1邸を特別にデザインし、街にとけこみながらも上質な印象を造ります。<br>
										防犯面など機能的な役割も充実。ホームセキュリティ設備に加え、プライバシーを配慮しながらオープン外構とし、駐車場を含め帰宅動線にもこだわりました。<br>
										お庭スペースは、テラスやウッドデッキにアレンジ可能な自由度の高い設計。アウトドアリビングやカフェタイムなど、暮らしの楽しみが広がります。<br>
										植栽計画にシンボルツリーを配置したデザインも魅力のひとつ。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添う樹木は、新しい家族の記念樹となります。<br>
										ワンランク上のエクステリアは、日々の暮らしをより豊かに演出します。
									</p>
								</li>
								<!-- 寝室エリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="04">
									<h2 class="area__txt__ttl"><span>寝室</span>について</h2>
									<p class="area__txt__txt">
										イデアコートでは、贅沢なプライベート空間にこだわり、1邸1邸の照明計画を専属プランナーが作ります。<br>
										やわらかな間接照明が落ち着いた雰囲気を演出。光と影がおりなす寛ぎの住空間です。<br>
										また、寝室は睡眠と起床の毎日が始まる場所。お部屋の向きにも最大限配慮し1日のスタートをより健康的なリズムに整えます。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- プランBが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="02">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1ZFrKaA2fVbQvK6QXgtIGC_ZSvVnXtgl7" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1BRE2geQsYe-zvLzQreqOQAaNgfz7Bf9n" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1oIbLvJTP9_DdvhfNeK--KQmeyzfVYBEj" alt="STEP2：エクステリア">
								</li>
								<!-- 寝室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1fqNDM-DtxTExeOXrFARYHKFjTWD2hD9c" alt="STEP2：寝室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										家の中心となるリビングには、広々とした開放感あふれるスペースを確保。家族みんなが自然と集まりたくなるような心地よさを追求しました。<br>
										天井から柔らかく照らすおしゃれな間接照明は、シーンに合わせて表情を変え、リビング全体を上質な空間へと演出。<br>
										また、リビング階段は、家族のつながりを感じられる動線設計で、自然とコミュニケーションが生まれます。<br>
										イデアコートでは、ワンランク上の暮らしを目指し、敷地形状や周辺建物との目線、また採光経路など、1邸1邸丁寧にプランニングします。<br>
										敷地のポテンシャルを最大限に引き出すリビング空間をご提案致します。
									</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の会話が自然と生まれる対面式キッチンを採用。<br>
										料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。<br>
										さらに、食洗機やタッチレス水栓など、家事ラク機能も充実。忙しい日常をスマートにサポートし、キッチンに立つ時間をもっと快適に且つ短縮してくれます。<br>
										住まいの中心にくるキッチンだからこそ、住まい全体に映える色合いをコーディネート。デザイン性と実用性を両立したキッチンに仕上げました。<br>
										広いキッチンは、家族の健康はもちろん、お子様にとっては学びの場。<br>
										ワンランク上のゆとりの空間で家族時間をお楽しみください。
									</p>
								</li>
								<!--エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										イデアコートのエクステリアは、1邸1邸を特別にデザインし、街にとけこみながらも上質な印象を造ります。<br>
										防犯面など機能的な役割も充実。ホームセキュリティ設備に加え、プライバシーを配慮しながらオープン外構とし、駐車場を含め帰宅動線にもこだわりました。<br>
										お庭スペースは、テラスやウッドデッキにアレンジ可能な自由度の高い設計。アウトドアリビングやカフェタイムなど、暮らしの楽しみが広がります。<br>
										植栽計画にシンボルツリーを配置したデザインも魅力のひとつ。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添う樹木は、新しい家族の記念樹となります。<br>
										ワンランク上のエクステリアは、日々の暮らしをより豊かに演出します。
									</p>
								</li>
								<!-- 寝室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="04">
									<h2 class="area__txt__ttl"><span>寝室</span>について</h2>
									<p class="area__txt__txt">
										イデアコートでは、贅沢なプライベート空間にこだわり、1邸1邸の照明計画を専属プランナーが作ります。<br>
										やわらかな間接照明が落ち着いた雰囲気を演出。光と影がおりなす寛ぎの住空間です。<br>
										また、寝室は睡眠と起床の毎日が始まる場所。お部屋の向きにも最大限配慮し1日のスタートをより健康的なリズムに整えます。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- プランCが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="03">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1ZFrKaA2fVbQvK6QXgtIGC_ZSvVnXtgl7" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1BRE2geQsYe-zvLzQreqOQAaNgfz7Bf9n" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1oIbLvJTP9_DdvhfNeK--KQmeyzfVYBEj" alt="STEP2：エクステリア">
								</li>
								<!-- 寝室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1fqNDM-DtxTExeOXrFARYHKFjTWD2hD9c" alt="STEP2：寝室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										家の中心となるリビングには、広々とした開放感あふれるスペースを確保。家族みんなが自然と集まりたくなるような心地よさを追求しました。<br>
										天井から柔らかく照らすおしゃれな間接照明は、シーンに合わせて表情を変え、リビング全体を上質な空間へと演出。<br>
										また、リビング階段は、家族のつながりを感じられる動線設計で、自然とコミュニケーションが生まれます。<br>
										イデアコートでは、ワンランク上の暮らしを目指し、敷地形状や周辺建物との目線、また採光経路など、1邸1邸丁寧にプランニングします。<br>
										敷地のポテンシャルを最大限に引き出すリビング空間をご提案致します。
									</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の会話が自然と生まれる対面式キッチンを採用。<br>
										料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。<br>
										さらに、食洗機やタッチレス水栓など、家事ラク機能も充実。忙しい日常をスマートにサポートし、キッチンに立つ時間をもっと快適に且つ短縮してくれます。<br>
										住まいの中心にくるキッチンだからこそ、住まい全体に映える色合いをコーディネート。デザイン性と実用性を両立したキッチンに仕上げました。<br>
										広いキッチンは、家族の健康はもちろん、お子様にとっては学びの場。<br>
										ワンランク上のゆとりの空間で家族時間をお楽しみください。
									</p>
								</li>
								<!-- エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										イデアコートのエクステリアは、1邸1邸を特別にデザインし、街にとけこみながらも上質な印象を造ります。<br>
										防犯面など機能的な役割も充実。ホームセキュリティ設備に加え、プライバシーを配慮しながらオープン外構とし、駐車場を含め帰宅動線にもこだわりました。<br>
										お庭スペースは、テラスやウッドデッキにアレンジ可能な自由度の高い設計。アウトドアリビングやカフェタイムなど、暮らしの楽しみが広がります。<br>
										植栽計画にシンボルツリーを配置したデザインも魅力のひとつ。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添う樹木は、新しい家族の記念樹となります。<br>
										ワンランク上のエクステリアは、日々の暮らしをより豊かに演出します。
									</p>
								</li>
								<!-- 寝室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="04">
									<h2 class="area__txt__ttl"><span>寝室</span>について</h2>
									<p class="area__txt__txt">
										イデアコートでは、贅沢なプライベート空間にこだわり、1邸1邸の照明計画を専属プランナーが作ります。<br>
										やわらかな間接照明が落ち着いた雰囲気を演出。光と影がおりなす寛ぎの住空間です。<br>
										また、寝室は睡眠と起床の毎日が始まる場所。お部屋の向きにも最大限配慮し1日のスタートをより健康的なリズムに整えます。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- プランDが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="04">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1ZFrKaA2fVbQvK6QXgtIGC_ZSvVnXtgl7" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1BRE2geQsYe-zvLzQreqOQAaNgfz7Bf9n" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1oIbLvJTP9_DdvhfNeK--KQmeyzfVYBEj" alt="STEP2：エクステリア">
								</li>
								<!-- 寝室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1fqNDM-DtxTExeOXrFARYHKFjTWD2hD9c" alt="STEP2：寝室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										家の中心となるリビングには、広々とした開放感あふれるスペースを確保。家族みんなが自然と集まりたくなるような心地よさを追求しました。<br>
										天井から柔らかく照らすおしゃれな間接照明は、シーンに合わせて表情を変え、リビング全体を上質な空間へと演出。<br>
										また、リビング階段は、家族のつながりを感じられる動線設計で、自然とコミュニケーションが生まれます。<br>
										イデアコートでは、ワンランク上の暮らしを目指し、敷地形状や周辺建物との目線、また採光経路など、1邸1邸丁寧にプランニングします。<br>
										敷地のポテンシャルを最大限に引き出すリビング空間をご提案致します。
									</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の会話が自然と生まれる対面式キッチンを採用。<br>
										料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。<br>
										さらに、食洗機やタッチレス水栓など、家事ラク機能も充実。忙しい日常をスマートにサポートし、キッチンに立つ時間をもっと快適に且つ短縮してくれます。<br>
										住まいの中心にくるキッチンだからこそ、住まい全体に映える色合いをコーディネート。デザイン性と実用性を両立したキッチンに仕上げました。<br>
										広いキッチンは、家族の健康はもちろん、お子様にとっては学びの場。<br>
										ワンランク上のゆとりの空間で家族時間をお楽しみください。
									</p>
								</li>
								<!--エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										イデアコートのエクステリアは、1邸1邸を特別にデザインし、街にとけこみながらも上質な印象を造ります。<br>
										防犯面など機能的な役割も充実。ホームセキュリティ設備に加え、プライバシーを配慮しながらオープン外構とし、駐車場を含め帰宅動線にもこだわりました。<br>
										お庭スペースは、テラスやウッドデッキにアレンジ可能な自由度の高い設計。アウトドアリビングやカフェタイムなど、暮らしの楽しみが広がります。<br>
										植栽計画にシンボルツリーを配置したデザインも魅力のひとつ。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添う樹木は、新しい家族の記念樹となります。<br>
										ワンランク上のエクステリアは、日々の暮らしをより豊かに演出します。
									</p>
								</li>
								<!-- 寝室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="04">
									<h2 class="area__txt__ttl"><span>寝室</span>について</h2>
									<p class="area__txt__txt">
										イデアコートでは、贅沢なプライベート空間にこだわり、1邸1邸の照明計画を専属プランナーが作ります。<br>
										やわらかな間接照明が落ち着いた雰囲気を演出。光と影がおりなす寛ぎの住空間です。<br>
										また、寝室は睡眠と起床の毎日が始まる場所。お部屋の向きにも最大限配慮し1日のスタートをより健康的なリズムに整えます。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- プランEが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="05">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents05 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1ZFrKaA2fVbQvK6QXgtIGC_ZSvVnXtgl7" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents05" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1BRE2geQsYe-zvLzQreqOQAaNgfz7Bf9n" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents05" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1oIbLvJTP9_DdvhfNeK--KQmeyzfVYBEj" alt="STEP2：エクステリア">
								</li>
								<!-- 寝室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents05" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1fqNDM-DtxTExeOXrFARYHKFjTWD2hD9c" alt="STEP2：寝室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents05 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										家の中心となるリビングには、広々とした開放感あふれるスペースを確保。家族みんなが自然と集まりたくなるような心地よさを追求しました。<br>
										天井から柔らかく照らすおしゃれな間接照明は、シーンに合わせて表情を変え、リビング全体を上質な空間へと演出。<br>
										また、リビング階段は、家族のつながりを感じられる動線設計で、自然とコミュニケーションが生まれます。<br>
										イデアコートでは、ワンランク上の暮らしを目指し、敷地形状や周辺建物との目線、また採光経路など、1邸1邸丁寧にプランニングします。<br>
										敷地のポテンシャルを最大限に引き出すリビング空間をご提案致します。
									</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents05" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の会話が自然と生まれる対面式キッチンを採用。<br>
										料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。<br>
										さらに、食洗機やタッチレス水栓など、家事ラク機能も充実。忙しい日常をスマートにサポートし、キッチンに立つ時間をもっと快適に且つ短縮してくれます。<br>
										住まいの中心にくるキッチンだからこそ、住まい全体に映える色合いをコーディネート。デザイン性と実用性を両立したキッチンに仕上げました。<br>
										広いキッチンは、家族の健康はもちろん、お子様にとっては学びの場。<br>
										ワンランク上のゆとりの空間で家族時間をお楽しみください。
									</p>
								</li>
								<!--エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents05" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										イデアコートのエクステリアは、1邸1邸を特別にデザインし、街にとけこみながらも上質な印象を造ります。<br>
										防犯面など機能的な役割も充実。ホームセキュリティ設備に加え、プライバシーを配慮しながらオープン外構とし、駐車場を含め帰宅動線にもこだわりました。<br>
										お庭スペースは、テラスやウッドデッキにアレンジ可能な自由度の高い設計。アウトドアリビングやカフェタイムなど、暮らしの楽しみが広がります。<br>
										植栽計画にシンボルツリーを配置したデザインも魅力のひとつ。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添う樹木は、新しい家族の記念樹となります。<br>
										ワンランク上のエクステリアは、日々の暮らしをより豊かに演出します。
									</p>
								</li>
								<!-- 寝室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents05" data-area="04">
									<h2 class="area__txt__ttl"><span>寝室</span>について</h2>
									<p class="area__txt__txt">
										イデアコートでは、贅沢なプライベート空間にこだわり、1邸1邸の照明計画を専属プランナーが作ります。<br>
										やわらかな間接照明が落ち着いた雰囲気を演出。光と影がおりなす寛ぎの住空間です。<br>
										また、寝室は睡眠と起床の毎日が始まる場所。お部屋の向きにも最大限配慮し1日のスタートをより健康的なリズムに整えます。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
		</ul>
		<!-- コンテンツ「プラン」　ここまで -->
        
        <section class="section__wrap--tips">
            <div class="section__inner">
                <h2 class="section__ttl"><span>Tips</span>住まいづくりのヒント</h2>
                <ul class="tips__list">
                    <li class="tips__item">
                        <div class="tips__img"><img src="/images/blogformat/tips__img01.png" alt="オプションについて相談してみる"></div>
                        <div class="tips__right">
                            <h3 class="tips__ttl">オプションについて<br>相談してみる</h3>
                            <p class="tips__txt">何も決まっていなくても大丈夫です！自分らしい住まい作りを実現するために、お客様の理想をお聞かせください。実現のためにご提案差し上げます。
</p>
                            <p class="tips__btn">
                                <a href="/estimate/" target="_blank">ご相談はこちらから</a>
                            </p>
                        </div>
                    </li>
                    <li class="tips__item">
                        <div class="tips__img"><img src="/images/blogformat/tips__img02.png" alt="オプションのお見積り物件を探してみるを依頼してみる"></div>
                        <div class="tips__right">
                            <h3 class="tips__ttl">物件を探してみる</h3>
                            <p class="tips__txt">ご希望のエリア・条件に合った住まいを、かんたん検索。あなたにぴったりの家がきっと見つかります。</p>
                            <p class="tips__btn">
                                <a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">物件サイトはこちら</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        
        <section class="section__wrap--series">
            <div class="section__inner">
                <h2 class="section__ttl"><span>iDEA Series</span>イデアシリーズについて</h2>
                <ul class="series__list">
                    <li class="series__item">
                        <div class="series__img--cube"><img src="/images/blogformat/cube_logo.png" alt="イデアキューブ"></div>
                        <div class="series__bottom">
                            <h3 class="series__ttl">四角いカタチは<br class="sp__br">個性のカタチ。</h3>
                            <p class="series__txt">シャープで飽きのこないキューブ型の<br class="pc__br">ファサードデザイン（外観）と自由度の高い可変性のある<br class="pc__br">プランニングが特徴のライフスタイル提案型戸建分譲住宅【iDEA CUBE〈イデアキューブ〉】。</p>
                            <p class="series__btn"><a href="/blog/entry-676181/">イデアキューブについて</a></p>
                        </div>
                    </li>
                    <li class="series__item">
                        <div class="series__img--casa"><img src="/images/blogformat/casa_logo.png" alt="イデアカーサ"></div>
                        <div class="series__bottom">
                            <h3 class="series__ttl">ちょうどいいって、<br class="sp__br">ここちいい。</h3>
                            <p class="series__txt">都会で戸建てに住まうという選択を。<br>都会に暮らすならマンション、<br class="pc__br">そんな常識をアイデアとデザインで変えました。</p>
                            <p class="series__btn"><a href="/blog/entry-676184/">イデアカーサについて</a></p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</main>
<script>
$(function() {
    // iOS（iPadOSを含む）かどうかのUA判定
    var ua = window.navigator.userAgent.toLowerCase();
    var isiOS =
        ua.indexOf("iphone") > -1 ||
        ua.indexOf("ipad") > -1 ||
        (ua.indexOf("macintosh") > -1 && "ontouchend" in document);

    // スマホかどうかの判定
    function isMobile() {
        return window.matchMedia('(max-width: 767px)').matches;
    }

    var previousCheckedOption = null; // 直前までチェックされていたオプション（WIC／テラス解除時の判定など）

    // エリア別オプション定義
    var areaOptions = {
        '01': [ // リビング
            { id: '01', name: 'クロス' },
            { id: '02', name: '照明の色' },
            { id: '03', name: 'カーテン', paid: true },
            { id: '04', name: '壁掛けテレビ', paid: true }
        ],
        '02': [ // キッチン
            { id: '16', name: '選べる取っ手' },
            { id: '05', name: 'カップ<br class="pc__br">ボード①', paid: true },
            { id: '07', name: 'カップ<br class="pc__br">ボード②', paid: true },
            { id: '06', name: 'カップ<br class="pc__br">ボード③', paid: true }
        ],
        '03': [ // エクステリア（表示順：カーポート→テラス→植栽／植栽は日中・夜間で画像切替）
            { id: '08', name: 'カーポート', paid: true },
            { id: '10', name: 'テラス', paid: true },
            { id: '09', name: '植栽', paid: true }
        ],
        '04': [ // 寝室
            { id: '12', name: 'カーテン', paid: true },
            { id: '13', name: 'ブラインド', paid: true },
            { id: '14', name: 'WIC', paid: true }
        ]
    };

    // オプションリストを生成する関数
    function generateOptions(areaId) {
        var options = areaOptions[areaId] || [];
        var optionHtml = '';
        
        options.forEach(function(option, index) {
            var checked = index === 0 ? 'checked' : '';
            var paidClass = option.paid ? ' paid-item' : '';
            var paidLabel = option.paid ? '<p class="paid-label">有償</p>' : '';
            optionHtml += 
                '<li class="plan__option-item' + paidClass + '">' +
                    paidLabel +
                    '<label>' +
                        '<input type="checkbox" class="js-step-option-tab" name="step-option" data-option="' + option.id + '">' + option.name +
                    '</label>' +
                '</li>';
        });
        
        return optionHtml;
    }

        // 初期化：リビングのオプションを表示
    $('.js-option-list').html(generateOptions('01'));
    // 初期化：リビングエリアのオプション画像を選択状態に
    $('.js-mainview-area[data-area="01"] .js-step-option-img').removeClass('is-select');
    $('.js-mainview-area[data-area="01"] .js-step-option-img[data-option="01"]').addClass('is-select');

    //bodyのスクロール固定
    function bodyFixedOn() {
        if (!isMobile()) return; // スマホ以外は何もしない
        if (isiOS) {
            scrollPosition = $(window).scrollTop();
            $("body").css("position", "fixed");
            $("body").css("top", "-" + scrollPosition + "px");
        } else {
            $("body").css("overflow", "hidden");
        }
    }

    //bodyのスクロール固定を解除
    function bodyFixedOff() {
        if (!isMobile()) return; // スマホ以外は何もしない
        if (isiOS) {
            $("body").css("position", "");
            $("body").css("top", "");
            $(window).scrollTop(scrollPosition);
        } else {
            $("body").css("overflow", "");
        }
    }

    // メニューボタンをクリックでメニュー表示
    $('.js-blog-menu').on('click', function() {
        $('.js-blog-menu-contents').addClass('is-show');
        bodyFixedOn();
    });
    // 閉じるボタンをクリックでメニュー非表示
    $('.js-blog-menu-close').on('click', function() {
        $('.js-blog-menu-contents').removeClass('is-show');
        bodyFixedOff();
    });

    // 照明タブ切り替え
    $('.js-illumination-tab').on('change', function() {
        var show = $(this).data('show');
        $('.js-illumination-contents').removeClass('is-show');
        $('.js-illumination-contents[data-show="' + show + '"]').addClass('is-show');
    });

    // プランA：照明パネルはリビングは常時、エクステリアは植栽(09)選択時のみ表示
    function refreshIlluminationPanelVisibility() {
        var area = $('.js-area-tab01:checked').data('area');
        if (!area) area = '01';
        var checkedOption = $('.js-step-option-tab:checked').data('option');
        var showPanel = area === '01' || (area === '03' && String(checkedOption) === '09');
        $('.js-illumination-panel').toggleClass('is-select', showPanel);
        if (area === '02' || area === '04' || (area === '03' && String(checkedOption) !== '09')) {
            $('.js-illumination-tab[data-show="daytime"]').prop('checked', true).trigger('change');
        }
    }

    // プランタブ切り替え
    $('.js-plan-tab').on('change', function() {
        var plan = $(this).data('plan');
        $('.js-plan-contents').removeClass('is-select');
        $('.js-plan-contents[data-plan="' + plan + '"]').addClass('is-select');
		// プラン切り替え時にオプションのチェックをすべて外す
		$('.js-step-option-tab').prop('checked', false);
		// 現在選択中のエリアを取得
		var area = $('.js-area-tab01:checked').data('area');
		if (!area) area = '01'; // デフォルトでリビング

		// オプション未選択時の画像を表示（エリアごとに反映）
		$('.js-step-option-img').removeClass('is-select');
		$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
		previousCheckedOption = null;
        refreshIlluminationPanelVisibility();
    });
    // エリアタブ切り替え（プランA）
    $('.js-area-tab01').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents01').removeClass('is-select');
        $('.js-area-contents01[data-area="' + area + '"]').addClass('is-select');
		// ↓オプションリストを切り替える
	    $('.js-option-list').html(generateOptions(area));
		// STEP3未選択時の画像切り替え（追加）
		$('.js-step-option-img').removeClass('is-select');
		$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
		previousCheckedOption = null;
        refreshIlluminationPanelVisibility();
    });
    // エリアタブ切り替え（プランB）
    $('.js-area-tab02').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents02').removeClass('is-select');
        $('.js-area-contents02[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img02').removeClass('is-select');
        $('.js-step-area-img02[data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（プランC）
    $('.js-area-tab03').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents03').removeClass('is-select');
        $('.js-area-contents03[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img03').removeClass('is-select');
        $('.js-step-area-img03[data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（プランD）
    $('.js-area-tab04').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents04').removeClass('is-select');
        $('.js-area-contents04[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img04').removeClass('is-select');
        $('.js-step-area-img04[data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（プランE）
    $('.js-area-tab05').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents05').removeClass('is-select');
        $('.js-area-contents05[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img05').removeClass('is-select');
        $('.js-step-area-img05[data-area="' + area + '"]').addClass('is-select');
    });
    
    // オプションタブ切り替え（動的生成されたオプションに対応するためdelegateを使用）
    $(document).on('change', '.js-step-option-tab', function() {
        // すべてのチェックを外してから、クリックしたものだけチェック
        $('.js-step-option-tab').not(this).prop('checked', false);

        // チェックされているoptionを取得
        var checkedOption = $('.js-step-option-tab:checked').data('option');
		// 現在のエリアを取得
	    var area = $('.js-area-tab01:checked').data('area');

        // 画像の切り替え
        $('.js-step-option-img').removeClass('is-select');
        if (checkedOption !== undefined && checkedOption !== null && checkedOption !== '') {
            $('.js-step-option-img[data-option="' + checkedOption + '"]').addClass('is-select');
        } else {
			if (area === '04' && String(previousCheckedOption) === '14') {
				$('.js-step-option-img[data-option="14-deselect"][data-area="04"]').addClass('is-select');
			} else if (area === '03' && String(previousCheckedOption) === '10') {
				$('.js-step-option-img[data-option="10-deselect"][data-area="03"]').addClass('is-select');
			} else {
				$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
			}
        }
        previousCheckedOption = checkedOption;
        refreshIlluminationPanelVisibility();
    });
});
</script>
<style>
body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	width: 100%;
}
.l-header{
	display: none;
}
.blogformat .header__cube{
	display: block;
	width: 203px;
	height: fit-content;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#contents{
	width: 100%;
	padding: 0;
}
.l-main,
.ui-narrow-section{
	width: 100%;
	padding: 0;
}
.blog__header,
.breadcrumbs,
.reservation-side-link{
	display: none !important;
}
.blog__article{
	margin: 0;
}

.blogformat *{
	font-family: 'Zen Maru Gothic';
	color: #010F17;
}
.blogformat{
	overflow: hidden;
	background: #FFFFFF;
}
.maincontents{
	padding-top: 85px;
}
.blog__article{
	padding: 0;
}
.l-blog--detail{
	margin: 0;
}
.blog__headline,.blog__note,.blog__mv{
	display: none;
}
.org-footer + .float__list{
	display: none;
}
.sp__br { display: none; }
.pc__br { display: inline; }
@media screen and (max-width: 767px) {
  .sp__br { display: inline; }
  .pc__br { display: none; }
}
/*共通*/
[class*="section__wrap"]{
	margin-block: 80px;
}
.section__inner{
	width: 1140px;
	margin: 0 auto;
}
[class*="section__wrap"] [class*="section__ttl"]{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.06em;
    text-align: center;
    margin-bottom: 36px;
}
[class*="section__wrap"] [class*="section__ttl"] span{
    display: block;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #0091D7;
    margin-bottom: 5px;
}


/*ヘッダー*/
.blogformat .org-header{
	width: 100%;
	height: 85px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.blogformat .header__inner{
	width: 100%;
	height: 85px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 0 20px;
	position: relative;
}
.org-header .header__logo{
    max-width: 173px;
    min-height: 55px;
}
.org-header .header__logo img{
    width: 100%;
    min-width: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
}
.org-header .header__logo a:hover{
    opacity: 1;
}

.blogformat .header__court{
	display: block;
	width: 203px;
	height: fit-content;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.blogformat .header__court img{
	width: 100%;
}
.blogformat .header__menu{
	width: 52px;
	height: 52px;
	background: none;
}

/*ヘッダーメニュー*/
.blogformat .org-menu{
	display: block;
	width: 280px;
	height: 800px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
	transition: .2s ease;
	z-index: 11;
}
.blogformat .org-menu.is-show{
	transform: translateX(0%);
}
.blogformat .menu__header{
	width: 100%;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 20px;
}
.blogformat .menu__header .header__logo{
	display: none;
}
.blogformat .menu__close{
	width: 52px;
	height: 52px;
	background: none;
	position: unset;
}
.blogformat .menu__inner{
	padding: 105px 30px 0;
	display: block;
}
.blogformat .menu-link__list{
	display: flex;
	flex-flow: column;
	gap: 25px;
}
.menu-link__item a{
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	color: #0091D7;
	line-height: 1.45;
	position: relative;
}
.menu-link__item a::before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0091D7;
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}
.menu-link__item a:hover{
	opacity: 1;
	text-decoration: none;
}
.menu-link__item a:hover::before{
	transform-origin: bottom left;
    transform: scaleX(1);
}
.blogformat .contact__list{
	display: none;
}

/*フロートバナー*/
.float__list{
	display: flex;
	flex-flow: column;
	gap: 6px;
	position: fixed;
	top: 125px;
	right: 0;
	z-index: 9;
}

/*mainview*/
.mainview{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-left: 20px;
}
.mainview__img{
	flex: 1;
	order: 2;
	position: relative;
}
.mainview__img__list{
	display: none;
}
.mainview__img__list.is-show{
	display: block;
}
.mainview__img__item{
	display: none;
	height: 715px;
	border-radius: 80px 0 0 0;
	overflow: hidden;
	position: relative;
}
.mainview__img__item.is-select{
	display: block;
}
.mainview__img__item img{
	width: 100%;
	height: 715px;
	object-fit: cover;
	object-position: left;
}
.illumination__select__list{
	position: absolute;
	left: 40px;
	bottom: 40px;
	display: flex;
	flex-flow: column;
	gap: 8px;
}
.illumination__select__item label{
	display: flex;
	align-items: center;
	gap: 16px;
	width: 197px;
	height: 44px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.9);
	padding: 0 15px;
	font-size: 16px;
	font-weight: 500;
	color: #686868;
	cursor: pointer;
}
.illumination__select__item label input{
	appearance: none;
	width: 14px;
	min-width: 14px;
	height: 14px;
	border: none;
	margin: 0;
	padding: 0;
	background: url(/images/blogformat/radio_off.png) no-repeat center / contain;
}
.illumination__select__item label input:checked{
	background-image: url(/images/blogformat/radio_on.png);
}

.step__select{
	order: 1;
	width: 281px;
	min-width: 281px;
	padding-top: 13px;
}
.blog__article .step__option-notes {
	font-size: 12px;
	line-height: 1.5;
}
.step__plan__item, .step__area__item{
	display: none;
}
.step__plan__item.is-select, .step__area__item.is-select{
	display: block;
}
.step__group{
	margin-bottom: 13px;
}
.step__group .step__ttl{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 7px;
}
.step__group .step__ttl .step__head{
	font-size: 14px;
	font-weight: 700;
	color: #0091D7;
	display: inline-block;
	margin-right: 5px;
	vertical-align: 2px;
}
.step__group .step__ttl .step__num{
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #0091D7;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: #fff;
	text-align: center;
	margin-right: 5px;
	vertical-align: 2px;
}
[class*="step__select__list"]{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
[class*="step__select__item"] label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #0091D7;
	color: #0091D7;
	border-radius: 5px;
	min-width: 138px;
	height: 46px;
	background-color: #FFFFFF;
	text-align: center;
}
[class*="step__select__item"] label:hover {
	cursor: pointer;
}
[class*="step__select__item"] label:has(input:checked) {
	background-color: #EAF5FB;
}
[class*="step__select__item"] input {
	display: none;
}
.step__select__item--plan label{
	font-size: 12px;
	font-weight: 500;
	gap: 3px;
}
.step__select__item--plan label span{
	display: inline-block;
	width: 20px;
	font-size: 30px;
	font-weight: 700;
	color: inherit;
	padding-bottom: 5px;
}
.step__select__item--area label{
	justify-content: space-between;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: center right;
	line-height: 1.143;
	text-align: left;
}
.step__select__item--area label img{
	height: 100%;
	object-fit: cover;
}

/*プラン・エリア*/
.section__wrap--area{
	margin-bottom: 87px;
}
.plan__img__list,
.area__img__list{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	min-height: fit-content;
}
.plan__img__list{
	right: 0;
}
.area__img__list{
	left: 0;
}
.plan__img__list.is-show,
.area__img__list.is-show{
	display: block;
}
.plan__img__item,
.area__img__item{
	display: none;
	height: 100%;
}
.plan__img__item.is-select,
.area__img__item.is-select{
	display: block;
}
.plan__img__item{
	padding: 0 5px 5px 0;
	position: relative;
}
.plan__img__item::before{
	content: '';
	width: 1097px;
	height: 100%;
	display: block;
	border-radius: 0 80px 0 0;
	background: #EAF5FB;
	position: absolute;
	top: 0;
	right: 0;
}
.plan__img__item img{
	border-radius: 0 80px 0 0;
	width: 1120px;
	min-width: 1120px;
	height: 100%;
	object-fit: cover;
	position: relative;
}
.area__img__item{
	padding: 0 0 7px 10px;
	position: relative;
}
.area__img__item::before{
	content: '';
	width: 1130px;
	height: 100%;
	display: block;
	border-radius: 80px 0 0 0;
	background: #EAF5FB;
	position: absolute;
	top: 10px;
	right: 0;
}
.area__img__item img{
	border-radius: 80px 0 0 0;
	width: 1120px;
	min-width: 1120px;
    height: 100%;
    object-fit: cover;
	position: relative;
}
.section__wrap--plan .section__inner,
.section__wrap--area .section__inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 48px;
	position: relative;
}
.section__wrap--area .section__inner{
	padding-top: 50px;
}
.section__wrap--plan .section__inner::before{
	content: 'Plan';
	font-family: 'Montserrat';
	font-size: 110px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 1.22;
	color: #EAF5FB;
	position: absolute;
	top: 0;
	right: 130px;
}
.section__wrap--area .section__inner::before{
	content: 'Area';
	font-family: 'Montserrat';
	font-size: 110px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 1.22;
	color: #EAF5FB;
	position: absolute;
	top: 0;
	left: 133px;
}
.plan__img,
.area__img{
	width: 740px;
	min-height: 530px;
	position: relative;
}
.plan__img{
	min-height: 530px;
}
.area__img{
	order: 2;
	min-height: 627px;
}
.plan__txt,
.area__txt{
	width: 360px;
	padding-top: 52px;
	display: flex;
	align-items: center;
	position: relative;
}
.area__txt{
	order: 1;
	width: 370px;
	padding-top: 50px;
}

.plan__txt__item,
.area__txt__item{
	display: none;
}
.plan__txt__item.is-select,
.area__txt__item.is-select{
	display: block;
}

.plan__txt__item .plan__txt__ttl,
.area__txt__item .area__txt__ttl{
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0.06em;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
}
.plan__txt__ttl span,
.area__txt__ttl span{
	display: inline-block;
	padding: 1px 16px;
	border-radius: 5px;
	letter-spacing: 0;
	background: #0091D7;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
}
.plan__txt__item .plan__txt__txt,
.area__txt__item .area__txt__txt{
	font-size: 16px;
	line-height: 2;
}

/*住まいづくりのヒント*/
.tips__list{
	display: flex;
	gap: 60px;
}
.tips__item{
	width: 540px;
	display: flex;
	gap: 30px;
}
.tips__img{
	width: 240px;
    min-height: 281px;
	border-radius: 10px;
	overflow: hidden;
}
.tips__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tips__right{
	width: 270px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
　　gap: 10px;
}
.tips__item .tips__right .tips__ttl{
	font-size: 24px;
	font-weight: 500;
	color: #0091D7;
	line-height: 1.5;
	height: 3em;
	display: flex;
	align-items: center;
	border: none;
	padding: 0;
}
.tips__item .tips__right .tips__txt{
	font-size: 16px;
	line-height: 2;
	height: 10em;
	margin: 0 0 10px 0;
}
.tips__btn a{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 77px;
	background: #005170;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	position: relative;
	z-index: 1;
}
.tips__btn a::after{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 77px;
    border: 1px solid #005170;
    transform-origin: center;
    transform: scale(1);
}
.tips__btn a:hover{
	opacity: 1;
	color: #fff;
	text-decoration: none;
}
.tips__btn a:hover::after{
    transition: all 0.75s ease-in-out;
    transform-origin: center;
    transform: scale(1.2);
    opacity: 0;
}

/*イデアシリーズについて*/
.section__wrap--series{
	margin: 0;
	padding: 77px 0 80px;
	background: #EAF5FB;
}
.series__list{
	display: flex;
	gap: 20px;
}
.series__item{
	width: 560px;
	border-radius: 10px;
	background: #fff;
	padding: 60px 50px;
	display: flex;
	flex-flow: column;
}
[class*="series__img"]{
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #C1C1C1;
	margin-bottom: 20px;
	min-height: fit-content;
}
.series__img--cube img{
	max-width: 89px;
}
.series__img--casa img{
	max-width: 137px;
}
.series__bottom{
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;
	gap: 17px;
	height: 100%;
}
.series__bottom .series__ttl{
	font-size: 24px;
	font-weight: 500;
	color: #0091D7;
	border: none;
	padding: 0;
}
.series__bottom .series__txt{
	font-size: 16px;
	line-height: 2;
	text-align: center;
	margin: 0;
}
.series__btn a{
	width: 280px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 77px;
    background: #005170;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
	position: relative;
	z-index: 1;
}
.series__btn a::after{
	content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 77px;
    border: 1px solid #005170;
    transform-origin: center;
    transform: scale(1);
}
.series__btn a:hover{
	opacity: 1;
	color: #fff;
	text-decoration: none;
}
.series__btn a:hover::after{
	transition: all 0.75s ease-in-out;
    transform-origin: center;
    transform: scale(1.2);
    opacity: 0;
}
.plan__title {
	font-size: 16px;
	font-weight: 700;
	color: #010F17;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}
.plan__title span {
	font-size: 20px;
	font-weight: 700;
	color: #0091DF;
}
.plan__title::before,
.plan__title::after {
	content: '';
	background: url(/images/blogformat/img_plan-deco.svg) no-repeat center / cover;
	display: block;
	width: 20px;
	height: 25px;
	position: absolute;
	top: 3px;
	left: 2px;
}
.plan__title::after {
	left: unset;
	right: 2px;
	transform: scale(-1, 1);
}

.plan__tab-list {
	display: flex;
	gap: 0 3px;
}
.plan__tab-item label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 53.8px;
	height: 40px;
	border-radius: 5px 5px 0 0;
	background: #CECECE;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.plan__tab-item label:has(input:checked) {
	background: #FFF;
	border: 1px solid #0091DF;
	border-bottom: none;
	color: #0091DF;
}
.plan__tab-item label:has(input:checked)::before {
	content: '';
	background: #FFF;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
}
.plan__tab-item label input {
	display: none;
}

.plan__wrap {
	display: none;
}
.plan__wrap.is-select {
	display: block;
}
.plan__contents {
	padding: 12px 19px 19px;
	background: #FFF;
	border: 1px solid #0091DF;
	border-radius: 0 0 5px 5px;
}
	.plan__contents .plan__catch {
		font-size: 14px;
		font-weight: 700;
		color: #0091DF;
		line-height: 1.46;
		margin-bottom: 8px;
	}
	.plan__group--option {
		margin-top: 8px;
	}
		.plan__group-ttl {
			display: flex;
			align-items: center;
			gap: 0 10px;
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 5px;
			white-space: nowrap;
		}
			.plan__group-ttl::after {
				content: '';
				background: #C0C0C0;
				width: 100%;
				height: 1px;
			}
		.plan__area-list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 4px 5px;
		}
			.plan__area-list [class*="plan__area--"] {
				display: flex;
				flex-direction: column;
				gap: 2px;
				font-size: 14px;
				font-weight: 700;
				color: #686868;
				text-align: center;
				cursor: pointer;
				position: relative;
			}
			[class*="plan__area--"]:has(input:checked) {
				color: #0091DF;
			}
				[class*="plan__area--"] img {
					border-radius: 5px;
				}
				[class*="plan__area--"] input {
					display: none;
				}
				[class*="plan__area--"]:has(input:checked)::before {
					content: '';
					display: block;
					width: 118px;
					height: 50px;
					border-radius: 5px;
					border: 1px solid #0091DF;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
				}
		
.plan__option-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 5px;
}
	[class*="plan__option-item"] {
		position: relative;
	}
	[class*="plan__option-item"] .paid-label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 19px;
		background: url(/images/blogformat/img_paid-label.webp) no-repeat center / cover;
		font-size: 12px;
		font-weight: 700;
		color: #FFF;
		position: absolute;
		top: 5px;
		left: -16px;
		transform: rotate(-45deg);
		pointer-events: none;
	}
	[class*="plan__option-item"] label {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.22;
		border: 1px solid #0091D7;
		color: #0091D7;
		border-radius: 5px;
		height: 55px;
		background-color: #FFF;
		text-align: center;
		padding-left: 4px;
		cursor: pointer;
	}
	[class*="plan__option-item"].paid-item label {
		color: #D0A935;
		border: 1px solid #D0A935;	
	}
	[class*="plan__option-item"] label:has(input:checked) {
		background: #E9F4FB;
	}
	[class*="plan__option-item"].paid-item label:has(input:checked) {
		background: #FDFCF6;
	}
		[class*="plan__option-item"] label input {
			display: none;
		}
.step__select .plan__option-notes {
	font-size: 12px;
	font-weight: 500;
	color: #686868;
	line-height: 1.44;
	margin-top: 10px;
}
	.step__select .plan__option-notes span {
		font-size: 12px;
		font-weight: 500;
		color: #D0A935;
	}

.mainview__img__item.img_contain img {
	object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 767px) {
	.blogformat .header__cube{
		width: 32vw;
		position: unset;
	}
	.blogformat .float__list{
		width: 100%;
		flex-flow: unset;
		gap: 1.333vw;
		top: unset;
		bottom: 0;
		right: unset;
		left: 0;
	}
	.blogformat .float__list [class*="float__item"]{
		width: 49.6vw;
		height: 13.867vw;
		border: none;
	}
	.blogformat .float__list [class*="float__item"] img{
		display: none;
	}
	.blogformat .float__list [class*="float__item"] a{
		display: block;
		width: 100%;
		height: 100%;
		border: none;
		background-color: transparent;
		background-size: contain;
		background-repeat: no-repeat;
		padding: 0;
	}
	.float__item--01 a{
		background-image: url(/images/blogformat/float_img01_sp.png);
	}
	.float__item--02 a{
		background-image: url(/images/blogformat/float_img02_sp.png);
	}
	.maincontents{
		padding-top: 13.333vw;
	}
	
	/*共通*/
	[class*="section__wrap"]{
		margin-block: 10.667vw;
	}
	.section__inner{
		width: 100%;
		padding: 0 5.333vw;
	}
	[class*="section__wrap"] [class*="section__ttl"]{
		font-size: 7.467vw;
		font-weight: 700;
		line-height: 1.6;
		letter-spacing: 0.05em;
		text-align: center;
		margin-bottom: 4.533vw;
	}
	[class*="section__wrap"] [class*="section__ttl"] span{
		display: block;
		font-family: 'Montserrat';
		font-size: 3.733vw;
		font-weight: 600;
		letter-spacing: 0.06em;
		color: #0091D7;
		margin-bottom: 0;
	}

	/*ヘッダー*/
	.blogformat .org-header{
		height: 13.333vw;
	}
	.blogformat .header__inner{
		height: 13.333vw;
		padding: 0 2.667vw;
	}
	.blogformat .header__logo{
		display: block;
		width: 26.667vw;
		height: auto;
		max-width: unset;
		min-height: unset;
	}
	.blogformat .header__logo img{
		max-height: unset;
		width: 100%;
	}
	.header__court{
		width: 32vw;
	}
	.header__court img{
		width: 100%;
	}
	.blogformat .header__menu{
		width: 8vw;
		height: 8vw;
		background: none;
	}
	.blogformat .header__menu img{
		width: 100%;
	}
	.blogformat .header__left{
		display: flex;
		align-items: center;
		gap: 4vw;
	}
	.blogformat .header__court{
		position: unset;
		width: 32vw;
	}

	/*ヘッダーメニュー*/
	.blogformat .org-menu{
		width: 100%;
		height: 100dvh;
		overflow-y: scroll;
	}
	.blogformat .menu__header{
		height: 13.333vw;
		justify-content: space-between;
		padding: 0 2.667vw;
	}
	.blogformat .menu__header .header__logo{
		display: block;
	}
	.blogformat .menu__close{
		width: 8vw;
		height: 8vw;
		background: none;
	}
	.blogformat .menu__inner{
		background-color: transparent;
	    padding: 8vw 5.333vw 13.333vw;
	}
	.blogformat .menu-link__list{
		display: block;
	    margin-bottom: 10.667vw;
	}
	.blogformat .menu-link__item{
		border-bottom: 1px solid #E6E6E6;
	}
	.blogformat .menu-link__item.sp__none{
		display: none;
	}
	.blogformat .menu-link__item a{
		display: flex;
		align-items: center;
		width: 100%;
		height: 16vw;
		font-size: 3.733vw;
		font-weight: 500;
		color: #010F17;
	}
	.menu-link__item a::before{
		display: none;
	}
	.blogformat .contact__list{
		display: flex;
		flex-flow: column;
	    gap: 2.667vw;
	}
	.blogformat [class^="contact__btn"]{
		width: 100%;
		height: 14.667vw;
		border-radius: 40px;
		border: 1px solid #005170;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #005170;
		font-size: 4.533vw;
		font-weight: 500;
		color: #fff;
		padding-left: 0.8vw;
		position: relative;
		z-index: 1;
	}
	.blogformat [class^="contact__btn"]::before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 6.4vw;
		margin: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.blogformat .contact__btn--tel{
		background: #fff;
		font-size: 6.667vw;
		font-weight: 700;
		color: #005170;
	}
	.blogformat .contact__btn--tel::before{
		width: 5.333vw;
		height: 6.667vw;
		background-image: url(/images/mobile/contact_tel.png);
		left: 7.2vw;
	}
	.blogformat .contact__btn--contact::before{
		width: 6.933vw;
		height: 5.067vw;
		background-image: url(/images/mobile/contact_mail.png);
	}
	.blogformat .contact__btn--reservation::before{
		width: 6.133vw;
		height: 6.133vw;
		background-image: url(/images/mobile/contact_calendar.png);
		left: 6.667vw;
	}
	.blogformat .contact__btn--line{
		background: #04C854;
		border-color: #04C854;
	}
	.blogformat .contact__btn--line::before{
		width: 6.667vw;
		height: 6.667vw;
		background-image: url(/images/mobile/contact_line.png);
	}

	/*mainview*/
	.mainview{
		display: block;
		padding: 0;
	}
	.mainview__img__item{
		width: 100%;
		height: 64vw;
		border-radius: 30px 0 0 30px;
	}
	.mainview__img__item img{
		height: 64vw;
		object-position: unset;
	}
	.illumination__select__list{
		position: unset;
		flex-flow: unset;
		justify-content: center;
		gap: 1.333vw;
		margin-top: 2.667vw;
	}
	.illumination__select__item label{
		width: 37.333vw;
		height: 8vw;
		border: 1px solid #BBBBBB;
		font-size: 3.2vw;
		padding: 0 0 0 3.733vw;
		gap: 1.067vw;
	}
	.illumination__select__item label input{
		width: 3.2vw;
		min-width: 3.2vw;
		height: 3.2vw;
	}
	.step__select{
		width: 100%;
		padding: 1.867vw 5.333vw 0;
	}
	.step__option-notes {
		font-size: 3.2vw;
	}
	.step__group{
		margin-bottom: 4vw;
	}
	.step__group .step__ttl{
		font-size: 4.8vw;
		margin-bottom: 1.333vw;
	}
	.step__group .step__ttl .step__head{
		font-size: 3.2vw;
		margin-right: 1.333vw;
		vertical-align: 0.533vw;
	}
	.step__group .step__ttl .step__num{
		width: 6.933vw;
	    height: 6.933vw;
		font-size: 3.733vw;
		line-height: 1.8;
		margin-right: 1.333vw;
		vertical-align: 0.8vw;
	}
	.step__select__list--plan{
		gap: 1.067vw;
	}
    [class*="step__select__list"]{
        gap: 1.333vw;
    }
	[class*="step__select__item"] label{
		min-width: 44vw;
		height: 10.667vw;
		font-size: 3.733vw;
	}
    [class*="step__select__item"] label:hover {
        cursor: unset;
    }
	.step__select__item--plan label{
		font-size: 3.2vw;
	}
	.step__select__item--plan label span{
		font-size: 6.933vw;
	}
	.section__wrap--plan{
		margin-bottom: 9.067vw;
	}
	.section__wrap--area{
		margin-top: 9.067vw;
		margin-bottom: 8.533vw;
	}
	.section__wrap--plan .section__inner, 
	.section__wrap--area .section__inner{
		display: block;
	}
	.plan__img__list,
	.area__img__list{
		top: 0;
		bottom: unset;
		height: 100%;
		min-height: fit-content;
	}
	.plan__img__list{
		right: unset;
	}
	.area__img__list{
		left: unset;
	}
	.plan__img__item,
	.area__img__item{
		height: 100%;
	}
	.plan__img__item{
		padding: 0 2.667vw 2.667vw 0;
		position: relative;
	}
	.plan__img__item::before{
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 0 80px 0 0;
		background: #EAF5FB;
		position: absolute;
		top: 0;
		right: 0;
	}
	.plan__img__item img{
		border-radius: 0 80px 0 0;
		width: 93.867vw;
		min-width: 93.867vw;
		height: 43.467vw;
		object-fit: cover;
		position: relative;
	}
	.area__img__item{
		padding: 0 0 1.867vw 2.667vw;
		position: relative;
	}
	.area__img__item::before{
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 80px 0 0 0;
		background: #EAF5FB;
		position: absolute;
		top: 2.667vw;
		right: 0;
	}
	.area__img__item img{
		border-radius: 80px 0 0 0;
		width: 100%;
		min-width: 100%;
		height: 51.733vw;
		object-fit: cover;
		position: relative;
	}
	.section__wrap--plan .section__inner,
	.section__wrap--area .section__inner{
		display: block;
		padding: 0;
		position: relative;
	}
	.section__wrap--plan .section__inner::before{
		content: 'Plan';
		font-family: 'Montserrat';
		font-size: 26.667vw;
		font-weight: 500;
		letter-spacing: 0.12em;
		line-height: 1.22;
		color: #EAF5FB;
		position: absolute;
		top: 39.2vw;
		right: unset;
		left: 2.133vw;
	}
	.section__wrap--area .section__inner::before{
		content: 'Area';
		font-family: 'Montserrat';
		font-size: 26.667vw;
		font-weight: 500;
		letter-spacing: 0.12em;
		line-height: 1.22;
		color: #EAF5FB;
		position: absolute;
		top: 46.133vw;
		left: unset;
		right: 0;
	}
	.plan__img,
	.area__img{
		width: 95.467vw;
		min-height: 44.8vw;
		position: relative;
	}
	.plan__img{
		min-height: 44.8vw;
		height: 44.8vw;
	}
	.area__img{
		min-height: 51.733vw;
		height: 51.733vw;
		margin-left: auto;
	}
	.plan__txt,
	.area__txt{
		width: 89.333vw;
		margin: 0 auto;
		padding-top: 26.667vw;
		display: flex;
		align-items: center;
		position: relative;
	}

	.plan__txt__item,
	.area__txt__item{
		display: none;
	}
	.plan__txt__item.is-select,
	.area__txt__item.is-select{
		display: block;
	}

	.plan__txt__item .plan__txt__ttl,
	.area__txt__item .area__txt__ttl{
		font-size: 7.467vw;
		font-weight: 500;
		letter-spacing: 0.06em;
		display: flex;
		align-items: center;
		gap: 1.333vw;
		margin-bottom: 1.867vw;
	}
	.plan__txt__ttl span,
	.area__txt__ttl span{
		display: inline-block;
		padding: 0.267vw 4.267vw;
		border-radius: 5px;
		letter-spacing: 0;
		background: #0091D7;
		font-size: 7.467vw;
		font-weight: 500;
		color: #fff;
	}
	.plan__txt__item .plan__txt__txt,
	.area__txt__item .area__txt__txt{
		font-size: 3.733vw;
		line-height: 2.14;
	}
	/*住まいづくりのヒント*/
	.section__wrap--tips{
		margin-top: 8.533vw;
	}
	.tips__list{
		display: flex;
		flex-flow: column;
		gap: 8vw;
	}
	.tips__item{
		width: 100%;
		display: flex;
		flex-flow: column;
		gap: 2.667vw;
	}
	.tips__img{
		width: 100%;
		height: 60.267vw;
		border-radius: 10px;
		overflow: hidden;
	}
	.tips__img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.tips__right{
		width: 100%;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	.tips__item .tips__right .tips__ttl{
		font-size: 5.867vw;
		font-weight: 500;
		color: #0091D7;
		line-height: 1.545;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border: none;
		padding: 0;
		margin-bottom: 1.067vw;
	}
	.tips__item .tips__right .tips__txt{
		font-size: 3.733vw;
		line-height: 2.14;
		height: auto;
		margin: 0 0 4vw;
		text-align: left;
	}
	.tips__btn a{
		width: 72vw;
		height: 13.333vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 77px;
		background: #005170;
		margin: 0 auto;
		font-size: 4.267vw;
		font-weight: 500;
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.tips__btn a::after{
		display: none;
	}
	.tips__btn a:hover{
		opacity: 1;
		color: #fff;
		text-decoration: none;
	}
	/*イデアシリーズについて*/
	.section__wrap--series{
		margin: 0;
		padding: 9.867vw 0 10.667vw;
		background: #EAF5FB;
	}
	.series__list{
		display: flex;
		flex-flow: column;
		gap: 5.333vw;
	}
	.series__item{
		width: 100%;
		border-radius: 10px;
		background: #fff;
		padding: 8vw 4vw;
		display: flex;
		flex-flow: column;
		align-items: center;
	}
	[class*="series__img"]{
		text-align: center;
		padding-bottom: 6.667vw;
		border-bottom: 1px solid #C1C1C1;
		margin-bottom: 2.667vw;
		width: 78.667vw;
		min-height: fit-content;
	}
	.series__img--cube img{
		max-width: 26.4vw;
	}
	.series__img--casa img{
		max-width: 33.6vw;
	}
	.series__bottom{
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		gap: 0;
		height: auto;
	}
	.series__bottom .series__ttl{
		font-size: 5.867vw;
		font-weight: 500;
		color: #0091D7;
		line-height: 1.63;
		text-align: center;
		border: none;
		padding: 0;
		margin: 0 0 0.8vw;
	}
	.series__bottom .series__txt{
		width: 78.667vw;
		font-size: 3.733vw;
		line-height: 2.14;
		text-align: left;
		margin: 0 auto 4vw;
	}
	.series__btn a{
		width: 74.667vw;
		height: 14.667vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 77px;
		background: #005170;
		font-size: 4.267vw;
		font-weight: 500;
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.series__btn a::after{
		display: none;
	}
	.series__btn a:hover{
		opacity: 1;
		color: #fff;
		text-decoration: none;
	}

	.plan__title {
		width: fit-content;
		margin: 0 auto 2.133vw;
		font-size: 3.733vw;
	}
		.plan__title span {
			font-size: 5.333vw;
		}
		.plan__title::before,
		.plan__title::after {
			top: 1.067vw;
		}
		.plan__title::before {
			left: -7.733vw;
		}
		.plan__title::after {
			right: -7.467vw;
		}
	.plan__tab-list {
		justify-content: space-between;
		gap: 1.067vw;
	}
		.plan__tab-item {
			flex: 1;
			width: 100%;
		}
		.plan__tab-item label {
			flex: 1;
			width: auto;
			min-width: 0;
			max-width: none;
			height: 10.667vw;
			font-size: 3.2vw;
		}
	.plan__contents {
		padding: 3.2vw 5.067vw 4.533vw;
	}
		.plan__contents .plan__catch {
			font-size: 3.2vw;
			margin-bottom: 2.933vw;
		}
		.plan__group-ttl {
			gap: 2.667vw;
			font-size: 3.733vw;
			margin-bottom: 1.067vw;
		}
		.plan__area-list {
			grid-template-columns: 1fr 1fr;
			gap: 1.333vw 1.333vw;
		}
		.plan__area-list [class*="plan__area--"] {
			gap: 0.533vw;
			font-size: 3.2vw;
		}
		[class*="plan__area--"]:has(input:checked)::before {
			width: 100%;
			height: 16.533vw;
		}
		[class*="plan__area--"] img {
			width: 100%;
			height: 16.533vw;
		}
		.plan__group--option {
			margin-top: 2.667vw;
		} 
		[class*="plan__option-item"] label {
			width: 38.667vw;
			height: 10.667vw;
			font-size: 3.2vw;
		}
		[class*="plan__option-item"] .paid-label {
			background: url(/images/blogformat/m_img_paid-label.webp) no-repeat center / cover;
			top: 1.067vw;
			left: -3.733vw;
			width: 13.867vw;
			height: 4.533vw;
			font-size: 3.2vw;
		}
		.step__select .plan__option-notes {
			font-size: 3.2vw;
			margin-top: 1.867vw;
		}

}

/*mainviewエリア別表示制御*/
.mainview__area-set {
	display: none;
}
.mainview__area-set.is-show {
	display: block;
}
</style>

<style>
  .plan__notes {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 15px;
    background: rgba(0, 0, 0, .7);
  }
  .plan__notes-text {
    text-align: right;
    color: #FFF;
  }
  .next-article {
		display: none;
	}
@media screen and (max-width: 767px) {

    .plan__notes {
        padding: 1.0vw 2.667vw;
    }
    .plan__notes-text {
        font-size: 2.5vw;
    }
}
</style>]]></description>
            <pubDate>2026-04-22</pubDate>
        </item>
                
        <item>
            <title>イデアカーサ</title>
            <link>https://www.ideahaus-fudousan.com/blog/entry-676184/</link>
            <description><![CDATA[<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Zen+Maru+Gothic&display=swap" rel="stylesheet">
<main class="blogformat">
    <header class="org-header">
        <div class="header__inner">
            <div class="header__left">
                <a class="header__logo" href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">
                    <img src="https://hp-asp-lab5.s3.ap-northeast-1.amazonaws.com/ideahaus-fudousan.com/logo/logo.png?t=1747203547" alt="｜福岡市・北九州市・熊本市で不動産の売買をご検討中ならイデアハウス不動産株式会社">
                </a>
                <h1 class="header__cube"><img src="/images/blogformat/header_casa_logo.png" alt="イデアカーサ"></h1>
            </div>
            <div class="header__right">
                <button class="header__menu js-blog-menu">
                    <img src="/images/mobile/menu_btn.webp" alt="メニュー">
                </button>
            </div>
        </div>
    </header>
    <div class="org-menu js-blog-menu-contents">
        <header class="menu__header">
            <a class="header__logo" href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">
                <img src="https://hp-asp-lab5.s3.ap-northeast-1.amazonaws.com/ideahaus-fudousan.com/logo/logo.png?t=1747203547" alt="｜福岡市・北九州市・熊本市で不動産の売買をご検討中ならイデアハウス不動産株式会社">
            </a>
            <button class="menu__close js-blog-menu-close">
                <img src="/images/mobile/menu_close.webp" alt="×">
            </button>
        </header>
        <div class="menu__inner">
            <ul class="menu-link__list">
                <li class="menu-link__item"><a href="/">ホーム</a></li>
                <li class="menu-link__item"><a href="/blog/entry-676181/">イデアキューブ</a></li>
                <li class="menu-link__item"><a href="/blog/entry-775253/">イデアコート</a></li>
                <li class="menu-link__item"><a href="/blog/entry-676184/">イデアカーサ</a></li>
                <li class="menu-link__item sp__none"><a href="/estimate/" target="_blank" rel="nofollow">お問い合わせ</a></li>
               
                <li class="menu-link__item sp__none"><a href="/lineme/s.lmes.jp/landing-qr/1661054299-n6wybMMy?uLand=F5evt9&id=79039" target="_blank" rel="nofollow">LINE</a></li>
                <li class="menu-link__item"><a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">イデアハウス不動産<br class="pc__br">サイト</a></li>
            </ul>
            <ul class="contact__list">
                <li class="contact__item">
                    <a href="tel:0120-983-103" class="contact__btn--tel">0120-983-103</a>
                </li>
                <li class="contact__item">
                    <a href="/estimate/" target="_blank" rel="nofollow" class="contact__btn--contact">お問い合わせ</a>
                </li>
             
                <li class="contact__item">
                    <a href="/lineme/s.lmes.jp/landing-qr/1661054299-n6wybMMy?uLand=F5evt9&id=79039" target="_blank" rel="nofollow" class="contact__btn--line">公式LINE</a>
                </li>
            </ul>
        </div>
    </div>
    <ul class="float__list">
        <li class="float__item--01">
            <a href="/estimate/" target="_blank"><img src="/images/blogformat/float_img01.png" alt="オプションのご相談"></a>
        </li>
        <li class="float__item--02">
            <a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow"><img src="/images/blogformat/float_img02.png" alt="物件サイトを見る"></a>
        </li>
    </ul>
    
    <div class="maincontents">
        <div class="mainview">
            <div class="mainview__img">
				<ul class="step__plan__list">
					<li class="step__plan__item js-plan-contents is-select" data-plan="01">
						<ul class="mainview__img__list js-illumination-contents is-show" data-show="daytime">
							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションを何も選択していない
							・「日中の照明の様子」が選択されている
							-->
							<!-- リビング未選択時 -->
							<li class="mainview__img__item js-step-option-img is-select" data-option="00" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1ocdBuCa29t4Nf0l5CGQ_88GL7D9RoCWo" alt="リビング未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「クロス」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="01" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/15KP2NaG9ZphB1EX7fvp80DfMRVlp8pPs" alt="日中の照明の様子、STEP01：ナチュラ、STEP3：クロス">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「エコカラット①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="03" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/14VkQ6AaErDAOkh6WCk7cnjp-ev3GNHzh" alt="日中の照明の様子、STEP01：ナチュラ、STEP3：エコカラット①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「エコカラット②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="04" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1lxgSMwX7uR65lHXclIGxgoOsYcqBFF10" alt="日中の照明の様子、STEP01：ナチュラ、STEP3：エコカラット②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							
							<!-- キッチン未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1Sn4AgWx-mbgsWGsXvh6OMEDRNJBoVQuV" alt="キッチン未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「カップボード吊戸棚」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="05" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/195bYt67PHK7NGX3jq7GdeWPaynqPTBGB" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：キッチン、STEP3：カップボード吊戸棚">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「キッチンタイル①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="07" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1gzi9DGorAj3IWyuxnTxrxJG6ePlNX5B4" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：キッチン、STEP3：キッチンタイル①">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「キッチンタイル②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="06" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1OZKWRGuRDyBDNHhF5mHIqylbpd7rPAD9" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：キッチン、STEP3：キッチンタイル②">
							</li>

							<!-- エクステリア未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/12PZA2uQNOlzEaf6YIHR4Ftq5lBXj_j9Z" alt="エクステリア未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「カーポート」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="08" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1v2-lhzu1K4kEJcb-C3tucb9crbk3ml8U" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：エクステリア、STEP3：カーポート">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「植栽」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="09" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1UbXJVhGr4TxtdMokyDFBWY8FJrfE8MIr" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：エクステリア、STEP3：植栽">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「ポスト」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="10" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1A3kvw9uN63F7FxQWPlx-iECB1q3eEOn3" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：エクステリア、STEP3：ポスト">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「土間装飾」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="11" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1HMbiEn_GaEbH4wuPcdKFq2kE5XnRmevr" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：エクステリア、STEP3：土間装飾">
							</li>
							
							<!-- 浴室未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1TfsUI9j2qwAp5FitvC3UP35Ax4NBNlxR" alt="浴室未選択時">
							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「アクセントパネル①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="12" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1qu25EWslJU9Mxr91nQjuTSnF8F1VNpSH" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：浴室、STEP3：アクセントパネル①">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「アクセントパネル②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="13" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1ebFLwnsZ56iurimOuIB4y4hFitjfk4hL" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：浴室、STEP3：アクセントパネル②">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「アクセントパネル③」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="14" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1hboegesLnHR8Z1ef7kOUcdo6bcr5Uqz6" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：浴室、STEP3：アクセントパネル③">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「鏡向き変更」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="15" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1wQKxOc3x-CeLeoqc4gFREP43vh41_pIO" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：浴室、STEP3：鏡向き変更">
							</li>

							<!-- ヌック未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1ZZLUN6SoeKVz-p70Ftz8cCd25oH30ttp" alt="ヌック未選択時">
							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「ヌック」を選択
							・STEP3のオプションで「オーダークッション」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="16" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1Spss4vUdzNrtCL7oXu_xmrRsEdB3dG3j" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：ヌック、STEP3：オーダークッション">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「ヌック」を選択
							・STEP3のオプションで「ロールスクリーン」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="17" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/183heTUds7523mkuDMqtIPpdEzISWx9z3" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：ヌック、STEP3：ロールスクリーン">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							
							<!-- 居室未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1Q8NKlDWwOrc8T8KOQvah2ijqdP6ZZmxg" alt="居室未選択時">
							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「居室」を選択
							・STEP3のオプションで「壁付けデスク①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="20" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1UbL2R6dJBf78Cv-bBfvLdWeJSfvkQMWN" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：居室、STEP3：壁付けデスク①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「居室」を選択
							・STEP3のオプションで「壁付けデスク②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="21" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1HQh6mJGrAWGa9xr3Cty0W_2wNr2p5kQ8" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：居室、STEP3：壁付けデスク②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「居室」を選択
							・STEP3のオプションで「ロールスクリーン付き収納」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="22" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/13I1Vyj8wLpjPEPeRxVGjKOqlERoCm-N2" alt="日中の照明の様子、STEP01：ナチュラ、STEP2：居室、STEP3：ロールスクリーン付き収納">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
						</ul>
						<ul class="mainview__img__list js-illumination-contents" data-show="nighttime">
							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションを何も選択していない
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img is-select" data-option="00" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/17iyDrvqOjF-OWlWfWAe88P547QE_VpOK" alt="夜間の照明の様子、STEP01：ナチュラ、STEP3：オプション選択無し">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「クロス」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="01" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1RDcpYNtQkYhJX6qdAdYfJDistSWsWzlJ" alt="夜間の照明の様子、STEP01：ナチュラ、STEP3：クロス">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「エコカラット①」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="03" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1uUqDkp-xdr7bOD4_l7MG0TtgJ43_Udk0" alt="夜間の照明の様子、STEP01：ナチュラ、STEP3：エコカラット①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「ナチュラ」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「エコカラット②」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="04" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1mhnjiSipzFpUglEmwoJpOy9ykN3RqZq4" alt="夜間の照明の様子、STEP01：ナチュラ、STEP3：エコカラット②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>
						</ul>
					</li>
					<!-- STEP1でノルディコを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="02">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1fCH2VLA9FTXVcpBDrkj62_Qd6JJKgDwO" alt="STEP1：ノルディコ、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1QpbVyw2hWCFrNk6T4plH3_-6Do7kuLwH" alt="STEP1：ノルディコ、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item img_contain  js-step-area-img02" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1f1beJMC5rQQ5_oVfE8D01tgH_XZ0KZAi" alt="STEP1：ノルディコ、STEP2：エクステリア">
							</li>
							<!-- STEP2で浴室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1zThnNMisbJ_VhJWmMsHeAhiJXkMpWXBA" alt="STEP1：ノルディコ、STEP2：浴室">
							</li>
							<!-- STEP2でヌックを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1RysCanipSiSFM-Pt5p8zE0aU7DHd8bjx" alt="STEP1：ノルディコ、STEP2：ヌック">
							</li>
							<!-- STEP2で居室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1kiMXk680GNTNr6wVYimYUDNlayiWPU-6" alt="STEP1：ノルディコ、STEP2：居室">
							</li>
						</ul>
					</li>
					<!-- STEP1でモデルノを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="03">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1pzMrdtMZMmmnGxvGdr36F0Ogwq1D2Odx" alt="STEP1：モデルノ、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1fIwPDCpb_XRBCeaSKgEBGcbUJDG5eb7o" alt="STEP1：モデルノ、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item img_contain js-step-area-img03" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1ZoWJCTPHxhDKgJICT8SM791CtLlrZfo_" alt="STEP1：モデルノ、STEP2：エクステリア">
							</li>
							<!-- STEP2で浴室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1zcuncBY-VhpR-X7qnsBnUaCt5uYZsvbU" alt="STEP1：モデルノ、STEP2：浴室">
							</li>
							<!-- STEP2でヌックを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1b2xCjc4upJ26OMMVM6tqlAOlynMcyTB2" alt="STEP1：モデルノ、STEP2：ヌック">
							</li>
							<!-- STEP2で居室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1NIdIImv1XOwFwHorBAnILqM9CyLZBvT2" alt="STEP1：モデルノ、STEP2：居室">
							</li>
						</ul>
					</li>
					<!-- STEP1でアルバーノを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="04">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1MXc7zK22JTsy989AcTcjkvruf8Pglb8X" alt="STEP1：アルバーノ、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/19sjl_p0iAJEDDdyVMmrVaUUXKtqaD6id" alt="STEP1：アルバーノ、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1b16tJbuKJ4lqpZp7oID0wXYg_fegXw3A" alt="STEP1：アルバーノ、STEP2：エクステリア">
							</li>
							<!-- STEP2で浴室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1BlN6BFtk5F-7uucO308jPmk88YprMWKD" alt="STEP1：アルバーノ、STEP2：浴室">
							</li>
							<!-- STEP2でヌックを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1_NwfvlcnGvPYsbdrEeVr-uFeuN_vCG5Q" alt="STEP1：アルバーノ、STEP2：ヌック">
							</li>
							<!-- STEP2で居室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1G4H4RR_Xs1eRCf0KRHAMborU4tpLi_Im" alt="STEP1：アルバーノ、STEP2：居室">
							</li>
						</ul>
					</li>
				</ul>
				<!-- 照明の選択はSTEP1：ナチュラ、STEP2：リビングの場合に表示 -->
				<ul class="step__plan__list">
					<li class="step__plan__item js-plan-contents is-select" data-plan="01">
						<div class="step__area__item js-area-contents01 is-select" data-area="01">
							<ul class="illumination__select__list">
								<li class="illumination__select__item">
									<label>
										<input type="radio" name="illumination" class="js-illumination-tab" data-show="daytime" checked="">日中の照明の様子
									</label>
								</li>
								<li class="illumination__select__item">
									<label>
										<input type="radio" name="illumination" class="js-illumination-tab" data-show="nighttime">夜間の照明の様子
									</label>
								</li>
							</ul>
						</div>
					</li>
				</ul>
            </div>
			<div class="step__select">
				<p class="plan__title">気になる<span>プラン</span>を試してみる</p>
				<ul class="plan__tab-list">
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="01" checked="">ナチュラ
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="02">ノルディコ
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="03">モデルノ
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="04">アルバーノ
						</label>
					</li>
				</ul>
				<div class="plan__wrap js-plan-contents is-select" data-plan="01">
					<div class="plan__contents">
						<p class="plan__catch">自然体のやさしさと、ほどよいモダンが調和する住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacasa/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacasa/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacasa/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacasa/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--nukku">
										<img src="/images/blogformat/ideacasa/select__area--nukku.webp" alt="ヌック">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="05">ヌック
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kyoshitsu">
										<img src="/images/blogformat/ideacasa/select__area--kyoshitsu.webp" alt="居室">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="06">居室
									</label>
								</li>
							</ul>
						</div>
						<div class="plan__group--option">
							<p class="plan__group-ttl">オプションを選択</p>
							<ul class="plan__option-list js-option-list">
							</ul>
						</div>
					</div>
					<p class="plan__option-notes">
						※オプションには無料と<span>有料</span>がございます。<br>
						費用は事前にご案内しますのでお問い合わせページ、または営業スタッフまでお気軽にご相談ください。
					</p>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="02">
					<div class="plan__contents">
						<p class="plan__catch">やさしい明るさと北欧の爽やかさが調和する住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacasa/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacasa/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacasa/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacasa/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--nukku">
										<img src="/images/blogformat/ideacasa/select__area--nukku.webp" alt="ヌック">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="05">ヌック
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kyoshitsu">
										<img src="/images/blogformat/ideacasa/select__area--kyoshitsu.webp" alt="居室">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="06">居室
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="03">
					<div class="plan__contents">
						<p class="plan__catch">洗練された美しさと、都会的な上質さが調和する住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacasa/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacasa/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacasa/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacasa/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--nukku">
										<img src="/images/blogformat/ideacasa/select__area--nukku.webp" alt="ヌック">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="05">ヌック
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kyoshitsu">
										<img src="/images/blogformat/ideacasa/select__area--kyoshitsu.webp" alt="居室">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="06">居室
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="04">
					<div class="plan__contents">
						<p class="plan__catch">落ち着きのある格好良さと、都会的な上質さが調和する住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacasa/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacasa/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacasa/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacasa/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--nukku">
										<img src="/images/blogformat/ideacasa/select__area--nukku.webp" alt="ヌック">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="05">ヌック
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kyoshitsu">
										<img src="/images/blogformat/ideacasa/select__area--kyoshitsu.webp" alt="居室">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="06">居室
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
        </div>

		<!-- コンテンツ「Plan」　ここから -->
        <section class="section__wrap--plan">
            <div class="section__inner">
                <div class="plan__img">
                    <ul class="plan__img__list js-illumination-contents is-show" data-show="daytime">
                        <!-- プラン01（ナチュラ）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents is-select" data-plan="01">
                          <img src="https://lh3.googleusercontent.com/d/12PZA2uQNOlzEaf6YIHR4Ftq5lBXj_j9Z" alt="日中の照明の様子、ナチュラ">
                        </li>
                        <!-- プラン02（ノルディコ）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="02">
                           <img src="https://lh3.googleusercontent.com/d/1f1beJMC5rQQ5_oVfE8D01tgH_XZ0KZAi" alt="日中の照明の様子、ノルディコ">
                        </li>
                        <!-- プラン03（モデルノ）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="03">
                           <img src="https://lh3.googleusercontent.com/d/1ZoWJCTPHxhDKgJICT8SM791CtLlrZfo_" alt="日中の照明の様子、モデルノ">
                        </li>
                        <!-- プラン04（アルバーノ）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="04">
                           <img src="https://lh3.googleusercontent.com/d/1b16tJbuKJ4lqpZp7oID0wXYg_fegXw3A" alt="日中の照明の様子、アルバーノ">
                        </li>
                    </ul>
                    <ul class="plan__img__list js-illumination-contents is-select" data-show="nighttime">
                        <!-- プラン01（ナチュラ）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents is-select" data-plan="01">
                            <img src="https://lh3.googleusercontent.com/d/12PZA2uQNOlzEaf6YIHR4Ftq5lBXj_j9Z" alt="夜間の照明の様子、ナチュラ">
                        </li>
                        <!-- プラン02（ノルディコ）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="02">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=ノルディコ+夜間照明" alt="夜間の照明の様子、ノルディコ">
                        </li>
                        <!-- プラン03（モデルノ）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="03">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=モデルノ+夜間照明" alt="夜間の照明の様子、モデルノ">
                        </li>
                        <!-- プラン04（アルバーノ）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="04">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=アルバーノ+夜間照明" alt="夜間の照明の様子、アルバーノ">
                        </li>
                    </ul>
                </div>
                <div class="plan__txt">
                    <ul class="plan__txt__list">
						<!-- プラン01（ナチュラ）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents is-select" data-plan="01">
                            <h2 class="plan__txt__ttl"><span>ナチュラ</span>の特徴</h2>
                            <p class="plan__txt__txt">
								イタリア語で“自然”を意味する「ナチュラ」は、明るめのハードメープルの床で空間を広く見せながら、和モダンのエッセンスを取り入れた落ち着きのあるナチュラルスタイル。<br>
								限られた広さの中でも圧迫感を感じさせないよう、キッチンは木目×ブラックの組み合わせで、あたたかさと格好良さを両立。<br>
								さらに、照明器具やキッチンに黒を効かせることで、全体の印象を引き締めています。<br>
								“自然体”でいられる空間の中に、ほどよいモダンさを。<br>
								毎日を心地よく過ごしたい方にぴったりの、優しい洗練さを感じるカラーです。
							</p>
                        </li>
                        <!-- プラン02（ノルディコ）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="02">
                            <h2 class="plan__txt__ttl"><span>ノルディコ</span>の特徴</h2>
                            <p class="plan__txt__txt">
								イタリア語で“北欧風”を意味する「ノルディコ」は、甘くなりすぎず、落ち着きのある中間色オークの床材を採用し、シンプルで明るい空間を演出するスタイルです。<br>
								キッチンには淡い大理石風ホワイトを用い、さりげない素材感で洗練された印象に。<br>
								照明器具にはホワイト、アクセントクロスにはやわらかなグレーを取り入れ、北欧らしい“ぬくもり”と“爽やかさ”を感じさせます。<br>
								明るいトーンで統一された空間は、限られた広さでも狭さを感じさせず、自然と心がほっとするカラーです。
							</p>
                        </li>
                        <!-- プラン03（モデルノ）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="03">
                            <h2 class="plan__txt__ttl"><span>モデルノ</span>の特徴</h2>
                            <p class="plan__txt__txt">
								イタリア語で“近代的”を意味する「モデルノ」は、無駄のないデザインと洗練されたカラーで魅せる、シンプルモダンスタイル。<br>
								キッチンにはステンレス素材を採用し、クールで機能的な印象に。<br>
								内装はグレーやブラックをアクセントに取り入れながら、明るい床材を組み合わせることで、重くなりすぎずスッキリとした空間を演出。<br>
								真っ白な外壁とのコントラストが、家全体の印象をよりシャープに引き立て、まさに「都会的で無駄のない暮らし」を体現するカラーです。
							</p>
                        </li>
                        <!-- プラン04（アルバーノ）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="04">
                            <h2 class="plan__txt__ttl"><span>アルバーノ</span>の特徴</h2>
                            <p class="plan__txt__txt">
								イタリア語で“都会的”を意味する「アルバーノ」。<br>
								その名の通り、落ち着いたダークトーンで統一された内観と、ブラックキッチンが醸し出すシャープな印象が魅力のスタイルです。<br>
								床材や外壁も少し暗めの色味を採用し、派手さではなく“静かな格好良さ”を演出。<br>
								スタイリッシュな空間に憧れる方や、暮らしの中に上質な落ち着きを求める方にぴったりのカラーです。
							</p>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
		<!-- コンテンツ「Plan」　ここまで -->
        
		<!-- コンテンツ「Area」　ここから -->
		<ul class="step__plan__list">
			<!-- ナチュラが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents is-select" data-plan="01">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list js-illumination-contents is-show" data-show="daytime">
								<!-- リビングエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/16ko0z28IR2jXp1blLAi0fyXjCns3l0er" alt="日中の照明の様子、リビング">
								</li>
								<!-- キッチンエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1UaEk2YeZL2yIMRpOZfzWcljFtIOSlLMG" alt="日中の照明の様子、キッチン">
								</li>
								<!-- エクステリアエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1F_Jx--vIWyAwMstu3SvyyDiw4SUZCPHh" alt="日中の照明の様子、エクステリア">
								</li>
								<!-- 浴室エリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1TPTwhPMCjsGMJpnbVxujlVMnRT426pZV" alt="日中の照明の様子、浴室">
								</li>
								<!-- ヌックエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1z6xp6PFy6TXOB47l3uGsrRDX3aNFlHek" alt="日中の照明の様子、ヌック">
								</li>
								<!-- 居室エリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/12d1NDK931sAzP6Hz0ZRYDyy-2M743QwR" alt="日中の照明の様子、居室">
								</li>
							</ul>
							<ul class="area__img__list js-illumination-contents is-select" data-show="nighttime">
								<!-- リビングエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/16ko0z28IR2jXp1blLAi0fyXjCns3l0er" alt="夜間の照明の様子、リビング">
								</li>
								<!-- キッチンエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="02">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=キッチンエリア+夜間" alt="夜間の照明の様子、キッチン">
								</li>
								<!-- エクステリアエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="03">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=エクステリア+夜間" alt="夜間の照明の様子、エクステリア">
								</li>
								<!-- 浴室エリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="04">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=浴室エリア+夜間" alt="夜間の照明の様子、浴室">
								</li>
								<!-- ヌックエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="05">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=ヌック+夜間" alt="夜間の照明の様子、ヌック">
								</li>
								<!-- 居室エリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="06">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=居室+夜間" alt="夜間の照明の様子、居室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										美しく設えられた収納棚が、空間にすっきりとした印象と実用性をプラス。お気に入りの本や雑貨を並べて、まるでインテリアの一部のように楽しめます。<br>
										アクセントクロスが空間に立体感と奥行きをもたらし、こだわりの照明計画が朝・昼・夜で異なる表情を演出。間接照明のやわらかい光に包まれながら過ごすひとときは、まるでホテルライクな上質さ。<br>
										リビング階段を採用し、家族が自然に顔を合わせる動線設計も魅力のひとつ。デザイン性と機能性が調和した空間で、毎日の暮らしがより豊かに、心地よく整います。
									</p>
								</li>
								<!-- キッチンエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の気配を感じながら料理ができる、開放感あふれる対面式キッチン。暮らしに馴染む洗練されたデザインと、日々の使いやすさを追求した機能性の両立を考えました。<br>
										キッチンの壁面には、おしゃれなタイルを採用。空間にリズムと個性を加え、どこを切り取っても絵になる美しさ。ワークトップには、傷や汚れに強い素材を使用し、お手入れのしやすさも魅力です。<br>
										また、カップボードを標準装備。上部は敢えて空間を残し、自分らしくカスタマイズも可能です。<br>
										さらに、ボッシュ製の食器洗浄乾燥機「ゼオライトシリーズ」を標準装備。静音性・洗浄力に優れ、毎日の家事負担をしっかりサポートしてくれます。<br>
										デザイン性と機能性のバランスが取れた、心地よく過ごせるキッチンがある住まいです。
									</p>
								</li>
								<!-- エクステリアエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										アプローチから玄関まで、スムーズで美しい動線を確保しました。<br>
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。<br>
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。<br>
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。
									</p>
								</li>
								<!-- 浴室エリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">
										お風呂時間が楽しみになる、ミラバス&ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。<br>
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。<br>
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。<br>
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。<br>
										見た目・快適さ・機能、すべてにこだわった癒しのバスルームです。
									</p>
								</li>
								<!-- ヌックエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="05">
									<h2 class="area__txt__ttl"><span>ヌック</span>について</h2>
									<p class="area__txt__txt">
										リビングの一角に設けられた、陽光豊かな居心地のいい場所「ヌック」。空間にこなれた抜け感をプラスしながら、暮らしにひとさじの豊かさを与えてくれます。<br>
										アクセントクロスや照明デザインにもこだわり、まるでカフェの一角のような心地よさ。窓辺でくつろいだり、読書を楽しんだり、 “自分の時間”を楽しめるだけでなく、お子さまにとっては小さな秘密基地のような特別な場所に。<br>
										“壁で仕切られていないのに、ちゃんと落ち着ける”絶妙な距離感が、家の中にもうひとつの居場所をつくります。<br>
										忙しい日々の中でも、自分をリセットできる、そんな特別なスペースです。
									</p>
								</li>
								<!-- 居室エリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="06">
									<h2 class="area__txt__ttl"><span>居室</span>について</h2>
									<p class="area__txt__txt">
										居室は、シンプルな設計で多様な暮らし方にもフィットする自由度の高い空間。<br>
										クローゼットにはあえて扉を設けず、視覚的な広がりと使いやすさを両立。洋服や収納アイテムを“魅せて整える”ことで、インテリアとしても楽しめるスペースに。<br>
										2つのドアがついた「2ドア1ルーム」設計では、将来的に空間を分けて使うことも可能。成長に合わせて子ども部屋を2つに分けたり、ワークスペースを独立させたりと、ライフスタイルの変化に柔軟に対応できます。<br>
										さらに、壁付けデスクや造作収納など自分らしくカスタマイズすれば、より自分らしいオリジナルのレイアウトも実現可能。住む人の感性と暮らし方に寄り添う、フレキシブルな“もうひとつの居場所”です。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- ノルディコが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="02">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/16ko0z28IR2jXp1blLAi0fyXjCns3l0er" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1UaEk2YeZL2yIMRpOZfzWcljFtIOSlLMG" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1F_Jx--vIWyAwMstu3SvyyDiw4SUZCPHh" alt="STEP2：エクステリア">
								</li>
								<!-- 浴室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1TPTwhPMCjsGMJpnbVxujlVMnRT426pZV" alt="STEP2：浴室">
								</li>
								<!-- ヌックが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1z6xp6PFy6TXOB47l3uGsrRDX3aNFlHek" alt="STEP2：ヌック">
								</li>
								<!-- 居室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/12d1NDK931sAzP6Hz0ZRYDyy-2M743QwR" alt="STEP2：居室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										美しく設えられた収納棚が、空間にすっきりとした印象と実用性をプラス。お気に入りの本や雑貨を並べて、まるでインテリアの一部のように楽しめます。<br>
										アクセントクロスが空間に立体感と奥行きをもたらし、こだわりの照明計画が朝・昼・夜で異なる表情を演出。間接照明のやわらかい光に包まれながら過ごすひとときは、まるでホテルライクな上質さ。<br>
										リビング階段を採用し、家族が自然に顔を合わせる動線設計も魅力のひとつ。デザイン性と機能性が調和した空間で、毎日の暮らしがより豊かに、心地よく整います。
									</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の気配を感じながら料理ができる、開放感あふれる対面式キッチン。暮らしに馴染む洗練されたデザインと、日々の使いやすさを追求した機能性の両立を考えました。<br>
										キッチンの壁面には、おしゃれなタイルを採用。空間にリズムと個性を加え、どこを切り取っても絵になる美しさ。ワークトップには、傷や汚れに強い素材を使用し、お手入れのしやすさも魅力です。<br>
										また、カップボードを標準装備。上部は敢えて空間を残し、自分らしくカスタマイズも可能です。<br>
										さらに、ボッシュ製の食器洗浄乾燥機「ゼオライトシリーズ」を標準装備。静音性・洗浄力に優れ、毎日の家事負担をしっかりサポートしてくれます。<br>
										デザイン性と機能性のバランスが取れた、心地よく過ごせるキッチンがある住まいです。
									</p>
								</li>
								<!--エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										アプローチから玄関まで、スムーズで美しい動線を確保しました。<br>
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。<br>
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。<br>
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。
									</p>
								</li>
								<!-- 浴室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">
										お風呂時間が楽しみになる、ミラバス&ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。<br>
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。<br>
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。<br>
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。<br>
										見た目・快適さ・機能、すべてにこだわった癒しのバスルームです。
									</p>
								</li>
								<!-- ヌックが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="05">
									<h2 class="area__txt__ttl"><span>ヌック</span>について</h2>
									<p class="area__txt__txt">
										リビングの一角に設けられた、陽光豊かな居心地のいい場所「ヌック」。空間にこなれた抜け感をプラスしながら、暮らしにひとさじの豊かさを与えてくれます。<br>
										アクセントクロスや照明デザインにもこだわり、まるでカフェの一角のような心地よさ。窓辺でくつろいだり、読書を楽しんだり、 “自分の時間”を楽しめるだけでなく、お子さまにとっては小さな秘密基地のような特別な場所に。<br>
										“壁で仕切られていないのに、ちゃんと落ち着ける”絶妙な距離感が、家の中にもうひとつの居場所をつくります。<br>
										忙しい日々の中でも、自分をリセットできる、そんな特別なスペースです。
									</p>
								</li>
								<!-- 居室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="06">
									<h2 class="area__txt__ttl"><span>居室</span>について</h2>
									<p class="area__txt__txt">
										居室は、シンプルな設計で多様な暮らし方にもフィットする自由度の高い空間。<br>
										クローゼットにはあえて扉を設けず、視覚的な広がりと使いやすさを両立。洋服や収納アイテムを“魅せて整える”ことで、インテリアとしても楽しめるスペースに。<br>
										2つのドアがついた「2ドア1ルーム」設計では、将来的に空間を分けて使うことも可能。成長に合わせて子ども部屋を2つに分けたり、ワークスペースを独立させたりと、ライフスタイルの変化に柔軟に対応できます。<br>
										さらに、壁付けデスクや造作収納など自分らしくカスタマイズすれば、より自分らしいオリジナルのレイアウトも実現可能。住む人の感性と暮らし方に寄り添う、フレキシブルな“もうひとつの居場所”です。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- モデルノが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="03">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/16ko0z28IR2jXp1blLAi0fyXjCns3l0er" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1UaEk2YeZL2yIMRpOZfzWcljFtIOSlLMG" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1F_Jx--vIWyAwMstu3SvyyDiw4SUZCPHh" alt="STEP2：エクステリア">
								</li>
								<!-- 浴室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1TPTwhPMCjsGMJpnbVxujlVMnRT426pZV" alt="STEP2：浴室">
								</li>
								<!-- ヌックが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1z6xp6PFy6TXOB47l3uGsrRDX3aNFlHek" alt="STEP2：ヌック">
								</li>
								<!-- 居室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/12d1NDK931sAzP6Hz0ZRYDyy-2M743QwR" alt="STEP2：居室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										美しく設えられた収納棚が、空間にすっきりとした印象と実用性をプラス。お気に入りの本や雑貨を並べて、まるでインテリアの一部のように楽しめます。<br>
										アクセントクロスが空間に立体感と奥行きをもたらし、こだわりの照明計画が朝・昼・夜で異なる表情を演出。間接照明のやわらかい光に包まれながら過ごすひとときは、まるでホテルライクな上質さ。<br>
										リビング階段を採用し、家族が自然に顔を合わせる動線設計も魅力のひとつ。デザイン性と機能性が調和した空間で、毎日の暮らしがより豊かに、心地よく整います。
									</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の気配を感じながら料理ができる、開放感あふれる対面式キッチン。暮らしに馴染む洗練されたデザインと、日々の使いやすさを追求した機能性の両立を考えました。<br>
										キッチンの壁面には、おしゃれなタイルを採用。空間にリズムと個性を加え、どこを切り取っても絵になる美しさ。ワークトップには、傷や汚れに強い素材を使用し、お手入れのしやすさも魅力です。<br>
										また、カップボードを標準装備。上部は敢えて空間を残し、自分らしくカスタマイズも可能です。<br>
										さらに、ボッシュ製の食器洗浄乾燥機「ゼオライトシリーズ」を標準装備。静音性・洗浄力に優れ、毎日の家事負担をしっかりサポートしてくれます。<br>
										デザイン性と機能性のバランスが取れた、心地よく過ごせるキッチンがある住まいです。
									</p>
								</li>
								<!-- エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										アプローチから玄関まで、スムーズで美しい動線を確保しました。<br>
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。<br>
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。<br>
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。
									</p>
								</li>
								<!-- 浴室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">
										お風呂時間が楽しみになる、ミラバス&ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。<br>
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。<br>
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。<br>
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。<br>
										見た目・快適さ・機能、すべてにこだわった癒しのバスルームです。
									</p>
								</li>
								<!-- ヌックが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="05">
									<h2 class="area__txt__ttl"><span>ヌック</span>について</h2>
									<p class="area__txt__txt">
										リビングの一角に設けられた、陽光豊かな居心地のいい場所「ヌック」。空間にこなれた抜け感をプラスしながら、暮らしにひとさじの豊かさを与えてくれます。<br>
										アクセントクロスや照明デザインにもこだわり、まるでカフェの一角のような心地よさ。窓辺でくつろいだり、読書を楽しんだり、 “自分の時間”を楽しめるだけでなく、お子さまにとっては小さな秘密基地のような特別な場所に。<br>
										“壁で仕切られていないのに、ちゃんと落ち着ける”絶妙な距離感が、家の中にもうひとつの居場所をつくります。<br>
										忙しい日々の中でも、自分をリセットできる、そんな特別なスペースです。
									</p>
								</li>
								<!-- 居室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="06">
									<h2 class="area__txt__ttl"><span>居室</span>について</h2>
									<p class="area__txt__txt">
										居室は、シンプルな設計で多様な暮らし方にもフィットする自由度の高い空間。<br>
										クローゼットにはあえて扉を設けず、視覚的な広がりと使いやすさを両立。洋服や収納アイテムを“魅せて整える”ことで、インテリアとしても楽しめるスペースに。<br>
										2つのドアがついた「2ドア1ルーム」設計では、将来的に空間を分けて使うことも可能。成長に合わせて子ども部屋を2つに分けたり、ワークスペースを独立させたりと、ライフスタイルの変化に柔軟に対応できます。<br>
										さらに、壁付けデスクや造作収納など自分らしくカスタマイズすれば、より自分らしいオリジナルのレイアウトも実現可能。住む人の感性と暮らし方に寄り添う、フレキシブルな“もうひとつの居場所”です。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- アルバーノが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="04">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/16ko0z28IR2jXp1blLAi0fyXjCns3l0er" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1UaEk2YeZL2yIMRpOZfzWcljFtIOSlLMG" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/1F_Jx--vIWyAwMstu3SvyyDiw4SUZCPHh" alt="STEP2：エクステリア">
								</li>
								<!-- 浴室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1TPTwhPMCjsGMJpnbVxujlVMnRT426pZV" alt="STEP2：浴室">
								</li>
								<!-- ヌックが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1z6xp6PFy6TXOB47l3uGsrRDX3aNFlHek" alt="STEP2：ヌック">
								</li>
								<!-- 居室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/12d1NDK931sAzP6Hz0ZRYDyy-2M743QwR" alt="STEP2：居室">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">
										美しく設えられた収納棚が、空間にすっきりとした印象と実用性をプラス。お気に入りの本や雑貨を並べて、まるでインテリアの一部のように楽しめます。<br>
										アクセントクロスが空間に立体感と奥行きをもたらし、こだわりの照明計画が朝・昼・夜で異なる表情を演出。間接照明のやわらかい光に包まれながら過ごすひとときは、まるでホテルライクな上質さ。<br>
										リビング階段を採用し、家族が自然に顔を合わせる動線設計も魅力のひとつ。デザイン性と機能性が調和した空間で、毎日の暮らしがより豊かに、心地よく整います。
									</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の気配を感じながら料理ができる、開放感あふれる対面式キッチン。暮らしに馴染む洗練されたデザインと、日々の使いやすさを追求した機能性の両立を考えました。<br>
										キッチンの壁面には、おしゃれなタイルを採用。空間にリズムと個性を加え、どこを切り取っても絵になる美しさ。ワークトップには、傷や汚れに強い素材を使用し、お手入れのしやすさも魅力です。<br>
										また、カップボードを標準装備。上部は敢えて空間を残し、自分らしくカスタマイズも可能です。<br>
										さらに、ボッシュ製の食器洗浄乾燥機「ゼオライトシリーズ」を標準装備。静音性・洗浄力に優れ、毎日の家事負担をしっかりサポートしてくれます。<br>
										デザイン性と機能性のバランスが取れた、心地よく過ごせるキッチンがある住まいです。
									</p>
								</li>
								<!--エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										アプローチから玄関まで、スムーズで美しい動線を確保しました。<br>
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。<br>
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。<br>
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。
									</p>
								</li>
								<!-- 浴室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">
										お風呂時間が楽しみになる、ミラバス&ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。<br>
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。<br>
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。<br>
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。<br>
										見た目・快適さ・機能、すべてにこだわった癒しのバスルームです。
									</p>
								</li>
								<!-- ヌックが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="05">
									<h2 class="area__txt__ttl"><span>ヌック</span>について</h2>
									<p class="area__txt__txt">
										リビングの一角に設けられた、陽光豊かな居心地のいい場所「ヌック」。空間にこなれた抜け感をプラスしながら、暮らしにひとさじの豊かさを与えてくれます。<br>
										アクセントクロスや照明デザインにもこだわり、まるでカフェの一角のような心地よさ。窓辺でくつろいだり、読書を楽しんだり、 “自分の時間”を楽しめるだけでなく、お子さまにとっては小さな秘密基地のような特別な場所に。<br>
										“壁で仕切られていないのに、ちゃんと落ち着ける”絶妙な距離感が、家の中にもうひとつの居場所をつくります。<br>
										忙しい日々の中でも、自分をリセットできる、そんな特別なスペースです。
									</p>
								</li>
								<!-- 居室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="06">
									<h2 class="area__txt__ttl"><span>居室</span>について</h2>
									<p class="area__txt__txt">
										居室は、シンプルな設計で多様な暮らし方にもフィットする自由度の高い空間。<br>
										クローゼットにはあえて扉を設けず、視覚的な広がりと使いやすさを両立。洋服や収納アイテムを“魅せて整える”ことで、インテリアとしても楽しめるスペースに。<br>
										2つのドアがついた「2ドア1ルーム」設計では、将来的に空間を分けて使うことも可能。成長に合わせて子ども部屋を2つに分けたり、ワークスペースを独立させたりと、ライフスタイルの変化に柔軟に対応できます。<br>
										さらに、壁付けデスクや造作収納など自分らしくカスタマイズすれば、より自分らしいオリジナルのレイアウトも実現可能。住む人の感性と暮らし方に寄り添う、フレキシブルな“もうひとつの居場所”です。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
		</ul>
		<!-- コンテンツ「プラン」　ここまで -->
        
        <section class="section__wrap--tips">
            <div class="section__inner">
                <h2 class="section__ttl"><span>Tips</span>住まいづくりのヒント</h2>
                <ul class="tips__list">
                    <li class="tips__item">
                        <div class="tips__img"><img src="/images/blogformat/tips__img01.png" alt="オプションについて相談してみる"></div>
                        <div class="tips__right">
                            <h3 class="tips__ttl">オプションについて<br>相談してみる</h3>
                            <p class="tips__txt">何も決まっていなくても大丈夫です！自分らしい住まい作りを実現するために、お客様の理想をお聞かせください。実現のためにご提案差し上げます。
</p>
                            <p class="tips__btn">
                                <a href="/estimate/" target="_blank">ご相談はこちらから</a>
                            </p>
                        </div>
                    </li>
                    <li class="tips__item">
                        <div class="tips__img"><img src="/images/blogformat/tips__img02.png" alt="オプションのお見積り物件を探してみるを依頼してみる"></div>
                        <div class="tips__right">
                            <h3 class="tips__ttl">物件を探してみる</h3>
                            <p class="tips__txt">ご希望のエリア・条件に合った住まいを、かんたん検索。あなたにぴったりの家がきっと見つかります。</p>
                            <p class="tips__btn">
                                <a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">物件サイトはこちら</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        
        <section class="section__wrap--series">
            <div class="section__inner">
                <h2 class="section__ttl"><span>iDEA Series</span>イデアシリーズについて</h2>
                <ul class="series__list">
                    <li class="series__item">
                        <div class="series__img--court"><img src="/images/blogformat/court_logo.png" alt="イデアコート"></div>
                        <div class="series__bottom">
                            <h3 class="series__ttl">｢家族時間を深める｣<br class="sp__br">プラスαの豊富な提案｡</h3>
                            <p class="series__txt">ハイグレードかつ先進の仕様設備と高いデザイン性で<br class="pc__br">あなただけの暮らしに寄り添う住空間を生み出します。</p>
                            <p class="series__btn">
                                <a href="/blog/entry-775253/">イデアコートについて</a>
                            </p>
                        </div>
                    </li>
                    <li class="series__item">
                        <div class="series__img--cube"><img src="/images/blogformat/cube_logo.png" alt="イデアキューブ"></div>
                        <div class="series__bottom">
                            <h3 class="series__ttl">四角いカタチは<br class="sp__br">個性のカタチ。</h3>
                            <p class="series__txt">シャープで飽きのこないキューブ型の<br class="pc__br">ファサードデザイン（外観）と自由度の高い可変性のある<br class="pc__br">プランニングが特徴のライフスタイル提案型戸建分譲住宅【iDEA CUBE〈イデアキューブ〉】。</p>
                            <p class="series__btn">
                                <a href="/blog/entry-676181/">イデアキューブについて</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</main>
<script>
$(function() {
    // iOS（iPadOSを含む）かどうかのUA判定
    var ua = window.navigator.userAgent.toLowerCase();
    var isiOS =
        ua.indexOf("iphone") > -1 ||
        ua.indexOf("ipad") > -1 ||
        (ua.indexOf("macintosh") > -1 && "ontouchend" in document);

    // スマホかどうかの判定
    function isMobile() {
        return window.matchMedia('(max-width: 767px)').matches;
    }

    // エリア別オプション定義
    var areaOptions = {
        '01': [ // リビング
            { id: '01', name: 'クロス' },
            { id: '03', name: 'エコ<br class="pc__br">カラット①', paid: true },
            { id: '04', name: 'エコ<br class="pc__br">カラット②', paid: true }
        ],
        '02': [ // キッチン
            { id: '05', name: 'カップ<br class="pc__br">ボード吊戸棚', paid: true },
            { id: '07', name: 'キッチン<br class="pc__br">タイル①', paid: true },
            { id: '06', name: 'キッチン<br class="pc__br">タイル②', paid: true }
        ],
        '03': [ // エクステリア
            { id: '08', name: 'カーポート', paid: true },
            { id: '09', name: '植栽', paid: true },
            { id: '10', name: 'ポスト', paid: true },
            { id: '11', name: '土間装飾', paid: true }
        ],
        '04': [ // 浴室
            { id: '12', name: 'アクセント<br class="pc__br">パネル①' },
            { id: '13', name: 'アクセント<br class="pc__br">パネル②' },
            { id: '14', name: 'アクセント<br class="pc__br">パネル③' },
            { id: '15', name: '鏡向き変更', paid: true }
        ],
        '05': [ // ヌック
            { id: '16', name: 'オーダー<br class="pc__br">クッション', paid: true },
            { id: '17', name: 'ロール<br class="pc__br">スクリーン', paid: true }
        ],
        '06': [ // 居室
            { id: '20', name: '壁付け<br class="pc__br">デスク①', paid: true },
            { id: '21', name: '壁付け<br class="pc__br">デスク②', paid: true },
            { id: '22', name: 'ロールスク<br>リーン付き収納', paid: true }
        ]
    };

    // オプションリストを生成する関数
    function generateOptions(areaId) {
        var options = areaOptions[areaId] || [];
        var optionHtml = '';
        
        options.forEach(function(option, index) {
            var checked = index === 0 ? 'checked' : '';
            var paidClass = option.paid ? ' paid-item' : '';
            var paidLabel = option.paid ? '<p class="paid-label">有償</p>' : '';
            optionHtml += 
                '<li class="plan__option-item' + paidClass + '">' +
                    paidLabel +
                    '<label>' +
                        '<input type="checkbox" class="js-step-option-tab" name="step-option" data-option="' + option.id + '">' + option.name +
                    '</label>' +
                '</li>';
        });
        
        return optionHtml;
    }

        // 初期化：リビングのオプションを表示
    $('.js-option-list').html(generateOptions('01'));
    // 初期化：リビングエリアのオプション画像を選択状態に
    $('.js-mainview-area[data-area="01"] .js-step-option-img').removeClass('is-select');
    $('.js-mainview-area[data-area="01"] .js-step-option-img[data-option="01"]').addClass('is-select');

    //bodyのスクロール固定
    function bodyFixedOn() {
        if (!isMobile()) return; // スマホ以外は何もしない
        if (isiOS) {
            scrollPosition = $(window).scrollTop();
            $("body").css("position", "fixed");
            $("body").css("top", "-" + scrollPosition + "px");
        } else {
            $("body").css("overflow", "hidden");
        }
    }

    //bodyのスクロール固定を解除
    function bodyFixedOff() {
        if (!isMobile()) return; // スマホ以外は何もしない
        if (isiOS) {
            $("body").css("position", "");
            $("body").css("top", "");
            $(window).scrollTop(scrollPosition);
        } else {
            $("body").css("overflow", "");
        }
    }

    // メニューボタンをクリックでメニュー表示
    $('.js-blog-menu').on('click', function() {
        $('.js-blog-menu-contents').addClass('is-show');
        bodyFixedOn();
    });
    // 閉じるボタンをクリックでメニュー非表示
    $('.js-blog-menu-close').on('click', function() {
        $('.js-blog-menu-contents').removeClass('is-show');
        bodyFixedOff();
    });

    // 照明タブ切り替え
    $('.js-illumination-tab').on('change', function() {
        var show = $(this).data('show');
        $('.js-illumination-contents').removeClass('is-show');
        $('.js-illumination-contents[data-show="' + show + '"]').addClass('is-show');
    });
    // プランタブ切り替え
    $('.js-plan-tab').on('change', function() {
        var plan = $(this).data('plan');
        $('.js-plan-contents').removeClass('is-select');
        $('.js-plan-contents[data-plan="' + plan + '"]').addClass('is-select');
		// プラン切り替え時にオプションのチェックをすべて外す
		$('.js-step-option-tab').prop('checked', false);
		// 現在選択中のエリアを取得
		var area = $('.js-area-tab01:checked').data('area');
		if (!area) area = '01'; // デフォルトでリビング

		// オプション未選択時の画像を表示（エリアごとに反映）
		$('.js-step-option-img').removeClass('is-select');
		$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（ナチュラ）
    $('.js-area-tab01').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents01').removeClass('is-select');
        $('.js-area-contents01[data-area="' + area + '"]').addClass('is-select');

        // 追加：リビング以外が選択されたら日中の照明の様子にチェック
        if (area !== "01") {
            $('.js-illumination-tab[data-show="daytime"]').prop('checked', true).trigger('change');
        }
		// ↓オプションリストを切り替える
	    $('.js-option-list').html(generateOptions(area));
		// STEP3未選択時の画像切り替え（追加）
		$('.js-step-option-img').removeClass('is-select');
		$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（ノルディコ）
    $('.js-area-tab02').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents02').removeClass('is-select');
        $('.js-area-contents02[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img02').removeClass('is-select');
        $('.js-step-area-img02[data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（モデルノ）
    $('.js-area-tab03').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents03').removeClass('is-select');
        $('.js-area-contents03[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img03').removeClass('is-select');
        $('.js-step-area-img03[data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（アルバーノ）
    $('.js-area-tab04').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents04').removeClass('is-select');
        $('.js-area-contents04[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img04').removeClass('is-select');
        $('.js-step-area-img04[data-area="' + area + '"]').addClass('is-select');
    });
    
    // オプションタブ切り替え（動的生成されたオプションに対応するためdelegateを使用）
    $(document).on('change', '.js-step-option-tab', function() {
        // すべてのチェックを外してから、クリックしたものだけチェック
        $('.js-step-option-tab').not(this).prop('checked', false);

        // チェックされているoptionを取得
        var checkedOption = $('.js-step-option-tab:checked').data('option');
		// 現在のエリアを取得
	    var area = $('.js-area-tab01:checked').data('area');

        // 画像の切り替え
        $('.js-step-option-img').removeClass('is-select');
        if (checkedOption) {
            $('.js-step-option-img[data-option="' + checkedOption + '"]').addClass('is-select');
        } else {
			// 何もチェックされていない場合は、そのエリアの[data-option="00"]を表示
			$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
        }
    });
});
</script>
<style>
body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	width: 100%;
}
.l-header{
	display: none;
}
.blogformat .header__cube{
	display: block;
	width: 78px;
	height: fit-content;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#contents{
	width: 100%;
	padding: 0;
}
.l-main,
.ui-narrow-section{
	width: 100%;
	padding: 0;
}
.blog__header,
.breadcrumbs,
.reservation-side-link{
	display: none !important;
}
.blog__article{
	margin: 0;
}

.blogformat *{
	font-family: 'Zen Maru Gothic';
	color: #010F17;
}
.blogformat{
	overflow: hidden;
	background: #FFFFFF;
}
.maincontents{
	padding-top: 85px;
}
.blog__article{
	padding: 0;
}
.l-blog--detail{
	margin: 0;
}
.blog__headline,.blog__note,.blog__mv{
	display: none;
}
.org-footer + .float__list{
	display: none;
}
.sp__br { display: none; }
.pc__br { display: inline; }
@media screen and (max-width: 767px) {
  .sp__br { display: inline; }
  .pc__br { display: none; }
}
/*共通*/
[class*="section__wrap"]{
	margin-block: 80px;
}
.section__inner{
	width: 1140px;
	margin: 0 auto;
}
[class*="section__wrap"] [class*="section__ttl"]{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.06em;
    text-align: center;
    margin-bottom: 36px;
}
[class*="section__wrap"] [class*="section__ttl"] span{
    display: block;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #0091D7;
    margin-bottom: 5px;
}


/*ヘッダー*/
.blogformat .org-header{
	width: 100%;
	height: 85px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.blogformat .header__inner{
	width: 100%;
	height: 85px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 0 20px;
	position: relative;
}
.org-header .header__logo{
    max-width: 173px;
    min-height: 55px;
}
.org-header .header__logo img{
    width: 100%;
    min-width: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
}
.org-header .header__logo a:hover{
    opacity: 1;
}

.blogformat .header__court{
	display: block;
	width: 203px;
	height: fit-content;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.blogformat .header__court img{
	width: 100%;
}
.blogformat .header__menu{
	width: 52px;
	height: 52px;
	background: none;
}

/*ヘッダーメニュー*/
.blogformat .org-menu{
	display: block;
	width: 280px;
	height: 800px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
	transition: .2s ease;
	z-index: 11;
}
.blogformat .org-menu.is-show{
	transform: translateX(0%);
}
.blogformat .menu__header{
	width: 100%;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 20px;
}
.blogformat .menu__header .header__logo{
	display: none;
}
.blogformat .menu__close{
	width: 52px;
	height: 52px;
	background: none;
	position: unset;
}
.blogformat .menu__inner{
	padding: 105px 30px 0;
	display: block;
}
.blogformat .menu-link__list{
	display: flex;
	flex-flow: column;
	gap: 25px;
}
.menu-link__item a{
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	color: #0091D7;
	line-height: 1.45;
	position: relative;
}
.menu-link__item a::before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0091D7;
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}
.menu-link__item a:hover{
	opacity: 1;
	text-decoration: none;
}
.menu-link__item a:hover::before{
	transform-origin: bottom left;
    transform: scaleX(1);
}
.blogformat .contact__list{
	display: none;
}

/*フロートバナー*/
.float__list{
	display: flex;
	flex-flow: column;
	gap: 6px;
	position: fixed;
	top: 125px;
	right: 0;
	z-index: 9;
}

/*mainview*/
.mainview{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-left: 20px;
}
.mainview__img{
	flex: 1;
	order: 2;
	position: relative;
}
.mainview__img__list{
	display: none;
}
.mainview__img__list.is-show{
	display: block;
}
.mainview__img__item{
	display: none;
	height: 715px;
	border-radius: 80px 0 0 0;
	overflow: hidden;
	position: relative;
}
.mainview__img__item.is-select{
	display: block;
}
.mainview__img__item img{
	width: 100%;
	height: 715px;
	object-fit: cover;
	object-position: left;
}
.illumination__select__list{
	position: absolute;
	left: 40px;
	bottom: 40px;
	display: flex;
	flex-flow: column;
	gap: 8px;
}
.illumination__select__item label{
	display: flex;
	align-items: center;
	gap: 16px;
	width: 197px;
	height: 44px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.9);
	padding: 0 15px;
	font-size: 16px;
	font-weight: 500;
	color: #686868;
	cursor: pointer;
}
.illumination__select__item label input{
	appearance: none;
	width: 14px;
	min-width: 14px;
	height: 14px;
	border: none;
	margin: 0;
	padding: 0;
	background: url(/images/blogformat/radio_off.png) no-repeat center / contain;
}
.illumination__select__item label input:checked{
	background-image: url(/images/blogformat/radio_on.png);
}

.step__select{
	order: 1;
	width: 281px;
	min-width: 281px;
	padding-top: 13px;
}
.blog__article .step__option-notes {
	font-size: 12px;
	line-height: 1.5;
}
.step__plan__item, .step__area__item{
	display: none;
}
.step__plan__item.is-select, .step__area__item.is-select{
	display: block;
}
.step__group{
	margin-bottom: 13px;
}
.step__group .step__ttl{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 7px;
}
.step__group .step__ttl .step__head{
	font-size: 14px;
	font-weight: 700;
	color: #0091D7;
	display: inline-block;
	margin-right: 5px;
	vertical-align: 2px;
}
.step__group .step__ttl .step__num{
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #0091D7;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: #fff;
	text-align: center;
	margin-right: 5px;
	vertical-align: 2px;
}
[class*="step__select__list"]{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
[class*="step__select__item"] label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #0091D7;
	color: #0091D7;
	border-radius: 5px;
	min-width: 138px;
	height: 46px;
	background-color: #FFFFFF;
	text-align: center;
}
[class*="step__select__item"] label:hover {
	cursor: pointer;
}
[class*="step__select__item"] label:has(input:checked) {
	background-color: #EAF5FB;
}
[class*="step__select__item"] input {
	display: none;
}
.step__select__item--plan label{
	font-size: 12px;
	font-weight: 500;
	gap: 3px;
}
.step__select__item--plan label span{
	display: inline-block;
	width: 20px;
	font-size: 30px;
	font-weight: 700;
	color: inherit;
	padding-bottom: 5px;
}
.step__select__item--area label{
	justify-content: space-between;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: center right;
	line-height: 1.143;
	text-align: left;
}
.step__select__item--area label img{
	height: 100%;
	object-fit: cover;
}

/*プラン・エリア*/
.section__wrap--area{
	margin-bottom: 87px;
}
.plan__img__list,
.area__img__list{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	min-height: fit-content;
}
.plan__img__list{
	right: 0;
}
.area__img__list{
	left: 0;
}
.plan__img__list.is-show,
.area__img__list.is-show{
	display: block;
}
.plan__img__item,
.area__img__item{
	display: none;
	height: 100%;
}
.plan__img__item.is-select,
.area__img__item.is-select{
	display: block;
}
.plan__img__item{
	padding: 0 5px 5px 0;
	position: relative;
}
.plan__img__item::before{
	content: '';
	width: 1097px;
	height: 100%;
	display: block;
	border-radius: 0 80px 0 0;
	background: #EAF5FB;
	position: absolute;
	top: 0;
	right: 0;
}
.plan__img__item img{
	border-radius: 0 80px 0 0;
	width: 1120px;
	min-width: 1120px;
	height: 100%;
	object-fit: cover;
	position: relative;
}
.area__img__item{
	padding: 0 0 7px 10px;
	position: relative;
}
.area__img__item::before{
	content: '';
	width: 1130px;
	height: 100%;
	display: block;
	border-radius: 80px 0 0 0;
	background: #EAF5FB;
	position: absolute;
	top: 10px;
	right: 0;
}
.area__img__item img{
	border-radius: 80px 0 0 0;
	width: 1120px;
	min-width: 1120px;
    height: 100%;
    object-fit: cover;
	position: relative;
}
.section__wrap--plan .section__inner,
.section__wrap--area .section__inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 48px;
	position: relative;
}
.section__wrap--area .section__inner{
	padding-top: 50px;
}
.section__wrap--plan .section__inner::before{
	content: 'Plan';
	font-family: 'Montserrat';
	font-size: 110px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 1.22;
	color: #EAF5FB;
	position: absolute;
	top: 0;
	right: 130px;
}
.section__wrap--area .section__inner::before{
	content: 'Area';
	font-family: 'Montserrat';
	font-size: 110px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 1.22;
	color: #EAF5FB;
	position: absolute;
	top: 0;
	left: 133px;
}
.plan__img,
.area__img{
	width: 740px;
	min-height: 530px;
	position: relative;
}
.plan__img{
	min-height: 530px;
}
.area__img{
	order: 2;
	min-height: 627px;
}
.plan__txt,
.area__txt{
	width: 360px;
	padding-top: 52px;
	display: flex;
	align-items: center;
	position: relative;
}
.area__txt{
	order: 1;
	width: 370px;
	padding-top: 50px;
}

.plan__txt__item,
.area__txt__item{
	display: none;
}
.plan__txt__item.is-select,
.area__txt__item.is-select{
	display: block;
}

.plan__txt__item .plan__txt__ttl,
.area__txt__item .area__txt__ttl{
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0.06em;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
}
.plan__txt__ttl span,
.area__txt__ttl span{
	display: inline-block;
	padding: 1px 16px;
	border-radius: 5px;
	letter-spacing: 0;
	background: #0091D7;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
}
.plan__txt__item .plan__txt__txt,
.area__txt__item .area__txt__txt{
	font-size: 16px;
	line-height: 2;
}

/*住まいづくりのヒント*/
.tips__list{
	display: flex;
	gap: 60px;
}
.tips__item{
	width: 540px;
	display: flex;
	gap: 30px;
}
.tips__img{
	width: 240px;
    min-height: 281px;
	border-radius: 10px;
	overflow: hidden;
}
.tips__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tips__right{
	width: 270px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
　　gap: 10px;
}
.tips__item .tips__right .tips__ttl{
	font-size: 24px;
	font-weight: 500;
	color: #0091D7;
	line-height: 1.5;
	height: 3em;
	display: flex;
	align-items: center;
	border: none;
	padding: 0;
}
.tips__item .tips__right .tips__txt{
	font-size: 16px;
	line-height: 2;
	height: 10em;
	margin: 0 0 10px 0;
}
.tips__btn a{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 77px;
	background: #005170;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	position: relative;
	z-index: 1;
}
.tips__btn a::after{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 77px;
    border: 1px solid #005170;
    transform-origin: center;
    transform: scale(1);
}
.tips__btn a:hover{
	opacity: 1;
	color: #fff;
	text-decoration: none;
}
.tips__btn a:hover::after{
    transition: all 0.75s ease-in-out;
    transform-origin: center;
    transform: scale(1.2);
    opacity: 0;
}

/*イデアシリーズについて*/
.section__wrap--series{
	margin: 0;
	padding: 77px 0 80px;
	background: #EAF5FB;
}
.series__list{
	display: flex;
	gap: 20px;
}
.series__item{
	width: 560px;
	border-radius: 10px;
	background: #fff;
	padding: 60px 50px;
	display: flex;
	flex-flow: column;
}
[class*="series__img"]{
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #C1C1C1;
	margin-bottom: 20px;
	min-height: fit-content;
}
.series__img--cube img{
	max-width: 289px;
}
.series__img--casa img{
	max-width: 137px;
}
.series__bottom{
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;
	gap: 17px;
	height: 100%;
}
.series__bottom .series__ttl{
	font-size: 24px;
	font-weight: 500;
	color: #0091D7;
	border: none;
	padding: 0;
}
.series__bottom .series__txt{
	font-size: 16px;
	line-height: 2;
	text-align: center;
	margin: 0;
}
.series__btn a{
	width: 280px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 77px;
    background: #005170;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
	position: relative;
	z-index: 1;
}
.series__btn a::after{
	content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 77px;
    border: 1px solid #005170;
    transform-origin: center;
    transform: scale(1);
}
.series__btn a:hover{
	opacity: 1;
	color: #fff;
	text-decoration: none;
}
.series__btn a:hover::after{
	transition: all 0.75s ease-in-out;
    transform-origin: center;
    transform: scale(1.2);
    opacity: 0;
}
.plan__title {
	font-size: 16px;
	font-weight: 700;
	color: #010F17;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}
.plan__title span {
	font-size: 20px;
	font-weight: 700;
	color: #0091DF;
}
.plan__title::before,
.plan__title::after {
	content: '';
	background: url(/images/blogformat/img_plan-deco.svg) no-repeat center / cover;
	display: block;
	width: 20px;
	height: 25px;
	position: absolute;
	top: 3px;
	left: 2px;
}
.plan__title::after {
	left: unset;
	right: 2px;
	transform: scale(-1, 1);
}

.plan__tab-list {
	display: flex;
	gap: 0 3px;
}
.plan__tab-item label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 68px;
	height: 40px;
	border-radius: 5px 5px 0 0;
	background: #CECECE;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.plan__tab-item label:has(input:checked) {
	background: #FFF;
	border: 1px solid #0091DF;
	border-bottom: none;
	color: #0091DF;
}
.plan__tab-item label:has(input:checked)::before {
	content: '';
	background: #FFF;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
}
.plan__tab-item label input {
	display: none;
}

.plan__wrap {
	display: none;
}
.plan__wrap.is-select {
	display: block;
}
.plan__contents {
	padding: 12px 19px 19px;
	background: #FFF;
	border: 1px solid #0091DF;
	border-radius: 0 0 5px 5px;
}
	.plan__contents .plan__catch {
		font-size: 14px;
		font-weight: 700;
		color: #0091DF;
		line-height: 1.46;
		margin-bottom: 8px;
	}
	.plan__group--option {
		margin-top: 8px;
	}
		.plan__group-ttl {
			display: flex;
			align-items: center;
			gap: 0 10px;
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 5px;
			white-space: nowrap;
		}
			.plan__group-ttl::after {
				content: '';
				background: #C0C0C0;
				width: 100%;
				height: 1px;
			}
		.plan__area-list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 4px 5px;
		}
			.plan__area-list [class*="plan__area--"] {
				display: flex;
				flex-direction: column;
				gap: 2px;
				font-size: 14px;
				font-weight: 700;
				color: #686868;
				text-align: center;
				cursor: pointer;
				position: relative;
			}
			[class*="plan__area--"]:has(input:checked) {
				color: #0091DF;
			}
				[class*="plan__area--"] img {
					border-radius: 5px;
				}
				[class*="plan__area--"] input {
					display: none;
				}
				[class*="plan__area--"]:has(input:checked)::before {
					content: '';
					display: block;
					width: 118px;
					height: 50px;
					border-radius: 5px;
					border: 1px solid #0091DF;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
				}
		
.plan__option-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 5px;
}
	[class*="plan__option-item"] {
		position: relative;
	}
	[class*="plan__option-item"] .paid-label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 19px;
		background: url(/images/blogformat/img_paid-label.webp) no-repeat center / cover;
		font-size: 12px;
		font-weight: 700;
		color: #FFF;
		position: absolute;
		top: 5px;
		left: -16px;
		transform: rotate(-45deg);
		pointer-events: none;
	}
	[class*="plan__option-item"] label {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.22;
		border: 1px solid #0091D7;
		color: #0091D7;
		border-radius: 5px;
		height: 55px;
		background-color: #FFF;
		text-align: center;
		padding-left: 4px;
		cursor: pointer;
	}
	[class*="plan__option-item"].paid-item label {
		color: #D0A935;
		border: 1px solid #D0A935;	
	}
	[class*="plan__option-item"] label:has(input:checked) {
		background: #E9F4FB;
	}
	[class*="plan__option-item"].paid-item label:has(input:checked) {
		background: #FDFCF6;
	}
		[class*="plan__option-item"] label input {
			display: none;
		}
.step__select .plan__option-notes {
	font-size: 12px;
	font-weight: 500;
	color: #686868;
	line-height: 1.44;
	margin-top: 10px;
}
	.step__select .plan__option-notes span {
		font-size: 12px;
		font-weight: 500;
		color: #D0A935;
	}
.mainview__img__item.img_contain img {
    object-fit: contain;
    object-position: center;
}

@media screen and (max-width: 767px) {
	.blogformat .header__cube{
		width: 7.2vw;
		position: unset;
	}
	.blogformat .float__list{
		width: 100%;
		flex-flow: unset;
		gap: 1.333vw;
		top: unset;
		bottom: 0;
		right: unset;
		left: 0;
	}
	.blogformat .float__list [class*="float__item"]{
		width: 49.6vw;
		height: 13.867vw;
		border: none;
	}
	.blogformat .float__list [class*="float__item"] img{
		display: none;
	}
	.blogformat .float__list [class*="float__item"] a{
		display: block;
		width: 100%;
		height: 100%;
		border: none;
		background-color: transparent;
		background-size: contain;
		background-repeat: no-repeat;
		padding: 0;
	}
	.float__item--01 a{
		background-image: url(/images/blogformat/float_img01_sp.png);
	}
	.float__item--02 a{
		background-image: url(/images/blogformat/float_img02_sp.png);
	}
	.maincontents{
		padding-top: 13.333vw;
	}
	
	/*共通*/
	[class*="section__wrap"]{
		margin-block: 10.667vw;
	}
	.section__inner{
		width: 100%;
		padding: 0 5.333vw;
	}
	[class*="section__wrap"] [class*="section__ttl"]{
		font-size: 7.467vw;
		font-weight: 700;
		line-height: 1.6;
		letter-spacing: 0.05em;
		text-align: center;
		margin-bottom: 4.533vw;
	}
	[class*="section__wrap"] [class*="section__ttl"] span{
		display: block;
		font-family: 'Montserrat';
		font-size: 3.733vw;
		font-weight: 600;
		letter-spacing: 0.06em;
		color: #0091D7;
		margin-bottom: 0;
	}

	/*ヘッダー*/
	.blogformat .org-header{
		height: 13.333vw;
	}
	.blogformat .header__inner{
		height: 13.333vw;
		padding: 0 2.667vw;
	}
	.blogformat .header__logo{
		display: block;
		width: 26.667vw;
		height: auto;
		max-width: unset;
		min-height: unset;
	}
	.blogformat .header__logo img{
		max-height: unset;
		width: 100%;
	}
	.header__court{
		width: 32vw;
	}
	.header__court img{
		width: 100%;
	}
	.blogformat .header__menu{
		width: 8vw;
		height: 8vw;
		background: none;
	}
	.blogformat .header__menu img{
		width: 100%;
	}
	.blogformat .header__left{
		display: flex;
		align-items: center;
		gap: 4vw;
	}
	.blogformat .header__court{
		position: unset;
		width: 32vw;
	}

	/*ヘッダーメニュー*/
	.blogformat .org-menu{
		width: 100%;
		height: 100dvh;
		overflow-y: scroll;
	}
	.blogformat .menu__header{
		height: 13.333vw;
		justify-content: space-between;
		padding: 0 2.667vw;
	}
	.blogformat .menu__header .header__logo{
		display: block;
	}
	.blogformat .menu__close{
		width: 8vw;
		height: 8vw;
		background: none;
	}
	.blogformat .menu__inner{
		background-color: transparent;
	    padding: 8vw 5.333vw 13.333vw;
	}
	.blogformat .menu-link__list{
		display: block;
	    margin-bottom: 10.667vw;
	}
	.blogformat .menu-link__item{
		border-bottom: 1px solid #E6E6E6;
	}
	.blogformat .menu-link__item.sp__none{
		display: none;
	}
	.blogformat .menu-link__item a{
		display: flex;
		align-items: center;
		width: 100%;
		height: 16vw;
		font-size: 3.733vw;
		font-weight: 500;
		color: #010F17;
	}
	.menu-link__item a::before{
		display: none;
	}
	.blogformat .contact__list{
		display: flex;
		flex-flow: column;
	    gap: 2.667vw;
	}
	.blogformat [class^="contact__btn"]{
		width: 100%;
		height: 14.667vw;
		border-radius: 40px;
		border: 1px solid #005170;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #005170;
		font-size: 4.533vw;
		font-weight: 500;
		color: #fff;
		padding-left: 0.8vw;
		position: relative;
		z-index: 1;
	}
	.blogformat [class^="contact__btn"]::before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 6.4vw;
		margin: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.blogformat .contact__btn--tel{
		background: #fff;
		font-size: 6.667vw;
		font-weight: 700;
		color: #005170;
	}
	.blogformat .contact__btn--tel::before{
		width: 5.333vw;
		height: 6.667vw;
		background-image: url(/images/mobile/contact_tel.png);
		left: 7.2vw;
	}
	.blogformat .contact__btn--contact::before{
		width: 6.933vw;
		height: 5.067vw;
		background-image: url(/images/mobile/contact_mail.png);
	}
	.blogformat .contact__btn--reservation::before{
		width: 6.133vw;
		height: 6.133vw;
		background-image: url(/images/mobile/contact_calendar.png);
		left: 6.667vw;
	}
	.blogformat .contact__btn--line{
		background: #04C854;
		border-color: #04C854;
	}
	.blogformat .contact__btn--line::before{
		width: 6.667vw;
		height: 6.667vw;
		background-image: url(/images/mobile/contact_line.png);
	}

	/*mainview*/
	.mainview{
		display: block;
		padding: 0;
	}
	.mainview__img__item{
		width: 100%;
		height: 64vw;
		border-radius: 30px 0 0 30px;
	}
	.mainview__img__item img{
		height: 64vw;
		object-position: unset;
	}
	.illumination__select__list{
		position: unset;
		flex-flow: unset;
		justify-content: center;
		gap: 1.333vw;
		margin-top: 2.667vw;
	}
	.illumination__select__item label{
		width: 37.333vw;
		height: 8vw;
		border: 1px solid #BBBBBB;
		font-size: 3.2vw;
		padding: 0 0 0 3.733vw;
		gap: 1.067vw;
	}
	.illumination__select__item label input{
		width: 3.2vw;
		min-width: 3.2vw;
		height: 3.2vw;
	}
	.step__select{
		width: 100%;
		padding: 1.867vw 5.333vw 0;
	}
	.step__option-notes {
		font-size: 3.2vw;
	}
	.step__group{
		margin-bottom: 4vw;
	}
	.step__group .step__ttl{
		font-size: 4.8vw;
		margin-bottom: 1.333vw;
	}
	.step__group .step__ttl .step__head{
		font-size: 3.2vw;
		margin-right: 1.333vw;
		vertical-align: 0.533vw;
	}
	.step__group .step__ttl .step__num{
		width: 6.933vw;
	    height: 6.933vw;
		font-size: 3.733vw;
		line-height: 1.8;
		margin-right: 1.333vw;
		vertical-align: 0.8vw;
	}
	.step__select__list--plan{
		gap: 1.067vw;
	}
    [class*="step__select__list"]{
        gap: 1.333vw;
    }
	[class*="step__select__item"] label{
		min-width: 44vw;
		height: 10.667vw;
		font-size: 3.733vw;
	}
    [class*="step__select__item"] label:hover {
        cursor: unset;
    }
	.step__select__item--plan label{
		font-size: 3.2vw;
	}
	.step__select__item--plan label span{
		font-size: 6.933vw;
	}
	.section__wrap--plan{
		margin-bottom: 9.067vw;
	}
	.section__wrap--area{
		margin-top: 9.067vw;
		margin-bottom: 8.533vw;
	}
	.section__wrap--plan .section__inner, 
	.section__wrap--area .section__inner{
		display: block;
	}
	.plan__img__list,
	.area__img__list{
		top: 0;
		bottom: unset;
		height: 100%;
		min-height: fit-content;
	}
	.plan__img__list{
		right: unset;
	}
	.area__img__list{
		left: unset;
	}
	.plan__img__item,
	.area__img__item{
		height: 100%;
	}
	.plan__img__item{
		padding: 0 2.667vw 2.667vw 0;
		position: relative;
	}
	.plan__img__item::before{
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 0 80px 0 0;
		background: #EAF5FB;
		position: absolute;
		top: 0;
		right: 0;
	}
	.plan__img__item img{
		border-radius: 0 80px 0 0;
		width: 93.867vw;
		min-width: 93.867vw;
		height: 43.467vw;
		object-fit: cover;
		position: relative;
	}
	.area__img__item{
		padding: 0 0 1.867vw 2.667vw;
		position: relative;
	}
	.area__img__item::before{
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 80px 0 0 0;
		background: #EAF5FB;
		position: absolute;
		top: 2.667vw;
		right: 0;
	}
	.area__img__item img{
		border-radius: 80px 0 0 0;
		width: 100%;
		min-width: 100%;
		height: 51.733vw;
		object-fit: cover;
		position: relative;
	}
	.section__wrap--plan .section__inner,
	.section__wrap--area .section__inner{
		display: block;
		padding: 0;
		position: relative;
	}
	.section__wrap--plan .section__inner::before{
		content: 'Plan';
		font-family: 'Montserrat';
		font-size: 26.667vw;
		font-weight: 500;
		letter-spacing: 0.12em;
		line-height: 1.22;
		color: #EAF5FB;
		position: absolute;
		top: 39.2vw;
		right: unset;
		left: 2.133vw;
	}
	.section__wrap--area .section__inner::before{
		content: 'Area';
		font-family: 'Montserrat';
		font-size: 26.667vw;
		font-weight: 500;
		letter-spacing: 0.12em;
		line-height: 1.22;
		color: #EAF5FB;
		position: absolute;
		top: 46.133vw;
		left: unset;
		right: 0;
	}
	.plan__img,
	.area__img{
		width: 95.467vw;
		min-height: 44.8vw;
		position: relative;
	}
	.plan__img{
		min-height: 44.8vw;
		height: 44.8vw;
	}
	.area__img{
		min-height: 51.733vw;
		height: 51.733vw;
		margin-left: auto;
	}
	.plan__txt,
	.area__txt{
		width: 89.333vw;
		margin: 0 auto;
		padding-top: 26.667vw;
		display: flex;
		align-items: center;
		position: relative;
	}

	.plan__txt__item,
	.area__txt__item{
		display: none;
	}
	.plan__txt__item.is-select,
	.area__txt__item.is-select{
		display: block;
	}

	.plan__txt__item .plan__txt__ttl,
	.area__txt__item .area__txt__ttl{
		font-size: 7.467vw;
		font-weight: 500;
		letter-spacing: 0.06em;
		display: flex;
		align-items: center;
		gap: 1.333vw;
		margin-bottom: 1.867vw;
	}
	.plan__txt__ttl span,
	.area__txt__ttl span{
		display: inline-block;
		padding: 0.267vw 4.267vw;
		border-radius: 5px;
		letter-spacing: 0;
		background: #0091D7;
		font-size: 7.467vw;
		font-weight: 500;
		color: #fff;
	}
	.plan__txt__item .plan__txt__txt,
	.area__txt__item .area__txt__txt{
		font-size: 3.733vw;
		line-height: 2.14;
	}
	/*住まいづくりのヒント*/
	.section__wrap--tips{
		margin-top: 8.533vw;
	}
	.tips__list{
		display: flex;
		flex-flow: column;
		gap: 8vw;
	}
	.tips__item{
		width: 100%;
		display: flex;
		flex-flow: column;
		gap: 2.667vw;
	}
	.tips__img{
		width: 100%;
		height: 60.267vw;
		border-radius: 10px;
		overflow: hidden;
	}
	.tips__img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.tips__right{
		width: 100%;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	.tips__item .tips__right .tips__ttl{
		font-size: 5.867vw;
		font-weight: 500;
		color: #0091D7;
		line-height: 1.545;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border: none;
		padding: 0;
		margin-bottom: 1.067vw;
	}
	.tips__item .tips__right .tips__txt{
		font-size: 3.733vw;
		line-height: 2.14;
		height: auto;
		margin: 0 0 4vw;
		text-align: left;
	}
	.tips__btn a{
		width: 72vw;
		height: 13.333vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 77px;
		background: #005170;
		margin: 0 auto;
		font-size: 4.267vw;
		font-weight: 500;
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.tips__btn a::after{
		display: none;
	}
	.tips__btn a:hover{
		opacity: 1;
		color: #fff;
		text-decoration: none;
	}
	/*イデアシリーズについて*/
	.section__wrap--series{
		margin: 0;
		padding: 9.867vw 0 10.667vw;
		background: #EAF5FB;
	}
	.series__list{
		display: flex;
		flex-flow: column;
		gap: 5.333vw;
	}
	.series__item{
		width: 100%;
		border-radius: 10px;
		background: #fff;
		padding: 8vw 4vw;
		display: flex;
		flex-flow: column;
		align-items: center;
	}
	[class*="series__img"]{
		text-align: center;
		padding-bottom: 6.667vw;
		border-bottom: 1px solid #C1C1C1;
		margin-bottom: 2.667vw;
		width: 78.667vw;
		min-height: fit-content;
	}
	.series__img--cube img{
		max-width: 100%;
	}
	.series__img--casa img{
		max-width: 33.6vw;
	}
	.series__bottom{
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		gap: 0;
		height: auto;
	}
	.series__bottom .series__ttl{
		font-size: 5.867vw;
		font-weight: 500;
		color: #0091D7;
		line-height: 1.63;
		text-align: center;
		border: none;
		padding: 0;
		margin: 0 0 0.8vw;
	}
	.series__bottom .series__txt{
		width: 78.667vw;
		font-size: 3.733vw;
		line-height: 2.14;
		text-align: left;
		margin: 0 auto 4vw;
	}
	.series__btn a{
		width: 74.667vw;
		height: 14.667vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 77px;
		background: #005170;
		font-size: 4.267vw;
		font-weight: 500;
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.series__btn a::after{
		display: none;
	}
	.series__btn a:hover{
		opacity: 1;
		color: #fff;
		text-decoration: none;
	}

	.plan__title {
		width: fit-content;
		margin: 0 auto 2.133vw;
		font-size: 3.733vw;
	}
		.plan__title span {
			font-size: 5.333vw;
		}
		.plan__title::before,
		.plan__title::after {
			top: 1.067vw;
		}
		.plan__title::before {
			left: -7.733vw;
		}
		.plan__title::after {
			right: -7.467vw;
		}
	.plan__tab-list {
		justify-content: space-between;
		gap: 0;
	}
		.plan__tab-item label {
			width: 21.6vw;
			height: 10.667vw;
			font-size: 3.2vw;
		}
	.plan__contents {
		padding: 3.2vw 5.067vw 4.533vw;
	}
		.plan__contents .plan__catch {
			font-size: 3.2vw;
			margin-bottom: 2.933vw;
		}
		.plan__group-ttl {
			gap: 2.667vw;
			font-size: 3.733vw;
			margin-bottom: 1.067vw;
		}
		.plan__area-list {
			grid-template-columns: 1fr 1fr 1fr;
			gap: 1.333vw 1.333vw;
		}
		.plan__area-list [class*="plan__area--"] {
			gap: 0.533vw;
			font-size: 3.2vw;
		}
		[class*="plan__area--"]:has(input:checked)::before {
			width: 25.333vw;
			height: 10.133vw;
		}
		[class*="plan__area--"] img {
			width: 25.333vw;
			height: 10.133vw;
		}
		.plan__group--option {
			margin-top: 2.667vw;
		} 
		[class*="plan__option-item"] label {
			width: 38.667vw;
			height: 10.667vw;
			font-size: 3.2vw;
		}
		[class*="plan__option-item"] .paid-label {
			background: url(/images/blogformat/m_img_paid-label.webp) no-repeat center / cover;
			top: 1.067vw;
			left: -3.733vw;
			width: 13.867vw;
			height: 4.533vw;
			font-size: 3.2vw;
		}
		.step__select .plan__option-notes {
			font-size: 3.2vw;
			margin-top: 1.867vw;
		}

}

/*mainviewエリア別表示制御*/
.mainview__area-set {
	display: none;
}
.mainview__area-set.is-show {
	display: block;
}
</style>

<style>
  .plan__notes {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 15px;
    background: rgba(0, 0, 0, .7);
  }
  .plan__notes-text {
    text-align: right;
    color: #FFF;
  }
  .next-article {
		display: none;
	}
@media screen and (max-width: 767px) {

    .plan__notes {
        padding: 1.0vw 2.667vw;
    }
    .plan__notes-text {
        font-size: 2.5vw;
    }
}
</style>]]></description>
            <pubDate>2025-09-17</pubDate>
        </item>
                
        <item>
            <title>イデアキューブ</title>
            <link>https://www.ideahaus-fudousan.com/blog/entry-676181/</link>
            <description><![CDATA[<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Zen+Maru+Gothic&display=swap" rel="stylesheet">
<main class="blogformat">
    <header class="org-header">
        <div class="header__inner">
            <div class="header__left">
                <a class="header__logo" href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">
                    <img src="https://hp-asp-lab5.s3.ap-northeast-1.amazonaws.com/ideahaus-fudousan.com/logo/logo.png?t=1747203547" alt="｜福岡市・北九州市・熊本市で不動産の売買をご検討中ならイデアハウス不動産株式会社">
                </a>
                <h1 class="header__cube"><img src="/images/blogformat/header_cube_logo.png" alt="イデアキューブ"></h1>
            </div>
            <div class="header__right">
                <button class="header__menu js-blog-menu">
                    <img src="/images/mobile/menu_btn.png" alt="メニュー">
                </button>
            </div>
        </div>
    </header>
    <div class="org-menu js-blog-menu-contents">
        <header class="menu__header">
            <a class="header__logo" href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">
                <img src="https://hp-asp-lab5.s3.ap-northeast-1.amazonaws.com/ideahaus-fudousan.com/logo/logo.png?t=1747203547" alt="｜福岡市・北九州市・熊本市で不動産の売買をご検討中ならイデアハウス不動産株式会社">
            </a>
            <button class="menu__close js-blog-menu-close">
                <img src="/images/mobile/menu_close.png" alt="×">
            </button>
        </header>
        <div class="menu__inner">
            <ul class="menu-link__list">
                <li class="menu-link__item"><a href="/">ホーム</a></li>
                <li class="menu-link__item"><a href="/blog/entry-676181/">イデアキューブ</a></li>
                <li class="menu-link__item"><a href="/blog/entry-775253/">イデアコート</a></li>
                <li class="menu-link__item"><a href="/blog/entry-676184/">イデアカーサ</a></li>
                <li class="menu-link__item sp__none"><a href="/estimate/" target="_blank" rel="nofollow">お問い合わせ</a></li>
             
                <li class="menu-link__item sp__none"><a href="/lineme/s.lmes.jp/landing-qr/1661054299-n6wybMMy?uLand=F5evt9&id=79039" target="_blank" rel="nofollow">LINE</a></li>
                <li class="menu-link__item"><a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">イデアハウス不動産<br class="pc__br">サイト</a></li>
            </ul>
            <ul class="contact__list">
                <li class="contact__item">
                    <a href="tel:0120-983-103" class="contact__btn--tel">0120-983-103</a>
                </li>
                <li class="contact__item">
                    <a href="/estimate/" target="_blank" rel="nofollow" class="contact__btn--contact">お問い合わせ</a>
                </li>
               
                <li class="contact__item">
                    <a href="/lineme/s.lmes.jp/landing-qr/1661054299-n6wybMMy?uLand=F5evt9&id=79039" target="_blank" rel="nofollow" class="contact__btn--line">公式LINE</a>
                </li>
            </ul>
        </div>
    </div>
    <ul class="float__list">
        <li class="float__item--01">
            <a href="/estimate/" target="_blank"><img src="/images/blogformat/float_img01.png" alt="オプションのご相談"></a>
        </li>
        <li class="float__item--02">
            <a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow"><img src="/images/blogformat/float_img02.png" alt="物件サイトを見る"></a>
        </li>
    </ul>
    
    <div class="maincontents">
        <div class="mainview">
            <div class="mainview__img">
				<ul class="step__plan__list">
					<li class="step__plan__item js-plan-contents is-select" data-plan="01">
						<ul class="mainview__img__list js-illumination-contents is-show" data-show="daytime">
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションを何も選択していない
							・「日中の照明の様子」が選択されている
							-->
							<!-- リビング未選択時 -->
							<li class="mainview__img__item js-step-option-img is-select" data-option="00" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1TuZ9JAG_EYN938DPdqeDP1vCvg4HtoZt" alt="リビング未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「アクセントクロス①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="01" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1pl3g-EN6Fhn2GJeRgjQMYm4LLx9U0NcS" alt="日中の照明の様子、STEP01：スカンディア、STEP3：アクセントクロス①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「アクセントクロス②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="02" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1I8uzm5W1DO5gODc8QLE1ZMDQFlv5lQcg" alt="日中の照明の様子、STEP01：スカンディア、STEP3：アクセントクロス②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「家具プラン①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="03" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1Q8V5bjkC4y9PxsE1DZuivTh1Cg1tLrRR" alt="日中の照明の様子、STEP01：スカンディア、STEP3：家具プラン①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「家具プラン②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="04" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1O_oFNcj5SdO38URK9Xtjq_JtJQVbz7Td" alt="日中の照明の様子、STEP01：スカンディア、STEP3：家具プラン②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							
							<!-- キッチン未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1aUSk7-96Yhk2UDoL1zgyfVSqeetaMrwu" alt="キッチン未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「天板色変更」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="05" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1oyR6U4uzJEBb_L8FZOfLT7W9Spkhnbd_" alt="日中の照明の様子、STEP01：スカンディア、STEP2：キッチン、STEP3：天板色変更">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「カウンター造設」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="06" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1nlLd8z3NogG9q5_KJ1HqrZ_OGtZp3Q-P" alt="日中の照明の様子、STEP01：スカンディア、STEP2：キッチン、STEP3：カウンター造設">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「キッチン」を選択
							・STEP3で「カウンター造設」を一度選択したあと、もう一度クリックして解除したときのみ（任意の画像に差し替え可能）
							-->
							<li class="mainview__img__item js-step-option-img js-counter-deselect-img" data-option="06-deselect" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1Chml6HCz2mrrLd6aVXGwPD5tkh6ZairG" alt="キッチン、カウンター造設解除時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「キッチン」を選択
							・STEP3のオプションで「選べる取っ手」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="07" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1pDBaMg_q9AsUCFMYWhuyZVbovJwEfQAZ" alt="日中の照明の様子、STEP01：スカンディア、STEP2：キッチン、STEP3：選べる取っ手">
							</li>

							<!-- エクステリア未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1E_mPtIZQf1PaJxkcfZAVEykLmTC46XaW" alt="エクステリア未選択時">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「カーポート」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="08" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1Y0qFAdp_80ZRAZNAuZS6O8-WzWmu5wG5" alt="日中の照明の様子、STEP01：スカンディア、STEP2：エクステリア、STEP3：カーポート">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「植栽」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="09" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/17es3vhqeC99Ef1bXVD3S-2WyyzAepyyV" alt="日中の照明の様子、STEP01：スカンディア、STEP2：エクステリア、STEP3：植栽">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「ポスト」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="10" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1-iSMSwVe-ue08iJY2lJrl6Y3Gy6_YiuQ" alt="日中の照明の様子、STEP01：スカンディア、STEP2：エクステリア、STEP3：ポスト">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「エクステリア」を選択
							・STEP3のオプションで「庭」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="11" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1ZPIS8oPZcsgUmI9vrHar3wZGw0od2GM_" alt="日中の照明の様子、STEP01：スカンディア、STEP2：エクステリア、STEP3：庭">
							</li>
							
							<!-- 浴室未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/19mVr9Bw8Ykps9bCuwiGRM7Ye3NhOnUuc" alt="浴室未選択時">
							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「アクセントパネル①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="12" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1qaslBdEwJBoIUBSTTFlDacHzgJoQUAmM" alt="日中の照明の様子、STEP01：スカンディア、STEP2：浴室、STEP3：アクセントパネル①">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「アクセントパネル②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="13" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/14vEsCPwf2jq6smHB-lkHoNwdToZgr4UC" alt="日中の照明の様子、STEP01：スカンディア、STEP2：浴室、STEP3：アクセントパネル②">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「アクセントパネル③」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="14" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1zPPi39VqNCwJfMXvXUQpY6xI6KbVMiz6" alt="日中の照明の様子、STEP01：スカンディア、STEP2：浴室、STEP3：アクセントパネル③">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「浴室」を選択
							・STEP3のオプションで「鏡向き変更」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="15" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1zGFQ_8Ff-zIJdSrvrVj79w5V47CH7tsa" alt="日中の照明の様子、STEP01：スカンディア、STEP2：浴室、STEP3：鏡向き変更">
							</li>

							<!-- フリースペース未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1mcg6hv1bZTFMFacujr9iT9XTkAaBUlP0" alt="フリースペース未選択時">
							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「フリースペース」を選択
							・STEP3のオプションで「書斎プラン①」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="16" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/19mSsOr1kVCpqaVnUzcShUPpaFV_tbE3D" alt="日中の照明の様子、STEP01：スカンディア、STEP2：フリースペース、STEP3：書斎プラン①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「フリースペース」を選択
							・STEP3のオプションで「書斎プラン②」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="17" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1xRU0tBn0GZI7W-Uapf56CJdc7DmaTP-l" alt="日中の照明の様子、STEP01：スカンディア、STEP2：フリースペース、STEP3：書斎プラン②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「フリースペース」を選択
							・STEP3のオプションで「ワードローブ造作」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="18" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1dfCo2hchwrahAPI05tCn-glYTlpnyZ8x" alt="日中の照明の様子、STEP01：スカンディア、STEP2：フリースペース、STEP3：ワードローブ造作">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「フリースペース」を選択
							・STEP3のオプションで「扉造設」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="19" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1uh8Q7bVK01_ldXwu9KM3VbIOT5CNBGcs" alt="日中の照明の様子、STEP01：スカンディア、STEP2：フリースペース、STEP3：扉造設">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							
							<!-- ロジア未選択時 -->
							<li class="mainview__img__item js-step-option-img" data-option="00" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1HQUnJEyXO4MKMa_d_A3FrugTEflYxPof" alt="ロジア未選択時">
							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「ロジア」を選択
							・STEP3のオプションで「BBQ」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="20" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1tkMyi-DoSxjtpWO0q9PxGcDzubpyj73I" alt="日中の照明の様子、STEP01：スカンディア、STEP2：ロジア、STEP3：BBQ">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「ロジア」を選択
							・STEP3のオプションで「ガーデニング」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="21" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1B1kTsSOd-B8fnniSSz1zM5c8Pb4t-RiX" alt="日中の照明の様子、STEP01：スカンディア、STEP2：ロジア、STEP3：ガーデニング">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「ロジア」を選択
							・STEP3のオプションで「プール」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="22" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/11NbAgYt-bZ9AJku2pQrU6h14npPs5yjj" alt="日中の照明の様子、STEP01：スカンディア、STEP2：ロジア、STEP3：プール">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「ロジア」を選択
							・STEP3のオプションで「アウトドアインテリア」を選択
							・「日中の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="23" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1JePLO4uFXfBE0XGRJozIdwlu7708c1jl" alt="日中の照明の様子、STEP01：スカンディア、STEP2：ロジア、STEP3：アウトドアインテリア">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>

							</li>
						</ul>
						<ul class="mainview__img__list js-illumination-contents" data-show="nighttime">
							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションを何も選択していない
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img is-select" data-option="00" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1jpf3iXFeCPfvE11-5lkQlQjqbMxbi0O8" alt="夜間の照明の様子、STEP01：スカンディア、STEP3：オプション選択無し">
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「アクセントクロス①」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="01" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1af6FivE_tZw8EpftijHFEVYQBs7bp2nU" alt="夜間の照明の様子、STEP01：スカンディア、STEP3：アクセントクロス①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「アクセントクロス②」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="02" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1rUazzX85KwNcrtuhkgcLt8NH_VHL5QBr" alt="夜間の照明の様子、STEP01：スカンディア、STEP3：アクセントクロス②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「家具プラン①」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="03" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1mx_-59WkJQTcWiBbZxskmHqtSBk9QcKS" alt="夜間の照明の様子、STEP01：スカンディア、STEP3：家具プラン①">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>

							<!-- 
							【この画像が表示される条件】
							・STEP1で「スカンディア」を選択
							・STEP2で「リビング」を選択
							・STEP3のオプションで「家具プラン②」を選択
							・「夜間の照明の様子」が選択されている
							-->
							<li class="mainview__img__item js-step-option-img" data-option="04" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1NVUE7aREUjzocTA92cQ6nYD5QmAnjHXi" alt="夜間の照明の様子、STEP01：スカンディア、STEP3：家具プラン②">
<div class="plan__notes">
    <p class="plan__notes-text">※家具及び小物類に関してはイメージとなります。</p>
  </div>
							</li>
						</ul>
					</li>
					<!-- STEP1でアンティコを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="02">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1731TzxYgTqvfjtRcMaEkP7U2Uaa6p-ye" alt="STEP1：アンティコ、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1aM1mVlifV_iKgD4RS6YU-kbF7l56rEPs" alt="STEP1：アンティコ、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1wRCIK-t6BhEyfR44U4usmnB2bnpkIEmb" alt="STEP1：アンティコ、STEP2：エクステリア">
							</li>
							<!-- STEP2で浴室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1Bra56-X9MqhzPnNLDgCgIfbW9oSaAARd" alt="STEP1：アンティコ、STEP2：浴室">
							</li>
							<!-- STEP2でフリースペースを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1JVoTbveb_UBKt-sdE-_kVApNSyZ99LGO" alt="STEP1：アンティコ、STEP2：フリースペース">
							</li>
							<!-- STEP2でロジアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img02" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1y62UBy-YbAIFUTgc65Jth33ZSHCimrEc" alt="STEP1：アンティコ、STEP2：ロジア">
							</li>
						</ul>
					</li>
					<!-- STEP1でナチュラルモダンを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="03">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1Zo4n_aoGByDek1HRZOAB-N6k3QryaGRT" alt="STEP1：ナチュラルモダン、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1FyWxZIbz02KqdLGZXFQwZCT58zWF0FG6" alt="STEP1：ナチュラルモダン、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1mbhjBXEiGp0fOWJPCron8Yq5qXhp335Y" alt="STEP1：ナチュラルモダン、STEP2：エクステリア">
							</li>
							<!-- STEP2で浴室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1VDJR1wR2erIC7U6S_qhSHhELLt6I2dhC" alt="STEP1：ナチュラルモダン、STEP2：浴室">
							</li>
							<!-- STEP2でフリースペースを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1fY0dcG16WfIy3t5AEFizWcUCWQ7OFOtE" alt="STEP1：ナチュラルモダン、STEP2：フリースペース">
							</li>
							<!-- STEP2でロジアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img03" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1ggI2w1LmrcIyOBKXJH6v8f_KAdLT954p" alt="STEP1：ナチュラルモダン、STEP2：ロジア">
							</li>
						</ul>
					</li>
					<!-- STEP1でジャパンディを選んだら表示 -->
					<li class="step__plan__item js-plan-contents" data-plan="04">
						<ul class="mainview__img__list is-show">
							<!-- STEP2でリビングを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04 is-select" data-area="01">
								<img src="https://lh3.googleusercontent.com/d/1mOVMC6fL_MoVyPDabMce8olRrIGwnvSs" alt="STEP1：ジャパンディ、STEP2：リビング">
							</li>
							<!-- STEP2でキッチンを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="02">
								<img src="https://lh3.googleusercontent.com/d/1t1H8MgyxJa2jIO37_pJKX8h7F9CHK2_z" alt="STEP1：ジャパンディ、STEP2：キッチン">
							</li>
							<!-- STEP2でエクステリアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="03">
								<img src="https://lh3.googleusercontent.com/d/1R3tnq86MM_aNLlzeEMRSDFhXI0fAPscv" alt="STEP1：ジャパンディ、STEP2：エクステリア">
							</li>
							<!-- STEP2で浴室を選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="04">
								<img src="https://lh3.googleusercontent.com/d/1blHBDh5Ejj-2iPv0vhh6IbZPmBM7hh8g" alt="STEP1：ジャパンディ、STEP2：浴室">
							</li>
							<!-- STEP2でフリースペースを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="05">
								<img src="https://lh3.googleusercontent.com/d/1yTdx1-ycSdccP7XViwBUwRlgKkjVk4j0" alt="STEP1：ジャパンディ、STEP2：フリースペース">
							</li>
							<!-- STEP2でロジアを選んだら表示 -->
							<li class="mainview__img__item js-step-area-img04" data-area="06">
								<img src="https://lh3.googleusercontent.com/d/1aBFMr1Qpb8n02ZrYFCBy1wF2lEYofwoW" alt="STEP1：ジャパンディ、STEP2：ロジア">
							</li>
						</ul>
					</li>
				</ul>
				<!-- 照明の選択はSTEP1：スカンディア、STEP2：リビングの場合に表示 -->
				<ul class="step__plan__list">
					<li class="step__plan__item js-plan-contents is-select" data-plan="01">
						<div class="step__area__item js-area-contents01 is-select" data-area="01">
							<ul class="illumination__select__list">
								<li class="illumination__select__item">
									<label>
										<input type="radio" name="illumination" class="js-illumination-tab" data-show="daytime" checked="">日中の照明の様子
									</label>
								</li>
								<li class="illumination__select__item">
									<label>
										<input type="radio" name="illumination" class="js-illumination-tab" data-show="nighttime">夜間の照明の様子
									</label>
								</li>
							</ul>
						</div>
					</li>
				</ul>
            </div>
			<div class="step__select">
				<p class="plan__title">気になる<span>プラン</span>を試してみる</p>
				<ul class="plan__tab-list">
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="01" checked="">スカン<br class="pc__br">ディア
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="02">アンティコ
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="03">ナチュラル<br>モダン
						</label>
					</li>
					<li class="plan__tab-item">
						<label>
							<input type="radio" name="step-plan" class="js-plan-tab" data-plan="04">ジャパン<br class="pc__br">ディ
						</label>
					</li>
				</ul>
				<div class="plan__wrap js-plan-contents is-select" data-plan="01">
					<div class="plan__contents">
						<p class="plan__catch">やさしい北欧のぬくもりに、ちょっとの可愛さを添えた住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacube/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacube/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacube/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacube/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--freespace">
										<img src="/images/blogformat/ideacube/select__area--freespace.webp" alt="フリースペース">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="05">フリースペース
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--loggia">
										<img src="/images/blogformat/ideacube/select__area--loggia.webp" alt="ロジア">
										<input type="radio" name="step-area01" class="js-area-tab01" data-area="06">ロジア
									</label>
								</li>
							</ul>
						</div>
						<div class="plan__group--option">
							<p class="plan__group-ttl">オプションを選択</p>
							<ul class="plan__option-list js-option-list">
							</ul>
						</div>
					</div>
					<p class="plan__option-notes">
						※オプションには無料と<span>有料</span>がございます。<br>
						費用は事前にご案内しますのでお問い合わせページ、または営業スタッフまでお気軽にご相談ください。
					</p>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="02">
					<div class="plan__contents">
						<p class="plan__catch">深みのある色合いと重厚感が魅せる、大人のアンティークな住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacube/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacube/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacube/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacube/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--freespace">
										<img src="/images/blogformat/ideacube/select__area--freespace.webp" alt="フリースペース">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="05">フリースペース
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--loggia">
										<img src="/images/blogformat/ideacube/select__area--loggia.webp" alt="ロジア">
										<input type="radio" name="step-area02" class="js-area-tab02" data-area="06">ロジア
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="03">
					<div class="plan__contents">
						<p class="plan__catch">洗練とぬくもりが心地よく調和する、自然体のモダンな住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacube/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacube/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacube/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacube/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--freespace">
										<img src="/images/blogformat/ideacube/select__area--freespace.webp" alt="フリースペース">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="05">フリースペース
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--loggia">
										<img src="/images/blogformat/ideacube/select__area--loggia.webp" alt="ロジア">
										<input type="radio" name="step-area03" class="js-area-tab03" data-area="06">ロジア
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="plan__wrap js-plan-contents" data-plan="04">
					<div class="plan__contents">
						<p class="plan__catch">和の余白と北欧の心地よさが調和する、穏やかな住まい。</p>
						<div class="plan__group--area">
							<p class="plan__group-ttl">エリアを選択</p>
							<ul class="plan__area-list">
								<li class="plan__area-item">
									<label class="plan__area--living">
										<img src="/images/blogformat/ideacube/select__area--living.webp" alt="リビング">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="01" checked="">リビング
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--kitchen">
										<img src="/images/blogformat/ideacube/select__area--kitchen.webp" alt="キッチン">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="02">キッチン
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--exterior">
										<img src="/images/blogformat/ideacube/select__area--exterior.webp" alt="エクステリア">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="03">エクステリア
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--bathroom">
										<img src="/images/blogformat/ideacube/select__area--bathroom.webp" alt="浴室">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="04">浴室
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--freespace">
										<img src="/images/blogformat/ideacube/select__area--freespace.webp" alt="フリースペース">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="05">フリースペース
									</label>
								</li>
								<li class="plan__area-item">
									<label class="plan__area--loggia">
										<img src="/images/blogformat/ideacube/select__area--loggia.webp" alt="ロジア">
										<input type="radio" name="step-area04" class="js-area-tab04" data-area="06">ロジア
									</label>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
        </div>

		<!-- コンテンツ「Plan」　ここから -->
        <section class="section__wrap--plan">
            <div class="section__inner">
                <div class="plan__img">
                    <ul class="plan__img__list js-illumination-contents is-show" data-show="daytime">
                        <!-- プラン01（スカンディア）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents is-select" data-plan="01">
                          <img src="https://lh3.googleusercontent.com/d/1E_mPtIZQf1PaJxkcfZAVEykLmTC46XaW" alt="日中の照明の様子、スカンディア">
                        </li>
                        <!-- プラン02（アンティコ）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="02">
                           <img src="https://lh3.googleusercontent.com/d/1wRCIK-t6BhEyfR44U4usmnB2bnpkIEmb" alt="日中の照明の様子、アンティコ">
                        </li>
                        <!-- プラン03（ナチュラルモダン）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="03">
                           <img src="https://lh3.googleusercontent.com/d/1mbhjBXEiGp0fOWJPCron8Yq5qXhp335Y" alt="日中の照明の様子、ナチュラルモダン">
                        </li>
                        <!-- プラン04（ジャパンディ）が選択された場合の日中画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="04">
                           <img src="https://lh3.googleusercontent.com/d/1R3tnq86MM_aNLlzeEMRSDFhXI0fAPscv" alt="日中の照明の様子、ジャパンディ">
                        </li>
                    </ul>
                    <ul class="plan__img__list js-illumination-contents is-select" data-show="nighttime">
                        <!-- プラン01（スカンディア）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents is-select" data-plan="01">
                            <img src="https://lh3.googleusercontent.com/d/1E_mPtIZQf1PaJxkcfZAVEykLmTC46XaW" alt="夜間の照明の様子、スカンディア">
                        </li>
                        <!-- プラン02（アンティコ）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="02">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=アンティコ+夜間照明" alt="夜間の照明の様子、アンティコ">
                        </li>
                        <!-- プラン03（ナチュラルモダン）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="03">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=ナチュラルモダン+夜間照明" alt="夜間の照明の様子、ナチュラルモダン">
                        </li>
                        <!-- プラン04（ジャパンディ）が選択された場合の夜間画像 -->
                        <li class="plan__img__item js-plan-contents" data-plan="04">
                            <img src="https://placehold.jp/60/004570/ffffff/1120x530.png?text=ジャパンディ+夜間照明" alt="夜間の照明の様子、ジャパンディ">
                        </li>
                    </ul>
                </div>
                <div class="plan__txt">
                    <ul class="plan__txt__list">
						<!-- プラン01（スカンディア）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents is-select" data-plan="01">
                            <h2 class="plan__txt__ttl"><span>スカンディア</span>の特徴</h2>
                            <p class="plan__txt__txt">
								明るくやわらかなオークの床に、木目を活かしたナチュラルテイストの家具を組み合わせ、北欧らしいあたたかみと洗練された可愛らしさを両立した「スカンディアスタイル」。
								内装はエレガントすぎず、素朴な木の風合いを感じられるナチュラルテイストに。
								優しい色味の中に、ちょっぴり遊び心を効かせたデザインは、女性からの支持も高く、自分らしい暮らしを楽しみたい方にぴったりです。
								外観は、人気の木目×ホワイトで統一感を持たせながら、玄関まわりにはグリーンの金属サイディングを採用。
								他の家と差がつく、印象的で爽やかなアクセントになっています。
								心地よく、かわいく、ナチュラルに。毎日をちょっと楽しくしてくれる、そんな空間です。
							</p>
                        </li>
                        <!-- プラン02（アンティコ）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="02">
                            <h2 class="plan__txt__ttl"><span>アンティコ</span>の特徴</h2>
                            <p class="plan__txt__txt">
								目を引く角地や開けた敷地に似合う、深みのあるダークカラーでまとめた「アンティコスタイル」。
								床には重厚感あるトーンを選び、外観はグレーベースにブラックを効かせたデザインで、街並みの中でもひときわ目を引く存在に。
								室内には、ウォルナット材やブラックアイアンの脚付家具を取り入れ、アンティークな雰囲気を演出。
								生活感がほどよくにじむ家具や内装で、無骨さと居心地の良さを絶妙なバランスで両立しています。
								男性から特に高い支持を集めるこのスタイルは、趣味やセンスを大切にしたい方にぴったりの選択肢。
								“暮らすほどに味わい深くなる”空間で、自分らしいスタイルを楽しめます。
							</p>
                        </li>
                        <!-- プラン03（ナチュラルモダン）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="03">
                            <h2 class="plan__txt__ttl"><span>ナチュラルモダン</span>の特徴</h2>
                            <p class="plan__txt__txt">
								人気のモダンスタイルに、木目のぬくもりを加えて、ほどよく"暮らしやすさ"を感じさせる「ナチュラルモダンスタイル」。
								床や家具にあたたかみのある木目を取り入れ、壁紙や内装もあえて格好良くしすぎないことで、スタイリッシュながらも優しい雰囲気に。女性人気も高いバランスの取れたカラーです。
								外観デザインも、立地や周囲との調和に合わせて"明るくも暗くも"表現できる万能タイプ。
								街に映えながらも、ちゃんと暮らしに馴染む。そんなスマートで自然体なスタイルです。
							</p>
                        </li>
                        <!-- プラン04（ジャパンディ）が選択された場合の文章 -->
                        <li class="plan__txt__item js-plan-contents" data-plan="04">
                            <h2 class="plan__txt__ttl"><span>ジャパンディ</span>の特徴</h2>
                            <p class="plan__txt__txt">
								日本の"余白"を大切にした美意識と、北欧の"心地よさ"を掛け合わせた「ジャパンディスタイル」。
								やわらかい色味のオーク床をベースに、家具は座スタイルを意識した低めのソファやローテーブルを選定し、空間に落ち着きとくつろぎをもたらします。
								ラタン素材の家具には、ブラックやホワイトを組み合わせることで、和の要素が強くなりすぎないよう絶妙なバランスに。
								素材の温もりと洗練されたラインが、日常にちょうどいい"穏やかさ"と"モダンさ"を演出します。
								外観は、グレートーンの木目とホワイトを基調にした明るく落ち着いたデザイン。
								どこか懐かしく、どこか新しい。感性に寄り添うスタイルです。
							</p>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
		<!-- コンテンツ「Plan」　ここまで -->
        
		<!-- コンテンツ「Area」　ここから -->
		<ul class="step__plan__list">
			<!-- スカンディアが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents is-select" data-plan="01">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list js-illumination-contents is-show" data-show="daytime">
								<!-- リビングエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1UjdQohaizZmAzPRKmlWpsT61YQNO891j" alt="日中の照明の様子、リビング">
								</li>
								<!-- キッチンエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1_-lSbrOSW-QMDqxsQLXLetofVO7d8AAm" alt="日中の照明の様子、キッチン">
								</li>
								<!-- エクステリアエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/17lo_fFIt7SLWSZFDoMIDmlSS7xUBIndz" alt="日中の照明の様子、エクステリア">
								</li>
								<!-- 浴室エリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1iE6aqjtTSubwMn_8gyUgsbqCBfMk4Ifg" alt="日中の照明の様子、浴室">
								</li>
								<!-- フリースペースエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1E8dHexna7ta62szJmhbjEnaKg6BiNwar" alt="日中の照明の様子、フリースペース">
								</li>
								<!-- ロジアエリアが選択された場合の日中画像 -->
								<li class="area__img__item js-area-contents01" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/1qo1MHUaniIoaQHFqYyzXRBprlBEpEfN_" alt="日中の照明の様子、ロジア">
								</li>
							</ul>
							<ul class="area__img__list js-illumination-contents is-select" data-show="nighttime">
								<!-- リビングエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1UjdQohaizZmAzPRKmlWpsT61YQNO891j" alt="夜間の照明の様子、リビング">
								</li>
								<!-- キッチンエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="02">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=キッチンエリア+夜間" alt="夜間の照明の様子、キッチン">
								</li>
								<!-- エクステリアエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="03">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=エクステリア+夜間" alt="夜間の照明の様子、エクステリア">
								</li>
								<!-- 浴室エリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="04">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=浴室エリア+夜間" alt="夜間の照明の様子、浴室">
								</li>
								<!-- フリースペースエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="05">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=フリースペース+夜間" alt="夜間の照明の様子、フリースペース">
								</li>
								<!-- ロジアエリアが選択された場合の夜間画像 -->
								<li class="area__img__item js-area-contents01" data-area="06">
									<img src="https://placehold.jp/60/214c70/ffffff/1120x627.png?text=ロジア+夜間" alt="夜間の照明の様子、ロジア">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">家具付きでトータルコーディネートされた、統一感と温もりあふれるリビング。インテリアは落ち着いた色合いでまとめられており、誰が訪れてもほっとするような居心地の良さを演出します。アクセントクロスが空間にさりげない個性をプラスし、ブラインド付きの窓からは自然光がやさしく差し込み、時間の流れもゆったり感じられます。洋室は広々リビングとして使ったり、ワークスペースや子ども部屋として個室にしたりと、ライフスタイルに合わせて自在に活用可能。そして、リビング階段が家族の動線を自然につなげ、帰宅時や日常の何気ない瞬間にもふれあいが生まれる設計です。“ただ過ごす場所”ではなく、“家族の時間が積み重なる場所”として、リビングの魅力を存分に感じられる住まいです。</p>
								</li>
								<!-- キッチンエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">
										家族の会話が自然と生まれる対面式キッチンを採用。料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。さらに、食洗機やIHクッキングヒーターなど、家事ラク機能も充実。
										キッチン後ろには大容量のパントリーを設置。半透明の扉で開放感に加え、スッキリと綺麗に見せてくれます。
										キッチンカラーには、住まい全体に映える色合いをセレクト。デザイン性と実用性を両立した、毎日使いたくなるキッチンに仕上げました。
										美しさと機能性を兼ね備えたキッチンで、自分らしい暮らしを。
									</p>
								</li>
								<!-- エクステリアエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">
										アプローチから玄関まで、スムーズで美しい動線を確保しました。
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。
									</p>
								</li>
								<!-- 浴室エリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">
										お風呂時間が楽しみになる、ミラバス＆ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。
										見た目・快適さ・機能、すべてにこだわった、癒しのバスルームです。
									</p>
								</li>
								<!-- フリースペースエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="05">
									<h2 class="area__txt__ttl"><span>フリースペース</span>について</h2>
									<p class="area__txt__txt">
										フリースペースは、日々の暮らしに“ちょうどいい余白”をもたらしてくれる場所。
										例えば、カウンターやデスクを設置することで、リモートワークや勉強スペースとしても活用可能。集中したい時間も快適に過ごせます。
										或いは、趣味の時間を楽しむスペースとしてもぴったり。ヨガマットを広げてリフレッシュしたり、お気に入りの道具や本をディスプレイしたりと、使い方は自由自在。
										“もう一つの居場所”があることで、暮らしはもっと豊かに、自分らしく。
									</p>
								</li>
								<!-- ロジアエリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents01" data-area="06">
									<h2 class="area__txt__ttl"><span>ロジア</span>について</h2>
									<p class="area__txt__txt">
										リビングとつながる屋外空間のロジアは、外からの目線を気にせず、アウトドア気分を日常の中で気軽に楽しめます。
										セカンドリビングとして、家族や友人とBBQを楽しんだり、夏はプールを広げてお子様と水遊びをしたり、ガーデニングを楽しんだり…使い方は自由自在。
										“ちょっと外に出たい”気分を満たしてくれる、暮らしにゆとりを生むロジア。室内と外をゆるやかにつなぐこの空間が、住まい全体に心地よい広がりをもたらします。
									</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- アンティコが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="02">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1UjdQohaizZmAzPRKmlWpsT61YQNO891j" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1_-lSbrOSW-QMDqxsQLXLetofVO7d8AAm" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/17lo_fFIt7SLWSZFDoMIDmlSS7xUBIndz" alt="STEP2：エクステリア">
								</li>
								<!-- 浴室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1iE6aqjtTSubwMn_8gyUgsbqCBfMk4Ifg" alt="STEP2：浴室">
								</li>
								<!-- フリースペースが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1E8dHexna7ta62szJmhbjEnaKg6BiNwar" alt="STEP2：フリースペース">
								</li>
								<!-- ロジアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents02" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/1qo1MHUaniIoaQHFqYyzXRBprlBEpEfN_" alt="STEP2：ロジア">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">家具付きでトータルコーディネートされた、統一感と温もりあふれるリビング。インテリアは落ち着いた色合いでまとめられており、誰が訪れてもほっとするような居心地の良さを演出します。アクセントクロスが空間にさりげない個性をプラスし、ブラインド付きの窓からは自然光がやさしく差し込み、時間の流れもゆったり感じられます。洋室は広々リビングとして使ったり、ワークスペースや子ども部屋として個室にしたりと、ライフスタイルに合わせて自在に活用可能。そして、リビング階段が家族の動線を自然につなげ、帰宅時や日常の何気ない瞬間にもふれあいが生まれる設計です。“ただ過ごす場所”ではなく、“家族の時間が積み重なる場所”として、リビングの魅力を存分に感じられる住まいです。</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">家族の会話が自然と生まれる対面式キッチンを採用。料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。さらに、食洗機やIHクッキングヒーターなど、家事ラク機能も充実。
										キッチン後ろには大容量のパントリーを設置。半透明の扉で開放感に加え、スッキリと綺麗に見せてくれます。
										キッチンカラーには、住まい全体に映える色合いをセレクト。デザイン性と実用性を両立した、毎日使いたくなるキッチンに仕上げました。
										美しさと機能性を兼ね備えたキッチンで、自分らしい暮らしを。</p>
								</li>
								<!--エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">アプローチから玄関まで、スムーズで美しい動線を確保しました。
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。</p>
								</li>
								<!-- 浴室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">お風呂時間が楽しみになる、ミラバス＆ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。
										見た目・快適さ・機能、すべてにこだわった、癒しのバスルームです。</p>
								</li>
								<!-- フリースペースが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="05">
									<h2 class="area__txt__ttl"><span>フリースペース</span>について</h2>
									<p class="area__txt__txt">フリースペースは、日々の暮らしに“ちょうどいい余白”をもたらしてくれる場所。
										例えば、カウンターやデスクを設置することで、リモートワークや勉強スペースとしても活用可能。集中したい時間も快適に過ごせます。
										或いは、趣味の時間を楽しむスペースとしてもぴったり。ヨガマットを広げてリフレッシュしたり、お気に入りの道具や本をディスプレイしたりと、使い方は自由自在。
										“もう一つの居場所”があることで、暮らしはもっと豊かに、自分らしく。</p>
								</li>
								<!-- ロジアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents02" data-area="06">
									<h2 class="area__txt__ttl"><span>ロジア</span>について</h2>
									<p class="area__txt__txt">リビングとつながる屋外空間のロジアは、外からの目線を気にせず、アウトドア気分を日常の中で気軽に楽しめます。
										セカンドリビングとして、家族や友人とBBQを楽しんだり、夏はプールを広げてお子様と水遊びをしたり、ガーデニングを楽しんだり…使い方は自由自在。
										“ちょっと外に出たい”気分を満たしてくれる、暮らしにゆとりを生むロジア。室内と外をゆるやかにつなぐこの空間が、住まい全体に心地よい広がりをもたらします。</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- ナチュラルモダンが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="03">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1UjdQohaizZmAzPRKmlWpsT61YQNO891j" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1_-lSbrOSW-QMDqxsQLXLetofVO7d8AAm" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/17lo_fFIt7SLWSZFDoMIDmlSS7xUBIndz" alt="STEP2：エクステリア">
								</li>
								<!-- 浴室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1iE6aqjtTSubwMn_8gyUgsbqCBfMk4Ifg" alt="STEP2：浴室">
								</li>
								<!-- フリースペースが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1E8dHexna7ta62szJmhbjEnaKg6BiNwar" alt="STEP2：フリースペース">
								</li>
								<!-- ロジアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents03" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/1qo1MHUaniIoaQHFqYyzXRBprlBEpEfN_" alt="STEP2：ロジア">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">家具付きでトータルコーディネートされた、統一感と温もりあふれるリビング。インテリアは落ち着いた色合いでまとめられており、誰が訪れてもほっとするような居心地の良さを演出します。アクセントクロスが空間にさりげない個性をプラスし、ブラインド付きの窓からは自然光がやさしく差し込み、時間の流れもゆったり感じられます。洋室は広々リビングとして使ったり、ワークスペースや子ども部屋として個室にしたりと、ライフスタイルに合わせて自在に活用可能。そして、リビング階段が家族の動線を自然につなげ、帰宅時や日常の何気ない瞬間にもふれあいが生まれる設計です。“ただ過ごす場所”ではなく、"家族の時間が積み重なる場所"として、リビングの魅力を存分に感じられる住まいです。</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">家族の会話が自然と生まれる対面式キッチンを採用。料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。さらに、食洗機やIHクッキングヒーターなど、家事ラク機能も充実。
										キッチン後ろには大容量のパントリーを設置。半透明の扉で開放感に加え、スッキリと綺麗に見せてくれます。
										キッチンカラーには、住まい全体に映える色合いをセレクト。デザイン性と実用性を両立した、毎日使いたくなるキッチンに仕上げました。
										美しさと機能性を兼ね備えたキッチンで、自分らしい暮らしを。</p>
								</li>
								<!-- エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">アプローチから玄関まで、スムーズで美しい動線を確保しました。
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。</p>
								</li>
								<!-- 浴室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">お風呂時間が楽しみになる、ミラバス＆ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。
										見た目・快適さ・機能、すべてにこだわった、癒しのバスルームです。</p>
								</li>
								<!-- フリースペースが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="05">
									<h2 class="area__txt__ttl"><span>フリースペース</span>について</h2>
									<p class="area__txt__txt">フリースペースは、日々の暮らしに"ちょうどいい余白"をもたらしてくれる場所。
										例えば、カウンターやデスクを設置することで、リモートワークや勉強スペースとしても活用可能。集中したい時間も快適に過ごせます。
										或いは、趣味の時間を楽しむスペースとしてもぴったり。ヨガマットを広げてリフレッシュしたり、お気に入りの道具や本をディスプレイしたりと、使い方は自由自在。
										"もう一つの居場所"があることで、暮らしはもっと豊かに、自分らしく。</p>
								</li>
								<!-- ロジアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents03" data-area="06">
									<h2 class="area__txt__ttl"><span>ロジア</span>について</h2>
									<p class="area__txt__txt">リビングとつながる屋外空間のロジアは、外からの目線を気にせず、アウトドア気分を日常の中で気軽に楽しめます。
										セカンドリビングとして、家族や友人とBBQを楽しんだり、夏はプールを広げてお子様と水遊びをしたり、ガーデニングを楽しんだり…使い方は自由自在。
										"ちょっと外に出たい"気分を満たしてくれる、暮らしにゆとりを生むロジア。室内と外をゆるやかにつなぐこの空間が、住まい全体に心地よい広がりをもたらします。</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
			<!-- ジャパンディが選択されたら表示 -->
			<li class="step__plan__item js-plan-contents" data-plan="04">
				<section class="section__wrap--area">
					<div class="section__inner">
						<div class="area__img">
							<ul class="area__img__list is-show">
								<!-- リビングが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04 is-select" data-area="01">
									<img src="https://lh3.googleusercontent.com/d/1UjdQohaizZmAzPRKmlWpsT61YQNO891j" alt="STEP2：リビング">
								</li>
								<!-- キッチンが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="02">
									<img src="https://lh3.googleusercontent.com/d/1_-lSbrOSW-QMDqxsQLXLetofVO7d8AAm" alt="STEP2：キッチン">
								</li>
								<!-- エクステリアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="03">
									<img src="https://lh3.googleusercontent.com/d/17lo_fFIt7SLWSZFDoMIDmlSS7xUBIndz" alt="STEP2：エクステリア">
								</li>
								<!-- 浴室が選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="04">
									<img src="https://lh3.googleusercontent.com/d/1iE6aqjtTSubwMn_8gyUgsbqCBfMk4Ifg" alt="STEP2：浴室">
								</li>
								<!-- フリースペースが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="05">
									<img src="https://lh3.googleusercontent.com/d/1E8dHexna7ta62szJmhbjEnaKg6BiNwar" alt="STEP2：フリースペース">
								</li>
								<!-- ロジアが選択された場合の画像 -->
								<li class="area__img__item js-area-contents04" data-area="06">
									<img src="https://lh3.googleusercontent.com/d/1qo1MHUaniIoaQHFqYyzXRBprlBEpEfN_" alt="STEP2：ロジア">
								</li>
							</ul>
						</div>
						<div class="area__txt">
							<ul class="area__txt__list">
								<!-- リビングが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04 is-select" data-area="01">
									<h2 class="area__txt__ttl"><span>リビング</span>について</h2>
									<p class="area__txt__txt">家具付きでトータルコーディネートされた、統一感と温もりあふれるリビング。インテリアは落ち着いた色合いでまとめられており、誰が訪れてもほっとするような居心地の良さを演出します。アクセントクロスが空間にさりげない個性をプラスし、ブラインド付きの窓からは自然光がやさしく差し込み、時間の流れもゆったり感じられます。洋室は広々リビングとして使ったり、ワークスペースや子ども部屋として個室にしたりと、ライフスタイルに合わせて自在に活用可能。そして、リビング階段が家族の動線を自然につなげ、帰宅時や日常の何気ない瞬間にもふれあいが生まれる設計です。“ただ過ごす場所”ではなく、"家族の時間が積み重なる場所"として、リビングの魅力を存分に感じられる住まいです。</p>
								</li>
								<!-- キッチンが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="02">
									<h2 class="area__txt__ttl"><span>キッチン</span>について</h2>
									<p class="area__txt__txt">家族の会話が自然と生まれる対面式キッチンを採用。料理をしながらリビングの様子が見渡せる、開放的で心地よい空間です。さらに、食洗機やIHクッキングヒーターなど、家事ラク機能も充実。
										キッチン後ろには大容量のパントリーを設置。半透明の扉で開放感に加え、スッキリと綺麗に見せてくれます。
										キッチンカラーには、住まい全体に映える色合いをセレクト。デザイン性と実用性を両立した、毎日使いたくなるキッチンに仕上げました。
										美しさと機能性を兼ね備えたキッチンで、自分らしい暮らしを。</p>
								</li>
								<!--エクステリアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="03">
									<h2 class="area__txt__ttl"><span>エクステリア</span>について</h2>
									<p class="area__txt__txt">アプローチから玄関まで、スムーズで美しい動線を確保しました。
										また、毎日を彩るエントランスには、宅配ボックス付きのおしゃれな門柱を配置。機能性はもちろん、デザインにもこだわり、住まい全体の美しさを引き立てます。
										植栽には、年中育てやすい樹種を厳選。季節ごとに表情を変えながらも、お手入れがしやすく、忙しい日常にも寄り添うやさしさをプラスしました。
										デザインと使いやすさを兼ね備えたエクステリアで、毎日の「ただいま」がもっと特別に。</p>
								</li>
								<!-- 浴室が選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="04">
									<h2 class="area__txt__ttl"><span>浴室</span>について</h2>
									<p class="area__txt__txt">お風呂時間が楽しみになる、ミラバス＆ミラブル付きの特別なバスルーム。微細な気泡とウルトラファインバブルが肌をやさしく包み込み、まるでエステのような癒しを毎日に。
										床には、乾きやすく冷たさを感じにくい「ほっカラリ床」を採用。すべりにくくて安心、さらにお掃除もラクラクな優れものです。
										浴槽は、高断熱構造の「魔法びん浴槽」。お湯が冷めにくく、光熱費の節約にもつながります。
										さらに、浴室全体の色味はコンセプトに沿ってコーディネート。空間の雰囲気にぴったりなカラーリングで、心地よさをさらに引き立てます。
										見た目・快適さ・機能、すべてにこだわった、癒しのバスルームです。</p>
								</li>
								<!-- フリースペースが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="05">
									<h2 class="area__txt__ttl"><span>フリースペース</span>について</h2>
									<p class="area__txt__txt">フリースペースは、日々の暮らしに"ちょうどいい余白"をもたらしてくれる場所。
										例えば、カウンターやデスクを設置することで、リモートワークや勉強スペースとしても活用可能。集中したい時間も快適に過ごせます。
										或いは、趣味の時間を楽しむスペースとしてもぴったり。ヨガマットを広げてリフレッシュしたり、お気に入りの道具や本をディスプレイしたりと、使い方は自由自在。
										"もう一つの居場所"があることで、暮らしはもっと豊かに、自分らしく。</p>
								</li>
								<!-- ロジアが選択された場合の文章 -->
								<li class="area__txt__item js-area-contents04" data-area="06">
									<h2 class="area__txt__ttl"><span>ロジア</span>について</h2>
									<p class="area__txt__txt">リビングとつながる屋外空間のロジアは、外からの目線を気にせず、アウトドア気分を日常の中で気軽に楽しめます。
										セカンドリビングとして、家族や友人とBBQを楽しんだり、夏はプールを広げてお子様と水遊びをしたり、ガーデニングを楽しんだり…使い方は自由自在。
										"ちょっと外に出たい"気分を満たしてくれる、暮らしにゆとりを生むロジア。室内と外をゆるやかにつなぐこの空間が、住まい全体に心地よい広がりをもたらします。</p>
								</li>
							</ul>
						</div>
					</div>
				</section>
			</li>
		</ul>
		<!-- コンテンツ「プラン」　ここまで -->
        
        <section class="section__wrap--tips">
            <div class="section__inner">
                <h2 class="section__ttl"><span>Tips</span>住まいづくりのヒント</h2>
                <ul class="tips__list">
                    <li class="tips__item">
                        <div class="tips__img"><img src="/images/blogformat/tips__img01.png" alt="オプションについて相談してみる"></div>
                        <div class="tips__right">
                            <h3 class="tips__ttl">オプションについて<br>相談してみる</h3>
                            <p class="tips__txt">何も決まっていなくても大丈夫です！自分らしい住まい作りを実現するために、お客様の理想をお聞かせください。実現のためにご提案差し上げます。
</p>
                            <p class="tips__btn">
                                <a href="/estimate/" target="_blank">ご相談はこちらから</a>
                            </p>
                        </div>
                    </li>
                    <li class="tips__item">
                        <div class="tips__img"><img src="/images/blogformat/tips__img02.png" alt="オプションのお見積り物件を探してみるを依頼してみる"></div>
                        <div class="tips__right">
                            <h3 class="tips__ttl">物件を探してみる</h3>
                            <p class="tips__txt">ご希望のエリア・条件に合った住まいを、かんたん検索。あなたにぴったりの家がきっと見つかります。</p>
                            <p class="tips__btn">
                                <a href="https://ideahaus.co.jp/fudousan/" target="_blank" rel="nofollow">物件サイトはこちら</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        
        <section class="section__wrap--series">
            <div class="section__inner">
                <h2 class="section__ttl"><span>iDEA Series</span>イデアシリーズについて</h2>
                <ul class="series__list">
                    <li class="series__item">
                        <div class="series__img--cube"><img src="/images/blogformat/court_logo.png" alt="イデアコート"></div>
                        <div class="series__bottom">
                            <h3 class="series__ttl">｢家族時間を深める｣<br class="sp__br">プラスαの豊富な提案｡</h3>
                            <p class="series__txt">ハイグレードかつ先進の仕様設備と高いデザイン性で<br class="pc__br">あなただけの暮らしに寄り添う住空間を生み出します。</p>
                            <p class="series__btn">
                                <a href="/blog/entry-775253/">イデアコートについて</a>
                            </p>
                        </div>
                    </li>
                    <li class="series__item">
                        <div class="series__img--casa"><img src="/images/blogformat/casa_logo.png" alt="イデアカーサ"></div>
                        <div class="series__bottom">
                            <h3 class="series__ttl">ちょうどいいって、<br class="sp__br">ここちいい。</h3>
                            <p class="series__txt">都会で戸建てに住まうという選択を。<br>都会に暮らすならマンション、<br class="pc__br">そんな常識をアイデアとデザインで変えました。</p>
                            <p class="series__btn">
                                <a href="/blog/entry-676184/">イデアカーサについて</a>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
    </div>
</main>
<script>
$(function() {
    // iOS（iPadOSを含む）かどうかのUA判定
    var ua = window.navigator.userAgent.toLowerCase();
    var isiOS =
        ua.indexOf("iphone") > -1 ||
        ua.indexOf("ipad") > -1 ||
        (ua.indexOf("macintosh") > -1 && "ontouchend" in document);

    // スマホかどうかの判定
    function isMobile() {
        return window.matchMedia('(max-width: 767px)').matches;
    }

    // エリア別オプション定義
    var areaOptions = {
        '01': [ // リビング
            { id: '01', name: 'アクセント<br class="pc__br">クロス①' },
            { id: '02', name: 'アクセント<br class="pc__br">クロス②' },
            { id: '03', name: '家具<br class="pc__br">プラン①', paid: true },
            { id: '04', name: '家具<br class="pc__br">プラン②', paid: true }
        ],
        '02': [ // キッチン
            { id: '05', name: '天板色変更' },
            { id: '07', name: '選べる<br class="pc__br">取っ手' },
            { id: '06', name: 'カウンター<br class="pc__br">造設', paid: true }
        ],
        '03': [ // エクステリア
            { id: '08', name: 'カーポート', paid: true },
            { id: '09', name: '植栽', paid: true },
            { id: '10', name: 'ポスト', paid: true },
            { id: '11', name: '庭', paid: true }
        ],
        '04': [ // 浴室
            { id: '12', name: 'アクセント<br class="pc__br">パネル①' },
            { id: '13', name: 'アクセント<br class="pc__br">パネル②' },
            { id: '14', name: 'アクセント<br class="pc__br">パネル③' },
            { id: '15', name: '鏡向き変更', paid: true }
        ],
        '05': [ // フリースペース
            { id: '16', name: '書斎<br class="pc__br">プラン①', paid: true },
            { id: '17', name: '書斎<br class="pc__br">プラン②', paid: true },
            { id: '18', name: 'ワード<br class="pc__br">ローブ造作', paid: true },
            { id: '19', name: '扉造設', paid: true }
        ],
        '06': [ // ロジア
            { id: '20', name: 'BBQ', paid: true },
            { id: '21', name: 'ガーデニング', paid: true },
            { id: '22', name: 'プール', paid: true },
            { id: '23', name: 'アウトドア<br>インテリア', paid: true }
        ]
    };

    // オプションリストを生成する関数
    function generateOptions(areaId) {
        var options = areaOptions[areaId] || [];
        var optionHtml = '';
        
        options.forEach(function(option, index) {
            var checked = index === 0 ? 'checked' : '';
            var paidClass = option.paid ? ' paid-item' : '';
            var paidLabel = option.paid ? '<p class="paid-label">有償</p>' : '';
            optionHtml += 
                '<li class="plan__option-item' + paidClass + '">' +
                    paidLabel +
                    '<label>' +
                        '<input type="checkbox" class="js-step-option-tab" name="step-option" data-option="' + option.id + '">' + option.name +
                    '</label>' +
                '</li>';
        });
        
        return optionHtml;
    }

        // 初期化：リビングのオプションを表示
    $('.js-option-list').html(generateOptions('01'));
    // 初期化：リビングエリアのオプション画像を選択状態に
    $('.js-mainview-area[data-area="01"] .js-step-option-img').removeClass('is-select');
    $('.js-mainview-area[data-area="01"] .js-step-option-img[data-option="01"]').addClass('is-select');

    //bodyのスクロール固定
    function bodyFixedOn() {
        if (!isMobile()) return; // スマホ以外は何もしない
        if (isiOS) {
            scrollPosition = $(window).scrollTop();
            $("body").css("position", "fixed");
            $("body").css("top", "-" + scrollPosition + "px");
        } else {
            $("body").css("overflow", "hidden");
        }
    }

    //bodyのスクロール固定を解除
    function bodyFixedOff() {
        if (!isMobile()) return; // スマホ以外は何もしない
        if (isiOS) {
            $("body").css("position", "");
            $("body").css("top", "");
            $(window).scrollTop(scrollPosition);
        } else {
            $("body").css("overflow", "");
        }
    }

    // メニューボタンをクリックでメニュー表示
    $('.js-blog-menu').on('click', function() {
        $('.js-blog-menu-contents').addClass('is-show');
        bodyFixedOn();
    });
    // 閉じるボタンをクリックでメニュー非表示
    $('.js-blog-menu-close').on('click', function() {
        $('.js-blog-menu-contents').removeClass('is-show');
        bodyFixedOff();
    });

    // 照明タブ切り替え
    $('.js-illumination-tab').on('change', function() {
        var show = $(this).data('show');
        $('.js-illumination-contents').removeClass('is-show');
        $('.js-illumination-contents[data-show="' + show + '"]').addClass('is-show');
    });
    // プランタブ切り替え
    $('.js-plan-tab').on('change', function() {
        var plan = $(this).data('plan');
        $('.js-plan-contents').removeClass('is-select');
        $('.js-plan-contents[data-plan="' + plan + '"]').addClass('is-select');
		// プラン切り替え時にオプションのチェックをすべて外す
		$('.js-step-option-tab').prop('checked', false);
		// 現在選択中のエリアを取得
		var area = $('.js-area-tab01:checked').data('area');
		if (!area) area = '01'; // デフォルトでリビング

		// オプション未選択時の画像を表示（エリアごとに反映）
		$('.js-step-option-img').removeClass('is-select');
		$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（スカンディア）
    $('.js-area-tab01').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents01').removeClass('is-select');
        $('.js-area-contents01[data-area="' + area + '"]').addClass('is-select');

        // 追加：リビング以外が選択されたら日中の照明の様子にチェック
        if (area !== "01") {
            $('.js-illumination-tab[data-show="daytime"]').prop('checked', true).trigger('change');
        }
		// ↓オプションリストを切り替える
	    $('.js-option-list').html(generateOptions(area));
		// STEP3未選択時の画像切り替え（追加）
		$('.js-step-option-img').removeClass('is-select');
		$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（アンティコ）
    $('.js-area-tab02').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents02').removeClass('is-select');
        $('.js-area-contents02[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img02').removeClass('is-select');
        $('.js-step-area-img02[data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（ナチュラルモダン）
    $('.js-area-tab03').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents03').removeClass('is-select');
        $('.js-area-contents03[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img03').removeClass('is-select');
        $('.js-step-area-img03[data-area="' + area + '"]').addClass('is-select');
    });
    // エリアタブ切り替え（ジャパンディ）
    $('.js-area-tab04').on('change', function() {
        var area = $(this).data('area');
        $('.js-area-contents04').removeClass('is-select');
        $('.js-area-contents04[data-area="' + area + '"]').addClass('is-select');
        $('.js-step-area-img04').removeClass('is-select');
        $('.js-step-area-img04[data-area="' + area + '"]').addClass('is-select');
    });
    
    // オプションタブ切り替え（動的生成されたオプションに対応するためdelegateを使用）
    var previousCheckedOption = null; // 直前までチェックされていたオプション（解除時の判定用）
    $(document).on('change', '.js-step-option-tab', function() {
        // すべてのチェックを外してから、クリックしたものだけチェック
        $('.js-step-option-tab').not(this).prop('checked', false);

        // チェックされているoptionを取得
        var checkedOption = $('.js-step-option-tab:checked').data('option');
		// 現在のエリアを取得
	    var area = $('.js-area-tab01:checked').data('area');

        // 画像の切り替え
        $('.js-step-option-img').removeClass('is-select');
        if (checkedOption) {
            $('.js-step-option-img[data-option="' + checkedOption + '"]').addClass('is-select');
        } else {
			// キッチンでカウンター造設を解除したときのみ、解除時用の画像を表示
			if (area === '02' && previousCheckedOption === '06') {
				$('.js-step-option-img[data-option="06-deselect"][data-area="02"]').addClass('is-select');
			} else {
				// 何もチェックされていない場合は、そのエリアの[data-option="00"]を表示
				$('.js-step-option-img[data-option="00"][data-area="' + area + '"]').addClass('is-select');
			}
        }
        previousCheckedOption = checkedOption;
    });
});
</script>
<style>
body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
	width: 100%;
}
.l-header{
	display: none;
}
.blogformat .header__cube{
	display: block;
	width: 50px;
	height: fit-content;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#contents{
	width: 100%;
	padding: 0;
}
.l-main,
.ui-narrow-section{
	width: 100%;
	padding: 0;
}
.blog__header,
.breadcrumbs,
.reservation-side-link{
	display: none !important;
}
.blog__article{
	margin: 0;
}

.blogformat *{
	font-family: 'Zen Maru Gothic';
	color: #010F17;
}
.blogformat{
	overflow: hidden;
	background: #FFFFFF;
}
.maincontents{
	padding-top: 85px;
}
.blog__article{
	padding: 0;
}
.l-blog--detail{
	margin: 0;
}
.blog__headline,.blog__note,.blog__mv{
	display: none;
}
.org-footer + .float__list{
	display: none;
}
.sp__br { display: none; }
.pc__br { display: inline; }
@media screen and (max-width: 767px) {
  .sp__br { display: inline; }
  .pc__br { display: none; }
}
/*共通*/
[class*="section__wrap"]{
	margin-block: 80px;
}
.section__inner{
	width: 1140px;
	margin: 0 auto;
}
[class*="section__wrap"] [class*="section__ttl"]{
    font-size: 32px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.06em;
    text-align: center;
    margin-bottom: 36px;
}
[class*="section__wrap"] [class*="section__ttl"] span{
    display: block;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: #0091D7;
    margin-bottom: 5px;
}


/*ヘッダー*/
.blogformat .org-header{
	width: 100%;
	height: 85px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.blogformat .header__inner{
	width: 100%;
	height: 85px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 0 20px;
	position: relative;
}
.org-header .header__logo{
    max-width: 173px;
    min-height: 55px;
}
.org-header .header__logo img{
    width: 100%;
    min-width: unset;
    max-width: unset;
    min-height: unset;
    max-height: unset;
}
.org-header .header__logo a:hover{
    opacity: 1;
}

.blogformat .header__court{
	display: block;
	width: 203px;
	height: fit-content;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.blogformat .header__court img{
	width: 100%;
}
.blogformat .header__menu{
	width: 52px;
	height: 52px;
	background: none;
}

/*ヘッダーメニュー*/
.blogformat .org-menu{
	display: block;
	width: 280px;
	height: 800px;
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	transform: translateX(100%);
	transition: .2s ease;
	z-index: 11;
}
.blogformat .org-menu.is-show{
	transform: translateX(0%);
}
.blogformat .menu__header{
	width: 100%;
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 20px;
}
.blogformat .menu__header .header__logo{
	display: none;
}
.blogformat .menu__close{
	width: 52px;
	height: 52px;
	background: none;
	position: unset;
}
.blogformat .menu__inner{
	padding: 105px 30px 0;
	display: block;
}
.blogformat .menu-link__list{
	display: flex;
	flex-flow: column;
	gap: 25px;
}
.menu-link__item a{
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	color: #0091D7;
	line-height: 1.45;
	position: relative;
}
.menu-link__item a::before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #0091D7;
    transform-origin: bottom right;
    transform: scaleX(0);
    transition: transform 0.5s ease;
}
.menu-link__item a:hover{
	opacity: 1;
	text-decoration: none;
}
.menu-link__item a:hover::before{
	transform-origin: bottom left;
    transform: scaleX(1);
}
.blogformat .contact__list{
	display: none;
}

/*フロートバナー*/
.float__list{
	display: flex;
	flex-flow: column;
	gap: 6px;
	position: fixed;
	top: 125px;
	right: 0;
	z-index: 9;
}

/*mainview*/
.mainview{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding-left: 20px;
}
.mainview__img{
	flex: 1;
	order: 2;
	position: relative;
}
.mainview__img__list{
	display: none;
}
.mainview__img__list.is-show{
	display: block;
}
.mainview__img__item{
	display: none;
	height: 715px;
	border-radius: 80px 0 0 0;
	overflow: hidden;
	position: relative;
}
.mainview__img__item.is-select{
	display: block;
}
.mainview__img__item img{
	width: 100%;
	height: 715px;
	object-fit: cover;
	object-position: left;
}
.illumination__select__list{
	position: absolute;
	left: 40px;
	bottom: 40px;
	display: flex;
	flex-flow: column;
	gap: 8px;
}
.illumination__select__item label{
	display: flex;
	align-items: center;
	gap: 16px;
	width: 197px;
	height: 44px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.9);
	padding: 0 15px;
	font-size: 16px;
	font-weight: 500;
	color: #686868;
	cursor: pointer;
}
.illumination__select__item label input{
	appearance: none;
	width: 14px;
	min-width: 14px;
	height: 14px;
	border: none;
	margin: 0;
	padding: 0;
	background: url(/images/blogformat/radio_off.png) no-repeat center / contain;
}
.illumination__select__item label input:checked{
	background-image: url(/images/blogformat/radio_on.png);
}

.step__select{
	order: 1;
	width: 281px;
	min-width: 281px;
	padding-top: 13px;
}
.blog__article .step__option-notes {
	font-size: 12px;
	line-height: 1.5;
}
.step__plan__item, .step__area__item{
	display: none;
}
.step__plan__item.is-select, .step__area__item.is-select{
	display: block;
}
.step__group{
	margin-bottom: 13px;
}
.step__group .step__ttl{
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 7px;
}
.step__group .step__ttl .step__head{
	font-size: 14px;
	font-weight: 700;
	color: #0091D7;
	display: inline-block;
	margin-right: 5px;
	vertical-align: 2px;
}
.step__group .step__ttl .step__num{
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #0091D7;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: #fff;
	text-align: center;
	margin-right: 5px;
	vertical-align: 2px;
}
[class*="step__select__list"]{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
[class*="step__select__item"] label {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #0091D7;
	color: #0091D7;
	border-radius: 5px;
	min-width: 138px;
	height: 46px;
	background-color: #FFFFFF;
	text-align: center;
}
[class*="step__select__item"] label:hover {
	cursor: pointer;
}
[class*="step__select__item"] label:has(input:checked) {
	background-color: #EAF5FB;
}
[class*="step__select__item"] input {
	display: none;
}
.step__select__item--plan label{
	font-size: 12px;
	font-weight: 500;
	gap: 3px;
}
.step__select__item--plan label span{
	display: inline-block;
	width: 20px;
	font-size: 30px;
	font-weight: 700;
	color: inherit;
	padding-bottom: 5px;
}
.step__select__item--area label{
	justify-content: space-between;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: center right;
	line-height: 1.143;
	text-align: left;
}
.step__select__item--area label img{
	height: 100%;
	object-fit: cover;
}

/*プラン・エリア*/
.section__wrap--area{
	margin-bottom: 87px;
}
.plan__img__list,
.area__img__list{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	min-height: fit-content;
}
.plan__img__list{
	right: 0;
}
.area__img__list{
	left: 0;
}
.plan__img__list.is-show,
.area__img__list.is-show{
	display: block;
}
.plan__img__item,
.area__img__item{
	display: none;
	height: 100%;
}
.plan__img__item.is-select,
.area__img__item.is-select{
	display: block;
}
.plan__img__item{
	padding: 0 5px 5px 0;
	position: relative;
}
.plan__img__item::before{
	content: '';
	width: 1097px;
	height: 100%;
	display: block;
	border-radius: 0 80px 0 0;
	background: #EAF5FB;
	position: absolute;
	top: 0;
	right: 0;
}
.plan__img__item img{
	border-radius: 0 80px 0 0;
	width: 1120px;
	min-width: 1120px;
	height: 100%;
	object-fit: cover;
	position: relative;
}
.area__img__item{
	padding: 0 0 7px 10px;
	position: relative;
}
.area__img__item::before{
	content: '';
	width: 1130px;
	height: 100%;
	display: block;
	border-radius: 80px 0 0 0;
	background: #EAF5FB;
	position: absolute;
	top: 10px;
	right: 0;
}
.area__img__item img{
	border-radius: 80px 0 0 0;
	width: 1120px;
	min-width: 1120px;
    height: 100%;
    object-fit: cover;
	position: relative;
}
.section__wrap--plan .section__inner,
.section__wrap--area .section__inner{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-top: 48px;
	position: relative;
}
.section__wrap--area .section__inner{
	padding-top: 50px;
}
.section__wrap--plan .section__inner::before{
	content: 'Plan';
	font-family: 'Montserrat';
	font-size: 110px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 1.22;
	color: #EAF5FB;
	position: absolute;
	top: 0;
	right: 130px;
}
.section__wrap--area .section__inner::before{
	content: 'Area';
	font-family: 'Montserrat';
	font-size: 110px;
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 1.22;
	color: #EAF5FB;
	position: absolute;
	top: 0;
	left: 133px;
}
.plan__img,
.area__img{
	width: 740px;
	min-height: 530px;
	position: relative;
}
.plan__img{
	min-height: 530px;
}
.area__img{
	order: 2;
	min-height: 627px;
}
.plan__txt,
.area__txt{
	width: 360px;
	padding-top: 52px;
	display: flex;
	align-items: center;
	position: relative;
}
.area__txt{
	order: 1;
	width: 370px;
	padding-top: 50px;
}

.plan__txt__item,
.area__txt__item{
	display: none;
}
.plan__txt__item.is-select,
.area__txt__item.is-select{
	display: block;
}

.plan__txt__item .plan__txt__ttl,
.area__txt__item .area__txt__ttl{
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 0.06em;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
}
.plan__txt__ttl span,
.area__txt__ttl span{
	display: inline-block;
	padding: 1px 16px;
	border-radius: 5px;
	letter-spacing: 0;
	background: #0091D7;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
}
.plan__txt__item .plan__txt__txt,
.area__txt__item .area__txt__txt{
	font-size: 16px;
	line-height: 2;
}

/*住まいづくりのヒント*/
.tips__list{
	display: flex;
	gap: 60px;
}
.tips__item{
	width: 540px;
	display: flex;
	gap: 30px;
}
.tips__img{
	width: 240px;
    min-height: 281px;
	border-radius: 10px;
	overflow: hidden;
}
.tips__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tips__right{
	width: 270px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
　　gap: 10px;
}
.tips__item .tips__right .tips__ttl{
	font-size: 24px;
	font-weight: 500;
	color: #0091D7;
	line-height: 1.5;
	height: 3em;
	display: flex;
	align-items: center;
	border: none;
	padding: 0;
}
.tips__item .tips__right .tips__txt{
	font-size: 16px;
	line-height: 2;
	height: 10em;
	margin: 0 0 10px 0;
}
.tips__btn a{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 77px;
	background: #005170;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	position: relative;
	z-index: 1;
}
.tips__btn a::after{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 77px;
    border: 1px solid #005170;
    transform-origin: center;
    transform: scale(1);
}
.tips__btn a:hover{
	opacity: 1;
	color: #fff;
	text-decoration: none;
}
.tips__btn a:hover::after{
    transition: all 0.75s ease-in-out;
    transform-origin: center;
    transform: scale(1.2);
    opacity: 0;
}

/*イデアシリーズについて*/
.section__wrap--series{
	margin: 0;
	padding: 77px 0 80px;
	background: #EAF5FB;
}
.series__list{
	display: flex;
	gap: 20px;
}
.series__item{
	width: 560px;
	border-radius: 10px;
	background: #fff;
	padding: 60px 50px;
	display: flex;
	flex-flow: column;
}
[class*="series__img"]{
	text-align: center;
	padding-bottom: 25px;
	border-bottom: 1px solid #C1C1C1;
	margin-bottom: 20px;
	min-height: fit-content;
}
.series__img--cube img{
	max-width: 289px;
}
.series__img--casa img{
	max-width: 137px;
}
.series__bottom{
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;
	gap: 17px;
	height: 100%;
}
.series__bottom .series__ttl{
	font-size: 24px;
	font-weight: 500;
	color: #0091D7;
	border: none;
	padding: 0;
}
.series__bottom .series__txt{
	font-size: 16px;
	line-height: 2;
	text-align: center;
	margin: 0;
}
.series__btn a{
	width: 280px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 77px;
    background: #005170;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
	position: relative;
	z-index: 1;
}
.series__btn a::after{
	content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 77px;
    border: 1px solid #005170;
    transform-origin: center;
    transform: scale(1);
}
.series__btn a:hover{
	opacity: 1;
	color: #fff;
	text-decoration: none;
}
.series__btn a:hover::after{
	transition: all 0.75s ease-in-out;
    transform-origin: center;
    transform: scale(1.2);
    opacity: 0;
}
.plan__title {
	font-size: 16px;
	font-weight: 700;
	color: #010F17;
	text-align: center;
	margin-bottom: 10px;
	position: relative;
}
.plan__title span {
	font-size: 20px;
	font-weight: 700;
	color: #0091DF;
}
.plan__title::before,
.plan__title::after {
	content: '';
	background: url(/images/blogformat/img_plan-deco.svg) no-repeat center / cover;
	display: block;
	width: 20px;
	height: 25px;
	position: absolute;
	top: 3px;
	left: 2px;
}
.plan__title::after {
	left: unset;
	right: 2px;
	transform: scale(-1, 1);
}

.plan__tab-list {
	display: flex;
	gap: 0 3px;
}
.plan__tab-item label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 68px;
	height: 40px;
	border-radius: 5px 5px 0 0;
	background: #CECECE;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.plan__tab-item label:has(input:checked) {
	background: #FFF;
	border: 1px solid #0091DF;
	border-bottom: none;
	color: #0091DF;
}
.plan__tab-item label:has(input:checked)::before {
	content: '';
	background: #FFF;
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
}
.plan__tab-item label input {
	display: none;
}

.plan__wrap {
	display: none;
}
.plan__wrap.is-select {
	display: block;
}
.plan__contents {
	padding: 12px 19px 19px;
	background: #FFF;
	border: 1px solid #0091DF;
	border-radius: 0 0 5px 5px;
}
	.plan__contents .plan__catch {
		font-size: 14px;
		font-weight: 700;
		color: #0091DF;
		line-height: 1.46;
		margin-bottom: 8px;
	}
	.plan__group--option {
		margin-top: 8px;
	}
		.plan__group-ttl {
			display: flex;
			align-items: center;
			gap: 0 10px;
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 5px;
			white-space: nowrap;
		}
			.plan__group-ttl::after {
				content: '';
				background: #C0C0C0;
				width: 100%;
				height: 1px;
			}
		.plan__area-list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 4px 5px;
		}
			.plan__area-list [class*="plan__area--"] {
				display: flex;
				flex-direction: column;
				gap: 2px;
				font-size: 14px;
				font-weight: 700;
				color: #686868;
				text-align: center;
				cursor: pointer;
				position: relative;
			}
			[class*="plan__area--"]:has(input:checked) {
				color: #0091DF;
			}
				[class*="plan__area--"] img {
					border-radius: 5px;
				}
				[class*="plan__area--"] input {
					display: none;
				}
				[class*="plan__area--"]:has(input:checked)::before {
					content: '';
					display: block;
					width: 118px;
					height: 50px;
					border-radius: 5px;
					border: 1px solid #0091DF;
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
				}
		
.plan__option-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px 5px;
}
	[class*="plan__option-item"] {
		position: relative;
	}
	[class*="plan__option-item"] .paid-label {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 19px;
		background: url(/images/blogformat/img_paid-label.webp) no-repeat center / cover;
		font-size: 12px;
		font-weight: 700;
		color: #FFF;
		position: absolute;
		top: 5px;
		left: -16px;
		transform: rotate(-45deg);
		pointer-events: none;
	}
	[class*="plan__option-item"] label {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.22;
		border: 1px solid #0091D7;
		color: #0091D7;
		border-radius: 5px;
		height: 55px;
		background-color: #FFF;
		text-align: center;
		padding-left: 4px;
		cursor: pointer;
	}
	[class*="plan__option-item"].paid-item label {
		color: #D0A935;
		border: 1px solid #D0A935;	
	}
	[class*="plan__option-item"] label:has(input:checked) {
		background: #E9F4FB;
	}
	[class*="plan__option-item"].paid-item label:has(input:checked) {
		background: #FDFCF6;
	}
		[class*="plan__option-item"] label input {
			display: none;
		}
.step__select .plan__option-notes {
	font-size: 12px;
	font-weight: 500;
	color: #686868;
	line-height: 1.44;
	margin-top: 10px;
}
	.step__select .plan__option-notes span {
		font-size: 12px;
		font-weight: 500;
		color: #D0A935;
	}

@media screen and (max-width: 767px) {
	.blogformat .header__cube{
		width: 7.2vw;
		position: unset;
	}
	.blogformat .float__list{
		width: 100%;
		flex-flow: unset;
		gap: 1.333vw;
		top: unset;
		bottom: 0;
		right: unset;
		left: 0;
	}
	.blogformat .float__list [class*="float__item"]{
		width: 49.6vw;
		height: 13.867vw;
		border: none;
	}
	.blogformat .float__list [class*="float__item"] img{
		display: none;
	}
	.blogformat .float__list [class*="float__item"] a{
		display: block;
		width: 100%;
		height: 100%;
		border: none;
		background-color: transparent;
		background-size: contain;
		background-repeat: no-repeat;
		padding: 0;
	}
	.float__item--01 a{
		background-image: url(/images/blogformat/float_img01_sp.png);
	}
	.float__item--02 a{
		background-image: url(/images/blogformat/float_img02_sp.png);
	}
	.maincontents{
		padding-top: 13.333vw;
	}
	
	/*共通*/
	[class*="section__wrap"]{
		margin-block: 10.667vw;
	}
	.section__inner{
		width: 100%;
		padding: 0 5.333vw;
	}
	[class*="section__wrap"] [class*="section__ttl"]{
		font-size: 7.467vw;
		font-weight: 700;
		line-height: 1.6;
		letter-spacing: 0.05em;
		text-align: center;
		margin-bottom: 4.533vw;
	}
	[class*="section__wrap"] [class*="section__ttl"] span{
		display: block;
		font-family: 'Montserrat';
		font-size: 3.733vw;
		font-weight: 600;
		letter-spacing: 0.06em;
		color: #0091D7;
		margin-bottom: 0;
	}

	/*ヘッダー*/
	.blogformat .org-header{
		height: 13.333vw;
	}
	.blogformat .header__inner{
		height: 13.333vw;
		padding: 0 2.667vw;
	}
	.blogformat .header__logo{
		display: block;
		width: 26.667vw;
		height: auto;
		max-width: unset;
		min-height: unset;
	}
	.blogformat .header__logo img{
		max-height: unset;
		width: 100%;
	}
	.header__court{
		width: 32vw;
	}
	.header__court img{
		width: 100%;
	}
	.blogformat .header__menu{
		width: 8vw;
		height: 8vw;
		background: none;
	}
	.blogformat .header__menu img{
		width: 100%;
	}
	.blogformat .header__left{
		display: flex;
		align-items: center;
		gap: 4vw;
	}
	.blogformat .header__court{
		position: unset;
		width: 32vw;
	}

	/*ヘッダーメニュー*/
	.blogformat .org-menu{
		width: 100%;
		height: 100dvh;
		overflow-y: scroll;
	}
	.blogformat .menu__header{
		height: 13.333vw;
		justify-content: space-between;
		padding: 0 2.667vw;
	}
	.blogformat .menu__header .header__logo{
		display: block;
	}
	.blogformat .menu__close{
		width: 8vw;
		height: 8vw;
		background: none;
	}
	.blogformat .menu__inner{
		background-color: transparent;
	    padding: 8vw 5.333vw 13.333vw;
	}
	.blogformat .menu-link__list{
		display: block;
	    margin-bottom: 10.667vw;
	}
	.blogformat .menu-link__item{
		border-bottom: 1px solid #E6E6E6;
	}
	.blogformat .menu-link__item.sp__none{
		display: none;
	}
	.blogformat .menu-link__item a{
		display: flex;
		align-items: center;
		width: 100%;
		height: 16vw;
		font-size: 3.733vw;
		font-weight: 500;
		color: #010F17;
	}
	.menu-link__item a::before{
		display: none;
	}
	.blogformat .contact__list{
		display: flex;
		flex-flow: column;
	    gap: 2.667vw;
	}
	.blogformat [class^="contact__btn"]{
		width: 100%;
		height: 14.667vw;
		border-radius: 40px;
		border: 1px solid #005170;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #005170;
		font-size: 4.533vw;
		font-weight: 500;
		color: #fff;
		padding-left: 0.8vw;
		position: relative;
		z-index: 1;
	}
	.blogformat [class^="contact__btn"]::before{
		content: '';
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 6.4vw;
		margin: auto;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.blogformat .contact__btn--tel{
		background: #fff;
		font-size: 6.667vw;
		font-weight: 700;
		color: #005170;
	}
	.blogformat .contact__btn--tel::before{
		width: 5.333vw;
		height: 6.667vw;
		background-image: url(/images/mobile/contact_tel.png);
		left: 7.2vw;
	}
	.blogformat .contact__btn--contact::before{
		width: 6.933vw;
		height: 5.067vw;
		background-image: url(/images/mobile/contact_mail.png);
	}
	.blogformat .contact__btn--reservation::before{
		width: 6.133vw;
		height: 6.133vw;
		background-image: url(/images/mobile/contact_calendar.png);
		left: 6.667vw;
	}
	.blogformat .contact__btn--line{
		background: #04C854;
		border-color: #04C854;
	}
	.blogformat .contact__btn--line::before{
		width: 6.667vw;
		height: 6.667vw;
		background-image: url(/images/mobile/contact_line.png);
	}

	/*mainview*/
	.mainview{
		display: block;
		padding: 0;
	}
	.mainview__img__item{
		width: 100%;
		height: 64vw;
		border-radius: 30px 0 0 30px;
	}
	.mainview__img__item img{
		height: 64vw;
		object-position: unset;
	}
	.illumination__select__list{
		position: unset;
		flex-flow: unset;
		justify-content: center;
		gap: 1.333vw;
		margin-top: 2.667vw;
	}
	.illumination__select__item label{
		width: 37.333vw;
		height: 8vw;
		border: 1px solid #BBBBBB;
		font-size: 3.2vw;
		padding: 0 0 0 3.733vw;
		gap: 1.067vw;
	}
	.illumination__select__item label input{
		width: 3.2vw;
		min-width: 3.2vw;
		height: 3.2vw;
	}
	.step__select{
		width: 100%;
		padding: 1.867vw 5.333vw 0;
	}
	.step__option-notes {
		font-size: 3.2vw;
	}
	.step__group{
		margin-bottom: 4vw;
	}
	.step__group .step__ttl{
		font-size: 4.8vw;
		margin-bottom: 1.333vw;
	}
	.step__group .step__ttl .step__head{
		font-size: 3.2vw;
		margin-right: 1.333vw;
		vertical-align: 0.533vw;
	}
	.step__group .step__ttl .step__num{
		width: 6.933vw;
	    height: 6.933vw;
		font-size: 3.733vw;
		line-height: 1.8;
		margin-right: 1.333vw;
		vertical-align: 0.8vw;
	}
	.step__select__list--plan{
		gap: 1.067vw;
	}
    [class*="step__select__list"]{
        gap: 1.333vw;
    }
	[class*="step__select__item"] label{
		min-width: 44vw;
		height: 10.667vw;
		font-size: 3.733vw;
	}
    [class*="step__select__item"] label:hover {
        cursor: unset;
    }
	.step__select__item--plan label{
		font-size: 3.2vw;
	}
	.step__select__item--plan label span{
		font-size: 6.933vw;
	}
	.section__wrap--plan{
		margin-bottom: 9.067vw;
	}
	.section__wrap--area{
		margin-top: 9.067vw;
		margin-bottom: 8.533vw;
	}
	.section__wrap--plan .section__inner, 
	.section__wrap--area .section__inner{
		display: block;
	}
	.plan__img__list,
	.area__img__list{
		top: 0;
		bottom: unset;
		height: 100%;
		min-height: fit-content;
	}
	.plan__img__list{
		right: unset;
	}
	.area__img__list{
		left: unset;
	}
	.plan__img__item,
	.area__img__item{
		height: 100%;
	}
	.plan__img__item{
		padding: 0 2.667vw 2.667vw 0;
		position: relative;
	}
	.plan__img__item::before{
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 0 80px 0 0;
		background: #EAF5FB;
		position: absolute;
		top: 0;
		right: 0;
	}
	.plan__img__item img{
		border-radius: 0 80px 0 0;
		width: 93.867vw;
		min-width: 93.867vw;
		height: 43.467vw;
		object-fit: cover;
		position: relative;
	}
	.area__img__item{
		padding: 0 0 1.867vw 2.667vw;
		position: relative;
	}
	.area__img__item::before{
		content: '';
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 80px 0 0 0;
		background: #EAF5FB;
		position: absolute;
		top: 2.667vw;
		right: 0;
	}
	.area__img__item img{
		border-radius: 80px 0 0 0;
		width: 100%;
		min-width: 100%;
		height: 51.733vw;
		object-fit: cover;
		position: relative;
	}
	.section__wrap--plan .section__inner,
	.section__wrap--area .section__inner{
		display: block;
		padding: 0;
		position: relative;
	}
	.section__wrap--plan .section__inner::before{
		content: 'Plan';
		font-family: 'Montserrat';
		font-size: 26.667vw;
		font-weight: 500;
		letter-spacing: 0.12em;
		line-height: 1.22;
		color: #EAF5FB;
		position: absolute;
		top: 39.2vw;
		right: unset;
		left: 2.133vw;
	}
	.section__wrap--area .section__inner::before{
		content: 'Area';
		font-family: 'Montserrat';
		font-size: 26.667vw;
		font-weight: 500;
		letter-spacing: 0.12em;
		line-height: 1.22;
		color: #EAF5FB;
		position: absolute;
		top: 46.133vw;
		left: unset;
		right: 0;
	}
	.plan__img,
	.area__img{
		width: 95.467vw;
		min-height: 44.8vw;
		position: relative;
	}
	.plan__img{
		min-height: 44.8vw;
		height: 44.8vw;
	}
	.area__img{
		min-height: 51.733vw;
		height: 51.733vw;
		margin-left: auto;
	}
	.plan__txt,
	.area__txt{
		width: 89.333vw;
		margin: 0 auto;
		padding-top: 26.667vw;
		display: flex;
		align-items: center;
		position: relative;
	}

	.plan__txt__item,
	.area__txt__item{
		display: none;
	}
	.plan__txt__item.is-select,
	.area__txt__item.is-select{
		display: block;
	}

	.plan__txt__item .plan__txt__ttl,
	.area__txt__item .area__txt__ttl{
		font-size: 7.467vw;
		font-weight: 500;
		letter-spacing: 0.06em;
		display: flex;
		align-items: center;
		gap: 1.333vw;
		margin-bottom: 1.867vw;
	}
	.plan__txt__ttl span,
	.area__txt__ttl span{
		display: inline-block;
		padding: 0.267vw 4.267vw;
		border-radius: 5px;
		letter-spacing: 0;
		background: #0091D7;
		font-size: 7.467vw;
		font-weight: 500;
		color: #fff;
	}
	.plan__txt__item .plan__txt__txt,
	.area__txt__item .area__txt__txt{
		font-size: 3.733vw;
		line-height: 2.14;
	}
	/*住まいづくりのヒント*/
	.section__wrap--tips{
		margin-top: 8.533vw;
	}
	.tips__list{
		display: flex;
		flex-flow: column;
		gap: 8vw;
	}
	.tips__item{
		width: 100%;
		display: flex;
		flex-flow: column;
		gap: 2.667vw;
	}
	.tips__img{
		width: 100%;
		height: 60.267vw;
		border-radius: 10px;
		overflow: hidden;
	}
	.tips__img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.tips__right{
		width: 100%;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
	}
	.tips__item .tips__right .tips__ttl{
		font-size: 5.867vw;
		font-weight: 500;
		color: #0091D7;
		line-height: 1.545;
		height: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		border: none;
		padding: 0;
		margin-bottom: 1.067vw;
	}
	.tips__item .tips__right .tips__txt{
		font-size: 3.733vw;
		line-height: 2.14;
		height: auto;
		margin: 0 0 4vw;
		text-align: left;
	}
	.tips__btn a{
		width: 72vw;
		height: 13.333vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 77px;
		background: #005170;
		margin: 0 auto;
		font-size: 4.267vw;
		font-weight: 500;
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.tips__btn a::after{
		display: none;
	}
	.tips__btn a:hover{
		opacity: 1;
		color: #fff;
		text-decoration: none;
	}
	/*イデアシリーズについて*/
	.section__wrap--series{
		margin: 0;
		padding: 9.867vw 0 10.667vw;
		background: #EAF5FB;
	}
	.series__list{
		display: flex;
		flex-flow: column;
		gap: 5.333vw;
	}
	.series__item{
		width: 100%;
		border-radius: 10px;
		background: #fff;
		padding: 8vw 4vw;
		display: flex;
		flex-flow: column;
		align-items: center;
	}
	[class*="series__img"]{
		text-align: center;
		padding-bottom: 6.667vw;
		border-bottom: 1px solid #C1C1C1;
		margin-bottom: 2.667vw;
		width: 78.667vw;
		min-height: fit-content;
	}
	.series__img--cube img{
		max-width: 100%;
	}
	.series__img--casa img{
		max-width: 33.6vw;
	}
	.series__bottom{
		display: flex;
		flex-flow: column;
		justify-content: flex-start;
		align-items: center;
		gap: 0;
		height: auto;
	}
	.series__bottom .series__ttl{
		font-size: 5.867vw;
		font-weight: 500;
		color: #0091D7;
		line-height: 1.63;
		text-align: center;
		border: none;
		padding: 0;
		margin: 0 0 0.8vw;
	}
	.series__bottom .series__txt{
		width: 78.667vw;
		font-size: 3.733vw;
		line-height: 2.14;
		text-align: left;
		margin: 0 auto 4vw;
	}
	.series__btn a{
		width: 74.667vw;
		height: 14.667vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 77px;
		background: #005170;
		font-size: 4.267vw;
		font-weight: 500;
		color: #fff;
		position: relative;
		z-index: 1;
	}
	.series__btn a::after{
		display: none;
	}
	.series__btn a:hover{
		opacity: 1;
		color: #fff;
		text-decoration: none;
	}

	.plan__title {
		width: fit-content;
		margin: 0 auto 2.133vw;
		font-size: 3.733vw;
	}
		.plan__title span {
			font-size: 5.333vw;
		}
		.plan__title::before,
		.plan__title::after {
			top: 1.067vw;
		}
		.plan__title::before {
			left: -7.733vw;
		}
		.plan__title::after {
			right: -7.467vw;
		}
	.plan__tab-list {
		justify-content: space-between;
		gap: 0;
	}
		.plan__tab-item label {
			width: 21.6vw;
			height: 10.667vw;
			font-size: 3.2vw;
		}
	.plan__contents {
		padding: 3.2vw 5.067vw 4.533vw;
	}
		.plan__contents .plan__catch {
			font-size: 3.2vw;
			margin-bottom: 2.933vw;
		}
		.plan__group-ttl {
			gap: 2.667vw;
			font-size: 3.733vw;
			margin-bottom: 1.067vw;
		}
		.plan__area-list {
			grid-template-columns: 1fr 1fr 1fr;
			gap: 1.333vw 1.333vw;
		}
		.plan__area-list [class*="plan__area--"] {
			gap: 0.533vw;
			font-size: 3.2vw;
		}
		[class*="plan__area--"]:has(input:checked)::before {
			width: 25.333vw;
			height: 10.133vw;
		}
		[class*="plan__area--"] img {
			width: 25.333vw;
			height: 10.133vw;
		}
		.plan__group--option {
			margin-top: 2.667vw;
		} 
		[class*="plan__option-item"] label {
			width: 38.667vw;
			height: 10.667vw;
			font-size: 3.2vw;
		}
		[class*="plan__option-item"] .paid-label {
			background: url(/images/blogformat/m_img_paid-label.webp) no-repeat center / cover;
			top: 1.067vw;
			left: -3.733vw;
			width: 13.867vw;
			height: 4.533vw;
			font-size: 3.2vw;
		}
		.step__select .plan__option-notes {
			font-size: 3.2vw;
			margin-top: 1.867vw;
		}

}

/*mainviewエリア別表示制御*/
.mainview__area-set {
	display: none;
}
.mainview__area-set.is-show {
	display: block;
}
</style>

<style>
  .plan__notes {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 10px 15px;
    background: rgba(0, 0, 0, .7);
  }
  .plan__notes-text {
    text-align: right;
    color: #FFF;
  }
  .next-article {
		display: none;
	}
@media screen and (max-width: 767px) {

    .plan__notes {
        padding: 1.0vw 2.667vw;
    }
    .plan__notes-text {
        font-size: 2.5vw;
    }
}
</style>]]></description>
            <pubDate>2025-09-17</pubDate>
        </item>
            </channel>
</rss>
