CINXE.COM

戸建住宅・注文住宅 | 積水ハウス

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <link rel="shortcut icon" href="/_public/favicon.ico?dummy=1596058432" /> <link rel="stylesheet" type="text/css" href="/css/kodate.css" charset="UTF-8" /> <link rel="stylesheet" type="text/css" href="/publis.css" /><meta name="viewport" content="width=device-width" /><meta name="keywords" content="" /> <meta name="description" content="積水ハウスの戸建住宅・注文住宅を紹介いたします。積水ハウスの戸建住宅は邸別自由設計。豊富な建築実績と安心の技術力、充実したアフターサポートでお客さまの快適な住まいづくりをお届けします。" /> <title>戸建住宅・注文住宅 | 積水ハウス</title> <script > <!-- var pbGlobalAliasBase = '/'; //--> </script> <script src="/public.js"></script> <meta property="og:title" content="戸建住宅・注文住宅 | 積水ハウス" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.sekisuihouse.co.jp/kodate/" /> <meta property="og:image" content="https://www.sekisuihouse.co.jp/library/img/og_image.jpg" /> <meta property="og:description" content="積水ハウスの戸建住宅・注文住宅を紹介いたします。積水ハウスの戸建住宅は邸別自由設計。豊富な建築実績と安心の技術力、充実したアフターサポートでお客さまの快適な住まいづくりをお届けします。" /> <meta property="twitter:card" content="summary_large_image" /> <link rel="canonical" href="https://www.sekisuihouse.co.jp/kodate/" /> <!-- sekisuihouse Google Tag Manager start --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WK7M58');</script> <!-- End Google Tag Manager --> <link rel="apple-touch-icon" sizes="192x192" href="/library/img/touch-icon.png"> <!-- sekisuihouse Google Tag Manager end --> <meta name="format-detection" content="telephone=no"> <link href="/kodate/assets/css/style.css?20240930_2" rel="stylesheet"> <link href="/kodate/topassets/css/style.css" rel="stylesheet"> <style > body { max-width: 2560px; } .k_h-global { max-width: 2560px; } @media screen and (min-width: 1920px) { .k_h-header { max-width: 2560px; } } </style> <link href="https://mypage.sekisuihouse.co.jp/library/css/_sekisuihouse_co_jp_header.css" rel="stylesheet"> <link href="https://mypage.sekisuihouse.co.jp/library/css/_sekisuihouse_co_jp_illustration.css" rel="stylesheet"> <style > .offset-md-1.col-md-10 .form-row::before, .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .col-md-10.col-btn:first-child .form-row::before, .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .mp-request-catalog .col-btn.box-info-other:first-child::after .form-row::before, .mp-request-catalog .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .col-btn.box-info-other:first-child::after .form-row::before, .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .list-news .mp-list-group-item .col-btn.col-text:first-child .form-row::before, .list-news .mp-list-group-item .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .col-btn.col-text:first-child .form-row::before, .mp-request-catalog .offset-md-1.box-info-other::after .form-row::before, .mp-request-catalog .con_mp-top-ideaclip .box-info-other.box-text::after .form-row::before, .con_mp-top-ideaclip .mp-request-catalog .box-info-other.box-text::after .form-row::before, .con_mp-top-ideaclip .col-md-10.box-text .form-row::before, .con_mp-top-ideaclip .list-news .mp-list-group-item .box-text.col-text .form-row::before, .list-news .mp-list-group-item .con_mp-top-ideaclip .box-text.col-text .form-row::before, .list-news .mp-list-group-item .offset-md-1.col-text .form-row::before, .offset-md-1.col-md-10 .form-row::after, .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .col-md-10.col-btn:first-child .form-row::after, .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .mp-request-catalog .col-btn.box-info-other:first-child::after .form-row::after, .mp-request-catalog .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .col-btn.box-info-other:first-child::after .form-row::after, .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .list-news .mp-list-group-item .col-btn.col-text:first-child .form-row::after, .list-news .mp-list-group-item .offset-md-1 .mp-buttons.mp-buttons_2btn-4col .col-btn.col-text:first-child .form-row::after, .mp-request-catalog .offset-md-1.box-info-other::after .form-row::after, .mp-request-catalog .con_mp-top-ideaclip .box-info-other.box-text::after .form-row::after, .con_mp-top-ideaclip .mp-request-catalog .box-info-other.box-text::after .form-row::after, .con_mp-top-ideaclip .col-md-10.box-text .form-row::after, .con_mp-top-ideaclip .list-news .mp-list-group-item .box-text.col-text .form-row::after, .list-news .mp-list-group-item .con_mp-top-ideaclip .box-text.col-text .form-row::after, .list-news .mp-list-group-item .offset-md-1.col-text .form-row::after { width: 100%; } .row > *, .mp-buttons > *, .rowLayout-10 > *, .modal-lg-catalog .box-buttons > *, .con_mp-top-ideaclip > * { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--mp-gutter-x) * .5); padding-left: calc(var(--mp-gutter-x) * .5); margin-top: var(--mp-gutter-y); } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 8px; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 16px); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 16px); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100%; height: 100%; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 16px; border-bottom: 1px solid #dee2e6; border-top-left-radius: 4px; border-top-right-radius: 4px; } .modal-header .btn-close { padding: 8px 8px; margin: -8px -8px -8px auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 16px; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 12px; border-top: 1px solid #dee2e6; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 112px auto; } .modal-dialog-scrollable { height: calc(100% - 224px); } .modal-dialog-centered { min-height: calc(100% - 224px); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1439.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 8px; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 16px); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 16px); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100%; height: 100%; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 16px 16px; border-bottom: 1px solid #dee2e6; border-top-left-radius: 4px; border-top-right-radius: 4px; } .modal-header .btn-close { padding: 8px 8px; margin: -8px -8px -8px auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 16px; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 12px; border-top: 1px solid #dee2e6; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 112px auto; } .modal-dialog-scrollable { height: calc(100% - 224px); } .modal-dialog-centered { min-height: calc(100% - 224px); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1439.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .align-items-center, .my-ideaclip__url { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .justify-content-center, .my-ideaclip__url { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .col-12, .modal-lg-catalog .box-buttons li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } @media only screen and (min-width: 768px) { .form-row .col-12, .form-row .modal-lg-catalog .box-buttons li, .modal-lg-catalog .box-buttons .form-row li { padding-left: 20px; padding-right: 20px; } } @media only screen and (min-width: 576px) { .mp-reservation-login .box-links .col-12:first-child, .mp-reservation-login .box-links .modal-lg-catalog .box-buttons li:first-child, .modal-lg-catalog .box-buttons .mp-reservation-login .box-links li:first-child { text-align: right; } } @media only screen and (max-width: 575px) { .mp-reservation-login .box-links .col-12:not(:first-child) .txt-link-small, .mp-reservation-login .box-links .modal-lg-catalog .box-buttons li:not(:first-child) .txt-link-small, .modal-lg-catalog .box-buttons .mp-reservation-login .box-links li:not(:first-child) .txt-link-small { margin-top: 12px; } } .col-md-6, .mp-buttons.mp-buttons_1btn-6col .col-btn, .mp-buttons.mp-buttons_2btn-6col .col-btn, .modal-lg-catalog .box-buttons li, .con_mp-top-ideaclip .box-image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; } @media only screen and (min-width: 768px) { .form-notify-setting .row .col-md-6, .form-notify-setting .mp-buttons .col-md-6, .form-notify-setting .rowLayout-10 .col-md-6, .form-notify-setting .modal-lg-catalog .box-buttons .col-md-6, .modal-lg-catalog .form-notify-setting .box-buttons .col-md-6, .form-notify-setting .con_mp-top-ideaclip .col-md-6, .mp-buttons.mp-buttons_1btn-6col .form-notify-setting .row .col-btn, .form-notify-setting .mp-buttons.mp-buttons_1btn-6col .col-btn, .mp-buttons.mp-buttons_1btn-6col .form-notify-setting .rowLayout-10 .col-btn, .mp-buttons.mp-buttons_1btn-6col .form-notify-setting .modal-lg-catalog .box-buttons .col-btn, .mp-buttons.mp-buttons_1btn-6col .modal-lg-catalog .form-notify-setting .box-buttons .col-btn, .mp-buttons.mp-buttons_1btn-6col .form-notify-setting .con_mp-top-ideaclip .col-btn, .mp-buttons.mp-buttons_2btn-6col .form-notify-setting .row .col-btn, .form-notify-setting .mp-buttons.mp-buttons_2btn-6col .col-btn, .mp-buttons.mp-buttons_2btn-6col .form-notify-setting .rowLayout-10 .col-btn, .mp-buttons.mp-buttons_2btn-6col .form-notify-setting .modal-lg-catalog .box-buttons .col-btn, .mp-buttons.mp-buttons_2btn-6col .modal-lg-catalog .form-notify-setting .box-buttons .col-btn, .mp-buttons.mp-buttons_2btn-6col .form-notify-setting .con_mp-top-ideaclip .col-btn, .modal-lg-catalog .box-buttons .form-notify-setting .row li, .modal-lg-catalog .box-buttons .form-notify-setting .mp-buttons li, .modal-lg-catalog .box-buttons .form-notify-setting .rowLayout-10 li, .form-notify-setting .modal-lg-catalog .box-buttons li, .modal-lg-catalog .form-notify-setting .box-buttons li, .modal-lg-catalog .box-buttons .form-notify-setting .con_mp-top-ideaclip li, .con_mp-top-ideaclip .form-notify-setting .row .box-image, .con_mp-top-ideaclip .form-notify-setting .mp-buttons .box-image, .con_mp-top-ideaclip .form-notify-setting .rowLayout-10 .box-image, .con_mp-top-ideaclip .form-notify-setting .modal-lg-catalog .box-buttons .box-image, .con_mp-top-ideaclip .modal-lg-catalog .form-notify-setting .box-buttons .box-image, .form-notify-setting .con_mp-top-ideaclip .box-image { width: 60%; } } .modal-dialog .container { margin: 0 auto; width: 1160px; } @media only screen and (max-width: 767px) { .modal-dialog .container { width: 100%; } } .row, .mp-buttons, .rowLayout-10, .modal-lg-catalog .box-buttons, .con_mp-top-ideaclip { --mp-gutter-x: 24px; --mp-gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--mp-gutter-y) * -1); margin-right: calc(var(--mp-gutter-x) * -.5); margin-left: calc(var(--mp-gutter-x) * -.5); } @media (min-width: 768px) { .col-md-10, .mp-request-catalog .box-info-other::after, .list-news .mp-list-group-item .col-text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%; } } .my-page-modal.fade { display: none !important; } @-webkit-keyframes slideInTop { from { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInTop { from { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px); } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { to { opacity: 0; } } @keyframes fadeOut { to { opacity: 0; } } @-webkit-keyframes fadeOut { to { opacity: 0; } } @keyframes fadeOut { to { opacity: 0; } } .toast__icon { width: 18px; height: 18px; background-image: url(/library/img/icons/icon_toast.svg); background-position: left center; background-repeat: no-repeat; background-size: 100% auto; } #toast { position: fixed; bottom: 12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 999999; display: none; } #toast.show { display: block; } #toast.show .toast { -webkit-animation: slideInTop 0.3s linear,fadeOut linear 1s 3s forwards; animation: slideInTop 0.3s linear,fadeOut linear 1s 3s forwards; } .toast { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 48px; min-width: 541px; border-radius: 4px; background: #83838c; padding: 12px 24px; } .toast + .toast { margin-top: 12px; } @media only screen and (max-width: 767px) { .toast { padding-left: 16px; padding-right: 16px; min-width: 296px; } } .toast__icon { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin-right: 8px; margin-top: 2px; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; } .toast__title { font-style: normal; font-weight: 600; font-size: 15px; line-height: 160%; color: #fff; } @media only screen and (max-width: 767px) { .toast__title { font-size: 14px; } .col-12, .modal-lg-catalog .box-buttons li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; } .mp-buttons.mp-buttons_2btn-6col .col-btn { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--mp-gutter-x) * .5); padding-left: calc(var(--mp-gutter-x) * .5); margin-top: var(--mp-gutter-y); } .mp-buttons .col-btn + .col-btn { margin-top: 20px; } } </style> <script>(window.BOOMR_mq=window.BOOMR_mq||[]).push(["addVar",{"rua.upush":"false","rua.cpush":"false","rua.upre":"false","rua.cpre":"false","rua.uprl":"false","rua.cprl":"false","rua.cprf":"false","rua.trans":"","rua.cook":"false","rua.ims":"false","rua.ufprl":"false","rua.cfprl":"false","rua.isuxp":"false","rua.texp":"norulematch","rua.ceh":"false","rua.ueh":"false","rua.ieh.st":"0"}]);</script> <script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="G67J6-XCQPP-MRS6M-QJ3TB-C6T6R",function(){function e(){if(!o){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,i.parentNode.appendChild(e),o=!0}}function t(e){o=!0;var n,t,a,r,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(i.parentNode,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",r=(a.frameElement||a).style,r.width=0,r.height=0,r.border=0,r.display="none",i.parentNode.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void(0);",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=12,window.BOOMR.url=n+"G67J6-XCQPP-MRS6M-QJ3TB-C6T6R";var i=document.currentScript||document.getElementsByTagName("script")[0],o=!1,r=document.createElement("link");if(r.relList&&"function"==typeof r.relList.supports&&r.relList.supports("preload")&&"as"in r)window.BOOMR.snippetMethod="p",r.href=window.BOOMR.url,r.rel="preload",r.as="script",r.addEventListener("load",e),r.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!o)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),i.parentNode.appendChild(r);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="bdpnbet4tppccz2hp5pa-f-70498cd0d-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"39","ak.cp":"912554","ak.ai":parseInt("584423",10),"ak.ol":"0","ak.cr":1,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"cfb1074","ak.r":6099,"ak.a2":n,"ak.m":"a","ak.n":"essl","ak.bpcip":"8.222.208.0","ak.cport":40338,"ak.gh":"124.155.222.121","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"reno","ak.t":"1732738910","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==/QqVqUp6nej/HxmRmouJtYqy/X0ClQA9md+ffEt1eUPo2kJlAafNPhgZl8HQh36tMrAEgSHMHmycVpm0K1V8f1+cycGlIstorOWcr9d9QBCJ7XHzsx5e7PZpGabazwdkGe2aip3MYsQTi2qwfx12QudR1uob2YVfRACFE6ZMEkaBS73EoylgMM3+kwmuKHcPewBsNbhnOnrSd7I4CBYDW22zDq5e5DDbtWvF8WwI4R7HbC7F4xooUNcnhPxC3Gr1DK4jjdzCm6DzzltaNlbMwCzq5yvaV/dKuqpGWkibM1V3WoTVU2xx/fr/TsnC0H1xNK1UZ/lJr3/wqOgRj5CB6VP7nTgjTbTMHeNElAoAmG0MevXNDDre+Ts4/8lPb+YALCFMp2x0vQ7+u0jb0YnebmeF5nPWBVd5UJIE3vYB6TY=","ak.pv":"74","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script></head> <body class="b-body b-js-body"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WK7M58" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <noscript style="background-color:rgb(255,255,255)"><p>このページではjavascriptを使用しています。</p></noscript> <div id="page" class="pbPage"> <div id="headerArea" class="pbHeaderArea"> <div id="area1" class="pbArea "> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock3465406"> <!-- --> </div> <div class=" pbNested pbNestedWrapper " id="pbBlock3465405"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock3465387"> <header class="k_h-header sp-font"> <div class="heading"> <div class="h-logo"> <a href="/"> <svg xmlns="http://www.w3.org/2000/svg" width="65.461" height="30" viewBox="0 0 65.461 30"> <path d="M45.814,19.351A10.578,10.578,0,0,1,52.691.734c3.92.009,6.742,1.7,9.063,4.934a.719.719,0,0,1-.032.878L46.7,19.435a.741.741,0,0,1-.886-.084" transform="translate(-26.411 -0.46)"/> <path d="M95.393,6.475a.951.951,0,0,1,.168-.985S101.25.582,101.77.127a.751.751,0,0,1,.909.063l6.241,5.143a1.1,1.1,0,0,1,.58.956V18.065c0,.534-.22.722-.674.722H94.338a.484.484,0,0,1-.361-.8,10.73,10.73,0,0,0,2.431-6.867,9.638,9.638,0,0,0-1.014-4.645" transform="translate(-58.869 0)"/> <path d="M167.367,65.078h2.3v1.187h-2.3v1.45h2.3V68.9h-3.516v-6.29h3.516v1.2h-2.3" transform="translate(-104.205 -39.268)"/> <path d="M153.092,65.876c.588.261.9.411.9,1,0,.574-.386.742-.9.738a2.906,2.906,0,0,1-1.626-.53v1.2a2.588,2.588,0,0,0,1.584.51c1.491.006,2.27-.849,2.263-1.9-.005-1.218-.765-1.84-1.989-2.285-.452-.163-.8-.475-.8-.855a.805.805,0,0,1,.872-.687,2.43,2.43,0,0,1,1.508.357V62.19a3.753,3.753,0,0,0-1.584-.327,1.987,1.987,0,0,0-2.1,1.838c-.015,1.148.753,1.669,1.874,2.175" transform="translate(-94.84 -38.799)"/> <path d="M103.576,65.156h1.876V62.607H106.7v6.311h-1.244V66.36h-1.876v2.558h-1.3V62.607h1.3Z" transform="translate(-64.145 -39.266)"/> <path d="M54.594,65.8c.588.26.9.412.9,1s-.384.741-.9.738a2.9,2.9,0,0,1-1.625-.529v1.2a2.585,2.585,0,0,0,1.584.51c1.492.006,2.27-.848,2.265-1.9-.007-1.218-.766-1.84-1.99-2.286-.451-.163-.8-.475-.8-.855A.8.8,0,0,1,54.9,63a2.419,2.419,0,0,1,1.507.356V62.116a3.75,3.75,0,0,0-1.583-.329,1.988,1.988,0,0,0-2.1,1.839c-.015,1.149.751,1.669,1.873,2.176" transform="translate(-33.065 -38.751)"/> <path d="M31.742,65.606l2.353,3.311H32.521l-2.011-2.841v2.841h-1.3v-6.31h1.3v2.518l1.915-2.518h1.545Z" transform="translate(-18.32 -39.266)"/> <path d="M15.934,65.134h2.3V66.32h-2.3v1.45h2.3v1.186H14.716v-6.29h3.516v1.2h-2.3" transform="translate(-9.229 -39.303)"/> <path d="M1.874,65.7c.588.261.9.411.9,1s-.385.743-.9.739a2.906,2.906,0,0,1-1.625-.529v1.2a2.585,2.585,0,0,0,1.584.51c1.492.005,2.27-.85,2.264-1.9-.007-1.218-.765-1.84-1.989-2.285-.451-.164-.8-.475-.8-.855a.806.806,0,0,1,.871-.687,2.427,2.427,0,0,1,1.509.358V62.013A3.766,3.766,0,0,0,2.1,61.686,1.988,1.988,0,0,0,0,63.524c-.014,1.15.753,1.67,1.874,2.175" transform="translate(0 -38.688)"/> <path d="M17.982,65.885v1.268" transform="translate(-11.278 -41.321)"/> <path d="M45.174,68.918h1.355V62.607H45.174Z" transform="translate(-28.332 -39.266)"/> <path d="M71.871,62.607H70.56l0,4.553a.9.9,0,0,1-1.8,0l0-4.553H67.414V67.02a2.14,2.14,0,0,0,2.233,2.221,2.092,2.092,0,0,0,2.224-2.221Z" transform="translate(-42.28 -39.266)"/> <path d="M83.875,68.912h1.354v-6.3H83.875Z" transform="translate(-52.604 -39.266)"/> <path d="M140.243,62.607H138.93l0,4.55a.9.9,0,1,1-1.8,0v-4.55h-1.353v4.409a2.142,2.142,0,0,0,2.233,2.222,2.09,2.09,0,0,0,2.221-2.222Z" transform="translate(-85.16 -39.266)"/> <path d="M169.415,65.828V67.1" transform="translate(-106.253 -41.286)"/> <path d="M121.974,65.224c0-1.271-.51-2.3-1.435-2.3s-1.434,1.031-1.434,2.3.552,2.316,1.434,2.3,1.435-1.03,1.435-2.3h1.24c0,1.881-.909,3.4-2.675,3.406-1.668,0-2.674-1.525-2.674-3.406s.882-3.406,2.674-3.406,2.675,1.525,2.675,3.406Z" transform="translate(-73.922 -38.771)"/> </svg> </a> </div> <div class="h-text"><h1><a href="/kodate/">戸建住宅・注文住宅</a></h1></div> </div> <nav class="menu"> <ul> <li><a href="/kodate/start/">はじめての家づくり</a></li> <li><a href="/kodate/experience/">展示場・土地をさがす</a></li> <li><a href="/kodate/ideas/">建築実例・アイデアを見つける</a></li> <li><a href="/kodate/spec/">構法・性能を知る</a></li> <li><a href="/kodate/support/">永く住むためのサポート</a></li> </ul> </nav> <div class="login " id="headerLink"> <div id="loginDiv" class="header__user active"><div class="header_login"><button class="btn-login btn btn-mypage">ログイン</button></div></div> <!-- <div class="l-button active"><a href="#" target="_blank" rel="noopener">ログイン</a></div> --> <div class="l-icon"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.109" height="17" viewBox="0 0 18.109 17"> <path d="M9.163,8.029a4.014,4.014,0,1,1,4.014-4.014A4.019,4.019,0,0,1,9.163,8.029m0-6.56a2.546,2.546,0,1,0,2.546,2.546A2.549,2.549,0,0,0,9.163,1.468" transform="translate(-0.109 0)" /> <path d="M17.375,17.216H.734a.734.734,0,0,1-.671-1.035A9.952,9.952,0,0,1,9.054,10.2a9.954,9.954,0,0,1,8.991,5.981.733.733,0,0,1-.67,1.035M1.951,15.747H16.157a8.411,8.411,0,0,0-7.1-4.079,8.407,8.407,0,0,0-7.1,4.079" transform="translate(0 -0.215)" /> </svg> </a> </div> </div> <div class="burger-open"><span></span><span></span><span></span></div> </header> <div class="k_h-global sp-font"> <div class="overlay"></div> <div class="inner"> <div class="logo u_sp"> <div class="l-logo"> <a href="/"> <svg xmlns="http://www.w3.org/2000/svg" width="65.461" height="30" viewBox="0 0 65.461 30"> <path d="M45.814,19.351A10.578,10.578,0,0,1,52.691.734c3.92.009,6.742,1.7,9.063,4.934a.719.719,0,0,1-.032.878L46.7,19.435a.741.741,0,0,1-.886-.084" transform="translate(-26.411 -0.46)"/> <path d="M95.393,6.475a.951.951,0,0,1,.168-.985S101.25.582,101.77.127a.751.751,0,0,1,.909.063l6.241,5.143a1.1,1.1,0,0,1,.58.956V18.065c0,.534-.22.722-.674.722H94.338a.484.484,0,0,1-.361-.8,10.73,10.73,0,0,0,2.431-6.867,9.638,9.638,0,0,0-1.014-4.645" transform="translate(-58.869 0)"/> <path d="M167.367,65.078h2.3v1.187h-2.3v1.45h2.3V68.9h-3.516v-6.29h3.516v1.2h-2.3" transform="translate(-104.205 -39.268)"/> <path d="M153.092,65.876c.588.261.9.411.9,1,0,.574-.386.742-.9.738a2.906,2.906,0,0,1-1.626-.53v1.2a2.588,2.588,0,0,0,1.584.51c1.491.006,2.27-.849,2.263-1.9-.005-1.218-.765-1.84-1.989-2.285-.452-.163-.8-.475-.8-.855a.805.805,0,0,1,.872-.687,2.43,2.43,0,0,1,1.508.357V62.19a3.753,3.753,0,0,0-1.584-.327,1.987,1.987,0,0,0-2.1,1.838c-.015,1.148.753,1.669,1.874,2.175" transform="translate(-94.84 -38.799)"/> <path d="M103.576,65.156h1.876V62.607H106.7v6.311h-1.244V66.36h-1.876v2.558h-1.3V62.607h1.3Z" transform="translate(-64.145 -39.266)"/> <path d="M54.594,65.8c.588.26.9.412.9,1s-.384.741-.9.738a2.9,2.9,0,0,1-1.625-.529v1.2a2.585,2.585,0,0,0,1.584.51c1.492.006,2.27-.848,2.265-1.9-.007-1.218-.766-1.84-1.99-2.286-.451-.163-.8-.475-.8-.855A.8.8,0,0,1,54.9,63a2.419,2.419,0,0,1,1.507.356V62.116a3.75,3.75,0,0,0-1.583-.329,1.988,1.988,0,0,0-2.1,1.839c-.015,1.149.751,1.669,1.873,2.176" transform="translate(-33.065 -38.751)"/> <path d="M31.742,65.606l2.353,3.311H32.521l-2.011-2.841v2.841h-1.3v-6.31h1.3v2.518l1.915-2.518h1.545Z" transform="translate(-18.32 -39.266)"/> <path d="M15.934,65.134h2.3V66.32h-2.3v1.45h2.3v1.186H14.716v-6.29h3.516v1.2h-2.3" transform="translate(-9.229 -39.303)"/> <path d="M1.874,65.7c.588.261.9.411.9,1s-.385.743-.9.739a2.906,2.906,0,0,1-1.625-.529v1.2a2.585,2.585,0,0,0,1.584.51c1.492.005,2.27-.85,2.264-1.9-.007-1.218-.765-1.84-1.989-2.285-.451-.164-.8-.475-.8-.855a.806.806,0,0,1,.871-.687,2.427,2.427,0,0,1,1.509.358V62.013A3.766,3.766,0,0,0,2.1,61.686,1.988,1.988,0,0,0,0,63.524c-.014,1.15.753,1.67,1.874,2.175" transform="translate(0 -38.688)"/> <path d="M17.982,65.885v1.268" transform="translate(-11.278 -41.321)"/> <path d="M45.174,68.918h1.355V62.607H45.174Z" transform="translate(-28.332 -39.266)"/> <path d="M71.871,62.607H70.56l0,4.553a.9.9,0,0,1-1.8,0l0-4.553H67.414V67.02a2.14,2.14,0,0,0,2.233,2.221,2.092,2.092,0,0,0,2.224-2.221Z" transform="translate(-42.28 -39.266)"/> <path d="M83.875,68.912h1.354v-6.3H83.875Z" transform="translate(-52.604 -39.266)"/> <path d="M140.243,62.607H138.93l0,4.55a.9.9,0,1,1-1.8,0v-4.55h-1.353v4.409a2.142,2.142,0,0,0,2.233,2.222,2.09,2.09,0,0,0,2.221-2.222Z" transform="translate(-85.16 -39.266)"/> <path d="M169.415,65.828V67.1" transform="translate(-106.253 -41.286)"/> <path d="M121.974,65.224c0-1.271-.51-2.3-1.435-2.3s-1.434,1.031-1.434,2.3.552,2.316,1.434,2.3,1.435-1.03,1.435-2.3h1.24c0,1.881-.909,3.4-2.675,3.406-1.668,0-2.674-1.525-2.674-3.406s.882-3.406,2.674-3.406,2.675,1.525,2.675,3.406Z" transform="translate(-73.922 -38.771)"/> </svg> </a> </div> <div class="l-text"><p><a href="/kodate/">戸建住宅・注文住宅</a></p></div> </div> <div class="burger-close"><span></span><span></span></div> <div class="menu"> <ul> <li class="m-button "><button type="button" >はじめての家づくり</button></li> <li class="m-button "><button type="button" >展示場・土地をさがす</button></li> <li class="m-button "><button type="button" >建築実例・アイデアを見つける</button></li> <li class="m-button "><button type="button" >構法・性能を知る</button></li> <li class="m-button "><button type="button" >永く住むためのサポート</button></li> <li class="m-link"><a href="https://mypage.sekisuihouse.co.jp/" target="_blank" rel="noopener">My STAGE</a></li> <li class="m-link"><a href="/kodate/lkd/" target="_blank" rel="noopener">life knit design</a></li> <li class="m-link"><a href="https://mypage.sekisuihouse.co.jp/catalog/" target="_blank" rel="noopener">カタログ・動画ライブラリー</a></li> <li class="m-contact"><a href="/kodate/contact/" target="_blank" rel="noopener"><img src="/kodate/assets/img/m_icon01.png" alt="">お問い合わせ<br>ご相談</a></li> </ul> </div> <div class="under"> <div class="u-content "> <ul> <li><a href="/kodate/start/" >はじめての家づくり TOP</a></li> <li> <button type="button" class="pull-down ">家づくりの流れ</button> <ul > <li><a href="/kodate/start/flow/" >家づくりの流れ TOP</a></li> <li><a href="/kodate/start/flow/inspection/" >敷地調査のご案内</a></li> <li><a href="/kodate/start/flow/tax-guide/" >住まいの税金ガイド</a></li> </ul> </li> <li><a href="/kodate/start/familysuite/" >ファミリースイート/家族の幸せな大空間リビング</a></li> <li><a href="/kodate/start/tailor-made-planning/" >邸別自由設計/わが家らしく自由に建てる</a></li> <li> <button type="button" class="pull-down ">自由な家づくりを実現する体制</button> <ul > <li><a href="/kodate/start/experts/" >自由な家づくりを実現する体制 TOP</a></li> <li><a href="/kodate/start/experts/production/" >生産体制</a></li> <li><a href="/kodate/start/experts/construction/" >施工体制</a></li> </ul> </li> </ul> </div> <div class="u-content "> <ul> <li><a href="/kodate/experience/" >展示場・土地をさがすTOP</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/modelhouse.html" target="_blank">住宅展示場</a></li> <li><a href="/bunjou/" target="_blank">分譲住宅・土地</a></li> <li><a href="/event/" target="_blank">イベント</a></li> <li><a href="/tlm/" target="_blank">Tomorrow’s Life Museum</a></li> <li><a href="/sumufumuterrace/" target="_blank">SUMUFUMU TERRACE</a></li> <li><a href="/nattoku/" target="_blank">納得工房</a></li> <li><a href="/efp/" target="_blank">エコ・ファーストパーク</a></li> </ul> </div> <div class="u-content "> <ul> <li><a href="/kodate/ideas/" >建築実例・アイデアを見つける TOP</a></li> <li> <button type="button" class="pull-down ">暮らし方のアイデア</button> <ul > <li><a href="/kodate/ideas/lifestyle/puremium/" >ファミリースイート おうちプレミアム</a></li> <li><a href="/kodate/ideas/lifestyle/kids/" >安心の子育て</a></li> <li><a href="/kodate/ideas/lifestyle/share-housework/" >みんなで家事</a></li> <li><a href="/kodate/ideas/lifestyle/multifamily/" >多世帯の家(二世帯住宅・多世帯住宅)</a></li> <li><a href="/kodate/ideas/lifestyle/adult/" >大人夫婦の家</a></li> <li><a href="/kodate/ideas/lifestyle/mobility/" >モビリティと家</a></li> <li><a href="/kodate/ideas/lifestyle/storage/" >収納上手な家</a></li> <li><a href="/kodate/ideas/lifestyle/pet/" >ペットと家</a></li> <li><a href="/kodate/ideas/lifestyle/kitchen/" >おうちゴハン</a></li> <li><a href="/kodate/ideas/lifestyle/music/" >音と家</a></li> </ul> </li> </ul> </div> <div class="u-content "> <ul> <li><a href="/kodate/spec/" >構法・性能を知る TOP</a></li> <li> <button type="button" class="pull-down ">構法(木造・鉄骨)を知る</button> <ul > <li><a href="/kodate/products/steel2/" >鉄骨(1・2階建て)</a></li> <li><a href="/kodate/products/steel3/" >鉄骨(3・4階建て)</a></li> <li><a href="/kodate/products/shawood/" >木造(1~3階建て)</a></li> </ul> </li> <li> <button type="button" class="pull-down ">性能を知る</button> <ul > <li><a href="/kodate/spec/technology/earthquake-resistance/" >耐震性能</a></li> <li><a href="/kodate/spec/technology/comfortability/" >快適性能</a></li> <li><a href="/kodate/spec/technology/durability/" >耐久性能</a></li> </ul> </li> <li> <button type="button" class="pull-down ">住まいの性能評価制度</button> <ul > <li><a href="/kodate/spec/technology/notation/" >住宅性能表示制度</a></li> <li><a href="/kodate/spec/technology/long-life-quality-housing/" >長期優良住宅認定制度</a></li> </ul> </li> <li> <button type="button" class="pull-down ">安心・安全に暮らす</button> <ul > <li><a href="/kodate/spec/safe-secure/universaldesign/" >スマートユニバーサルデザイン</a></li> <li><a href="/kodate/spec/safe-secure/security/" >防犯住宅</a></li> <li><a href="/pfh/" target="_blank">PLATFORM HOUSE touch</a></li> </ul> </li> <li> <button type="button" class="pull-down ">環境と共生する</button> <ul > <li><a href="/kodate/spec/environment/greenfirst-zero/" >グリーンファースト ゼロ(ZEH)</a></li> <li><a href="/kodate/spec/environment/fivetree/" >「5本の樹」計画</a></li> <li><a href="/kodate/spec/environment/wood-procurement/" >木材調達ガイドライン</a></li> <li><a href="/efp/" target="_blank">エコ・ファーストパーク</a></li> </ul> </li> </ul> </div> <div class="u-content "> <ul> <li><a href="/kodate/support/" >永く住むためのサポート TOP</a></li> <li><a href="/kodate/support/warranty/" >長期保証制度</a></li> <li><a href="/liaison/office_cr/" target="_blank">カスタマーズセンター</a></li> <li><a href="/kodate/support/maintenance/" >アフターメンテナンス</a></li> <li><a href="https://noc.sekisuihouse.co.jp/ownersclub2/owner.do" target="_blank">Netオーナーズクラブ</a></li> <li><a href="https://noc.sekisuihouse.co.jp/denki/info.html" target="_blank">積水ハウスオーナーでんき</a></li> <li><a href="https://www.sekisuihousereform.co.jp/" target="_blank">オーナーさま向けリフォーム</a></li> <li><a href="https://sumstock.jp/" target="_blank">スムストック</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div><div id="areaWrapper1" class="pbAreaWrapper1"><div id="areaWrapper2" class="pbAreaWrapper2"><div id="mainArea" class="pbMainArea"> <div id="area0" class="pbArea "> <div class="pbNested " > <div class="max-extend pbNested pbNestedWrapper " id="pbBlock3465391"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock3465400"> <section class="sliderFV" id="sliderFV"> <div class="scroll-text"> <p class="scroll-text__inner">SCROLL</p> <p class="scroll-text__line"></p> </div> <ul class="sliderList"> <li class="sliderItem"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/fv/sp/fv01.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/fv/pc/fv01.jpg" alt=""> </picture> <picture class="fvImageMessage left first"> <img src="/kodate/topassets/img/fv/pc/fv01-title.png" alt=""> </picture> </li> <li class="sliderItem"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/fv/sp/fv02.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/fv/pc/fv02.jpg" alt=""> </picture> <picture class="fvImageMessage right second"> <img src="/kodate/topassets/img/fv/pc/fv02-title.png" alt=""> </picture> </li> <li class="sliderItem"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/fv/sp/fv03.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/fv/pc/fv03.jpg" alt=""> </picture> <picture class="fvImageMessage center three"> <img src="/kodate/topassets/img/fv/pc/fv03-title.png" alt=""> </picture> </li> <li class="sliderItem"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/fv/sp/fv04.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/fv/pc/fv04.jpg" alt=""> </picture> <picture class="fvImageMessage left four"> <img src="/kodate/topassets/img/fv/pc/fv04-title.png" alt=""> </picture> </li> <li class="sliderItem" id="lastSlider"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/fv/sp/fv05.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/fv/pc/fv05.jpg" alt=""> </picture> <picture class="fvImageMessage center five"> <img src="/kodate/topassets/img/fv/pc/fv05-title.png" alt=""> </picture> </li> </ul> <div class="skipButtonBlock" id="skipButtonBlock"> <span class="pointer skipButton" id="skipButton">SKIP MOVIE</span> </div> <div class="sliderNavBlock" id="sliderNavBlock"> </div> </section> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465392"> <section class="main-message"> <div> 家族の毎日。<br>夢とこだわり。 <br>好きなことを大切にする暮らし。 <br>世界でいちばん幸せな家。 </div> </section> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465393"> <section class="house-content family-suite"> <div class="house-content__inner"> <h2 class="house-content__inner__title">家族の幸せな<br class="sp-show">大空間リビング</h2> <p class="house-content__inner__subtitle">ファミリースイート</p> <p class="house-content__inner__detail">仕切りがなく、好きなことをしていても<br class="sp-show">互いの気配を感じられる大空間。<br class="pc-show">成長に合わせて部屋の使い方を変えられる自由度も。</p> <a href="/kodate/start/familysuite" class="regular-btn"> <span class="house-content__inner__link__text"> 詳しく見る </span> <img src="/kodate/topassets/img/common/arrow.svg" alt=""> </a> </div> </section> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465394"> <section class="house-content free-design"> <div class="house-content__inner"> <h2 class="house-content__inner__title"> わが家らしく<br class="sp-show">自由に建てる </h2> <p class="house-content__inner__subtitle">邸別自由設計</p> <p class="house-content__inner__detail"> 決められた家の形に合わせるのではなく、 <br>かなえたいことをイチから自由に<br class="sp-show">プランにしていきます。 </p> <a href="/kodate/start/tailor-made-planning" class="regular-btn"> <span class="regular-btn__text"> 詳しく見る </span> <img src="/kodate/topassets/img/common/arrow.svg" alt=""> </a> </div> <ul class="carousel__main"> <li class="carousel__main__item"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/carousel/sp/content01.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/carousel/content01.jpg" alt=""> </picture> </li> <li class="carousel__main__item"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/carousel/sp/content02.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/carousel/content02.jpg" alt=""> </picture> </li> <li class="carousel__main__item"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/carousel/sp/content03.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/carousel/content03.jpg" alt=""> </picture> </li> <li class="carousel__main__item"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/carousel/sp/content04.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/carousel/content04.jpg" alt=""> </picture> </li> <li class="carousel__main__item"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/carousel/sp/content05.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/carousel/content05.jpg" alt=""> </picture> </li> <li class="carousel__main__item"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/carousel/sp/content06.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/carousel/content06.jpg" alt=""> </picture> </li> <li class="carousel__main__item"> <picture class="fvImage"> <source srcset="/kodate/topassets/img/carousel/sp/content07.jpg" media="(max-width: 768px)"> <img src="/kodate/topassets/img/carousel/content07.jpg" alt=""> </picture> </li> </ul> </section> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465395"> <section class="top-story"> <div class="top-story__inner"> <h2 class="top-h2"> <span>注文住宅で家づくりをはじめよう</span><br> まずは話を聞いてみる。 </h2> <ul class="top-story__inner__flex"> <li class="top-story__inner__flex__item"> <a href="https://www.sekisuihouse.co.jp/liaison/modelhouse.html" class="top-story__inner__flex__item__link pbOpenNewWindow"> <div class="top-story__inner__flex__item__img house"> <img src="/kodate/topassets/img/top/story/icon01.png" alt=""> </div> <p class="sp-line"></p> <p class="top-story__inner__flex__item__text"> <span>住宅展示場へ</span> <img src="/kodate/topassets/img/top/story/link.svg" alt=""> </p> </a> </li> <li class="top-story__inner__flex__item"> <a href="/bunjou/" class="top-story__inner__flex__item__link pbOpenNewWindow"> <div class="top-story__inner__flex__item__img land"> <img class=" " src="/kodate/topassets/img/top/story/icon02.png" alt=""> </div> <p class="sp-line"></p> <p class="top-story__inner__flex__item__text"> <span>土地からさがす</span> <img src="/kodate/topassets/img/top/story/link.svg" alt=""> </p> </a> </li> <li class="top-story__inner__flex__item"> <a href="/event/" class="top-story__inner__flex__item__link pbOpenNewWindow"> <div class="top-story__inner__flex__item__img event"> <img src="/kodate/topassets/img/top/story/icon03.png" alt=""> </div> <p class="sp-line"></p> <p class="top-story__inner__flex__item__text"> <span>イベントへ</span> <img src="/kodate/topassets/img/top/story/link.svg" alt=""> </p> </a> </li> <li class="top-story__inner__flex__item"> <a href="/tlm/" class="top-story__inner__flex__item__link pbOpenNewWindow"> <div class="top-story__inner__flex__item__img museum"> <img src="/kodate/topassets/img/top/story/icon04.png" alt=""> </div> <p class="sp-line"></p> <p class="top-story__inner__flex__item__text"> <span>体験ミュージアムへ</span> <img src="/kodate/topassets/img/top/story/link.svg" alt=""> </p> </a> </li> </ul> <div class="top-story__inner__mymenu"> <p class="top-story__inner__mymenu__title">My STAGE</p> <p class="top-story__inner__mymenu__detail"> 会員登録いただくと、積水ハウスのカタログ・動画をご覧になれます。<br class="pc-show">好きなインテリアや外観写真の保存、希望条件に合う土地情報の通知など、<br class="pc-show">家づくりに役立つ機能も利用できます。 </p> <a href="https://mypage.sekisuihouse.co.jp/about/" class="regular-link-btn pbOpenNewWindow"> <span class="regular-link-btn__text"> 登録する </span> <img src="/kodate/topassets/img/top/story/link.svg" alt=""> </a> </div> </div> </section> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465401"> <div class="top-flow"> <div class="inner"> <div class="imagebox"> <div class="image"><img src="/kodate/topassets/img/top/flow.png"></img></div> <div class="box"> <h2 class="top-h2"><span>戸建住宅・注文住宅完成までの</span><br> 家づくりの流れを知る。 </h2> <p class="text">家づくりは、多くの人にとってはじめての体験です。<br class="pc-show"> 完成までの流れをつかみ、必要な手続きや押さえておきたい<br class="pc-show"> ポイントを知ることで、具体的にイメージしやすくなります。</p> <a href="/kodate/start/flow/" class="regular-btn flow-btn"> <span class="regular-btn__text">詳しく見る</span> <img src="/kodate/topassets/img/common/arrow-black.svg" alt=""> </a> </div> </div> </div> </div> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465397"> <section class="top-example"> <div class="top-example__inner"> <h2 class="top-h2"><span>戸建住宅・注文住宅の建築実例から</span><br>アイデアを見つける。</h2> <ul class="top-example__inner__flex" id="illustration"> <li class="top-example__inner__flex__item"> <!-- <button class="favorite-btn"> <img src="/kodate/topassets/img/common/favorite.png" alt=""> </button> --> <button class="btn icon-heart p-0" data-site_public_id="0316" data-gtm-event="建築実例お気に入り" data-gtm-name="プライバシーを守りながらも、光と開放感にあふれたコートハウス"></button> <a href="/kodate/ideas/detail/0316" class="top-example__inner__flex__item__link"> <div class="top-example__inner__flex__item__img"> <img src="/var/rev1/0001/0792/1231215182225.jpg" alt=""> </div> <h3 class="top-example__inner__flex__item__title"> プライバシーを守りながらも、光と開放感にあふれたコートハウス </h3> </a> <ul class="top-example__inner__flex__item__tab"> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=dfs" class="top-example__inner__flex__item__tab__item__link">#軽量鉄骨</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=2nd" class="top-example__inner__flex__item__tab__item__link">#2階建て</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=fm-kids" class="top-example__inner__flex__item__tab__item__link">#夫婦+子供</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=over200m" class="top-example__inner__flex__item__tab__item__link">#200㎡〜(60.5坪〜)</a> </li> </ul> </li> <li class="top-example__inner__flex__item"> <!-- <button class="favorite-btn"> <img src="/kodate/topassets/img/common/favorite.png" alt=""> </button> --> <button class="btn icon-heart p-0" data-site_public_id="0325" data-gtm-event="建築実例お気に入り" data-gtm-name="日本家屋の空間づかいをヒントにした、三角屋根の平屋の住まい"></button> <a href="/kodate/ideas/detail/0325" class="top-example__inner__flex__item__link"> <div class="top-example__inner__flex__item__img"> <img src="/var/rev1/0001/1196/124115162118.jpg" alt=""> </div> <h3 class="top-example__inner__flex__item__title"> 日本家屋の空間づかいをヒントにした、三角屋根の平屋の住まい </h3> </a> <ul class="top-example__inner__flex__item__tab"> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=shawood" class="top-example__inner__flex__item__tab__item__link">#木造(シャーウッド)</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=hiraya" class="top-example__inner__flex__item__tab__item__link">#平屋</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=fm-kids" class="top-example__inner__flex__item__tab__item__link">#夫婦+子供</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=under100m" class="top-example__inner__flex__item__tab__item__link">#〜100㎡(〜30.2坪)</a> </li> </ul> </li> <li class="top-example__inner__flex__item"> <!-- <button class="favorite-btn"> <img src="/kodate/topassets/img/common/favorite.png" alt=""> </button> --> <button class="btn icon-heart p-0" data-site_public_id="0323" data-gtm-event="建築実例お気に入り" data-gtm-name="静かに緑を眺め、鳥のさえずりを聴くやすらぎの空間"></button> <a href="/kodate/ideas/detail/0323" class="top-example__inner__flex__item__link"> <div class="top-example__inner__flex__item__img"> <img src="/var/rev1/0001/0808/1231217162121.jpg" alt=""> </div> <h3 class="top-example__inner__flex__item__title"> 静かに緑を眺め、鳥のさえずりを聴くやすらぎの空間 </h3> </a> <ul class="top-example__inner__flex__item__tab"> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=shawood" class="top-example__inner__flex__item__tab__item__link">#木造(シャーウッド)</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=2nd" class="top-example__inner__flex__item__tab__item__link">#2階建て</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=fm-kids" class="top-example__inner__flex__item__tab__item__link">#夫婦+子供</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=150m" class="top-example__inner__flex__item__tab__item__link">#100~150㎡(30.2~45.3坪)</a> </li> </ul> </li> <li class="top-example__inner__flex__item"> <!-- <button class="favorite-btn"> <img src="/kodate/topassets/img/common/favorite.png" alt=""> </button> --> <button class="btn icon-heart p-0" data-site_public_id="0322" data-gtm-event="建築実例お気に入り" data-gtm-name="人が集まっても、自然に腰掛ける。居場所を散りばめた平屋の住まい"></button> <a href="/kodate/ideas/detail/0322" class="top-example__inner__flex__item__link"> <div class="top-example__inner__flex__item__img"> <img src="/var/rev1/0001/0777/1231215163953.jpg" alt=""> </div> <h3 class="top-example__inner__flex__item__title"> 人が集まっても、自然に腰掛ける。居場所を散りばめた平屋の住まい </h3> </a> <ul class="top-example__inner__flex__item__tab"> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=shawood" class="top-example__inner__flex__item__tab__item__link">#木造(シャーウッド)</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=hiraya" class="top-example__inner__flex__item__tab__item__link">#平屋</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=fm-kids" class="top-example__inner__flex__item__tab__item__link">#夫婦+子供</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=under100m" class="top-example__inner__flex__item__tab__item__link">#〜100㎡(〜30.2坪)</a> </li> </ul> </li> <li class="top-example__inner__flex__item"> <!-- <button class="favorite-btn"> <img src="/kodate/topassets/img/common/favorite.png" alt=""> </button> --> <button class="btn icon-heart p-0" data-site_public_id="0324" data-gtm-event="建築実例お気に入り" data-gtm-name="好きなモノだけで叶えた、唯一無二のインテリアの家"></button> <a href="/kodate/ideas/detail/0324" class="top-example__inner__flex__item__link"> <div class="top-example__inner__flex__item__img"> <img src="/var/rev1/0001/0734/1231215113526.jpg" alt=""> </div> <h3 class="top-example__inner__flex__item__title"> 好きなモノだけで叶えた、唯一無二のインテリアの家 </h3> </a> <ul class="top-example__inner__flex__item__tab"> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=shawood" class="top-example__inner__flex__item__tab__item__link">#木造(シャーウッド)</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=2nd" class="top-example__inner__flex__item__tab__item__link">#2階建て</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=fm-kids" class="top-example__inner__flex__item__tab__item__link">#夫婦+子供</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=200m" class="top-example__inner__flex__item__tab__item__link">#150~200㎡(45.3~60.5坪)</a> </li> </ul> </li> <li class="top-example__inner__flex__item"> <!-- <button class="favorite-btn"> <img src="/kodate/topassets/img/common/favorite.png" alt=""> </button> --> <button class="btn icon-heart p-0" data-site_public_id="0315" data-gtm-event="建築実例お気に入り" data-gtm-name="既成概念にとらわれない発想で、旗竿地の住み心地を向上"></button> <a href="/kodate/ideas/detail/0315" class="top-example__inner__flex__item__link"> <div class="top-example__inner__flex__item__img"> <img src="/var/rev1/0001/0723/1231214213456.jpg" alt=""> </div> <h3 class="top-example__inner__flex__item__title"> 既成概念にとらわれない発想で、旗竿地の住み心地を向上 </h3> </a> <ul class="top-example__inner__flex__item__tab"> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=shawood" class="top-example__inner__flex__item__tab__item__link">#木造(シャーウッド)</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=2nd" class="top-example__inner__flex__item__tab__item__link">#2階建て</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=couple" class="top-example__inner__flex__item__tab__item__link">#夫婦</a> </li> <li class="top-example__inner__flex__item__tab__item"> <a href="/kodate/ideas/?category=150m" class="top-example__inner__flex__item__tab__item__link">#100~150㎡(30.2~45.3坪)</a> </li> </ul> </li> </ul> <a href="/kodate/ideas/" class="regular-black-btn example-btn"> <span class="regular-black-btn__text"> 詳しく見る </span> <img src="/kodate/topassets/img/common/arrow-black.svg" alt=""> </a> </div> </section> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465399"> <!-- visumo start --> <div class="vsm-tile"> <div class="ecbn-selection-widget" data-type="selection-tile" data-selection="2302_sekisuiTOP_visumocheck" data-userid="e4070704-0939-45c9-814f-817faad1703b" style="display:none;"></div> <script src="https://www.visumo.jp/MediaManagement/WebApi/ecbn-selection-widget.js" defer></script> </div> <!-- visumo end --> </div> </div> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3512627"> <section class="top-idea white"> <div class="top-idea_inner"> <div class="top-idea_titlebox"> <h2 class="top-h2"> <span>戸建住宅・注文住宅の</span><br> 構法(鉄骨・木造)を知る。 </h2> </div> <div class="top-idea_slider"> <div class="top-idea_slider_inner"> <ul class="slider"> <li class="item"> <div class="image"> <img src="/kodate/topassets/img/top/know/content05.jpg"> </div> <div class="k_link f16"><a href="/kodate/products/steel2/">鉄骨(1・2階建て)</a></div> <p class="text">安全性と心地よさを守り、多彩な暮らしを可能にする住まい。</p> </li> <li class="item"> <div class="image"> <img src="/kodate/topassets/img/top/know/content06.jpg"> </div> <div class="k_link f16"><a href="/kodate/products/steel3/">鉄骨(3・4階建て)</a></div> <p class="text">都市の土地で開放感を感じ自然や空の近い暮らしを可能にする住まい。</p></li> <li class="item"> <div class="image"> <img src="/kodate/topassets/img/top/know/content07.jpg"> </div> <div class="k_link f16"><a href="/kodate/products/shawood/">木造(1〜3階建て)</a></div> <p class="text">自然素材のぬくもりと、シンプルでダイナミックな空間を楽しむ木の住まい。</p></li> </ul> </div> </div> </div> </div> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3465403"> <section class="top-idea"> <div class="top-idea_inner"> <div class="top-idea_titlebox"> <h2 class="top-h2"> <span>戸建住宅・注文住宅の</span><br> 暮らし方のアイデアを見る。 </h2> </div> <div class="top-idea_slider"> <div class="top-idea_slider_inner"> <ul class="slider"> <li class="item"> <div class="image"> <img src="/kodate/topassets/img/top/idea/content01.jpg"> </div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/kids/">安心の子育て</a></div> <p class="text">子どもが生きていくために必要な力が、発達に合わせて自然に身に付く住まいの形「コドモイドコロ」。</p> </li> <li class="item"> <div class="image"> <img src="/kodate/topassets/img/top/idea/content02.jpg"> </div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/share-housework/">みんなで家事</a></div> <p class="text">家族みんなで家事をラクして楽しめる4つの法則「トモイエ」。</p></li> <li class="item"> <div class="image"> <img src="/kodate/topassets/img/top/idea/content03.jpg"> </div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/multifamily/">多世帯の家</a></div> <p class="text">さまざまな要素で成り立つ多世帯住宅に、 “うち”だけの形をご提案します。</p></li> <li class="item"> <div class="image"><img src="/kodate/topassets/img/top/idea/content04.jpg"></div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/adult/">大人夫婦の家</a></div> <p class="text">積水ハウスの大人夫婦の家「-間 awai-」は、あなたの“人生の夢”を応援する住まいです。</p> </li> <li class="item"> <div class="image"><img src="/kodate/topassets/img/top/idea/content05.jpg"></div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/mobility/">モビリティと家</a></div> <p class="text">家族の誰もが楽しく、心地よくモビリティとつながる暮らしをぜひ、あなたの「モビリティライフ」に出会ってください。</p> </li> <li class="item"> <div class="image"><img src="/kodate/topassets/img/top/idea/content06.jpg"></div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/storage/">収納上手な家</a></div> <p class="text">3つのクロークが住まいの収納問題を解決します。</p> </li> <li class="item"> <div class="image"><img src="/kodate/topassets/img/top/idea/content07.jpg"></div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/pet/">ペットと家</a></div> <p class="text">大切なペットと一緒に、快適に暮らせる家づくり「ディア・ワン」。ペットとの暮らしに新たな発想や視点が必要です。</p> </li> <li class="item"> <div class="image"><img src="/kodate/topassets/img/top/idea/content08.jpg"></div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/kitchen/">おうちゴハン</a></div> <p class="text">目的や気分で場所を上手に使いこなせるダイニング・キッチン「おいしい365日」を提案します。</p> </li> <li class="item"> <div class="image"><img src="/kodate/topassets/img/top/idea/content09.jpg"></div> <div class="k_link f16"><a href="/kodate/ideas/lifestyle/music/">音と家</a></div> <p class="text">趣味・仕事を充実させるために心おきなく音のある暮らしを楽しめる家づくりを提案します。</p> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div></div></div><div id="footerArea" class="pbFooterArea b-o-footer"> <div id="area4" class="pbArea "> <div class="pbNested " > <div class=" pbNested pbNestedWrapper " id="pbBlock3465412"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock2732759"> <div class="k_side"> <nav> <ul> <li><a href="https://mypage.sekisuihouse.co.jp/catalog/" target="_blank" rel="noopener"><img src="/kodate/assets/img/s_icon01.png" alt=""><span>カタログ<br>動画</span></a></li> <li><a href="/kodate/ideas/"><img src="/kodate/assets/img/s_icon02.png" alt=""><span>建築実例</span></a></li> <li><a class="c_modal" href="#modelhouse"><img src="/kodate/assets/img/s_icon03.png" alt=""><span>展示場</span></a></li> <li><a class="c_modal" href="#bunjou"><img src="/kodate/assets/img/s_icon04.png" alt=""><span>土地</span></a></li> <li><a class="c_modal" href="#event"><img src="/kodate/assets/img/s_icon05.png" alt=""><span>イベント</span></a></li> <div class="button"></div> </nav> </div> </div> <div class="pbNested pbNestedWrapper " id="pbBlock2732787"> <!-- 住宅展示場をさがす --> <div id="modelhouse" class="mfp-hide"> <div class="c_modal-content"> <h4 class="bar">住宅展示場をさがす</h4> <div class="inner"> <div class="area"> <div class="area-box1"> <div class="box-title1">北海道・東北</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/01/modelhouse.html" target="_blank">北海道</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/02/modelhouse.html" target="_blank">青森</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/03/modelhouse.html" target="_blank">岩手</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/04/modelhouse.html" target="_blank">宮城</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/05/modelhouse.html" target="_blank">秋田</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/06/modelhouse.html" target="_blank">山形</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/07/modelhouse.html" target="_blank">福島</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">関東・甲信越</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/13/modelhouse.html" target="_blank">東京</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/14/modelhouse.html" target="_blank">神奈川</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/11/modelhouse.html" target="_blank">埼玉</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/12/modelhouse.html" target="_blank">千葉</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/08/modelhouse.html" target="_blank">茨城</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/09/modelhouse.html" target="_blank">栃木</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/10/modelhouse.html" target="_blank">群馬</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/19/modelhouse.html" target="_blank">山梨</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/15/modelhouse.html" target="_blank">新潟</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/20/modelhouse.html" target="_blank">長野</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">東海・北陸</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/23/modelhouse.html" target="_blank">愛知</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/21/modelhouse.html" target="_blank">岐阜</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/22/modelhouse.html" target="_blank">静岡</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/24/modelhouse.html" target="_blank">三重</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/16/modelhouse.html" target="_blank">富山</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/18/modelhouse.html" target="_blank">福井</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/17/modelhouse.html" target="_blank">石川</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">近畿</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/27/modelhouse.html" target="_blank">大阪</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/28/modelhouse.html" target="_blank">兵庫</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/26/modelhouse.html" target="_blank">京都</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/25/modelhouse.html" target="_blank">滋賀</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/29/modelhouse.html" target="_blank">奈良</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/30/modelhouse.html" target="_blank">和歌山</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">中国</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/34/modelhouse.html" target="_blank">広島</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/33/modelhouse.html" target="_blank">岡山</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/35/modelhouse.html" target="_blank">山口</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/31/modelhouse.html" target="_blank">鳥取</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/32/modelhouse.html" target="_blank">島根</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">四国</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/36/modelhouse.html" target="_blank">徳島</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/37/modelhouse.html" target="_blank">香川</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/38/modelhouse.html" target="_blank">愛媛</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/39/modelhouse.html" target="_blank">高知</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">九州</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/40/modelhouse.html" target="_blank">福岡</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/41/modelhouse.html" target="_blank">佐賀</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/42/modelhouse.html" target="_blank">長崎</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/43/modelhouse.html" target="_blank">熊本</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/44/modelhouse.html" target="_blank">大分</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/45/modelhouse.html" target="_blank">宮崎</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/46/modelhouse.html" target="_blank">鹿児島</a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- 土地・分譲住宅をさがす --> <div id="bunjou" class="mfp-hide"> <div class="c_modal-content"> <h4 class="bar">土地・分譲住宅をさがす</h4> <div class="inner"> <div class="area"> <div class="area-box1"> <div class="box-title1">北海道・東北</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/bunjou/01hokkaido/" target="_blank">北海道</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/02aomori/" target="_blank">青森</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/03iwate/" target="_blank">岩手</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/04miyagi/" target="_blank">宮城</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/05akita/" target="_blank">秋田</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/06yamagata/" target="_blank">山形</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/07fukushima/" target="_blank">福島</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">関東・甲信越</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/bunjou/13tokyo/" target="_blank">東京</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/14kanagawa/" target="_blank">神奈川</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/11saitama/" target="_blank">埼玉</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/12chiba/" target="_blank">千葉</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/08ibaragi/" target="_blank">茨城</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/09tochigi/" target="_blank">栃木</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/10gunma/" target="_blank">群馬</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/19yamanashi/" target="_blank">山梨</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/15niigata/" target="_blank">新潟</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/20nagano/" target="_blank">長野</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">東海・北陸</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/bunjou/23aichi/" target="_blank">愛知</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/21gifu/" target="_blank">岐阜</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/22sizuoka/" target="_blank">静岡</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/24mie/" target="_blank">三重</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/16toyama/" target="_blank">富山</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/18fukui/" target="_blank">福井</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/17ishikawa/" target="_blank">石川</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">近畿</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/bunjou/27osaka/" target="_blank">大阪</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/28hyougo/" target="_blank">兵庫</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/26kyoto/" target="_blank">京都</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/25shiga/" target="_blank">滋賀</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/29nara/" target="_blank">奈良</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/30wakayama/" target="_blank">和歌山</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">中国</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/bunjou/34hiroshima/" target="_blank">広島</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/33okayama/" target="_blank">岡山</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/35yamaguchi/" target="_blank">山口</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/31tottori/" target="_blank">鳥取</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/32shimane/" target="_blank">島根</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">四国</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/bunjou/36tokushima/" target="_blank">徳島</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/37kagawa/" target="_blank">香川</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/38ehime/" target="_blank">愛媛</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/39kouchi/" target="_blank">高知</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">九州</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/bunjou/40fukuoka/" target="_blank">福岡</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/41saga/" target="_blank">佐賀</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/42nagasaki/" target="_blank">長崎</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/43kumamoto/" target="_blank">熊本</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/44ooita/" target="_blank">大分</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/45miyazaki/" target="_blank">宮崎</a></li> <li><a href="https://www.sekisuihouse.co.jp/bunjou/46kagoshima/" target="_blank">鹿児島</a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- イベントをさがす --> <div id="event" class="mfp-hide"> <div class="c_modal-content"> <h4 class="bar">イベントをさがす</h4> <div class="inner"> <div class="area"> <div class="area-box1"> <div class="box-title1">北海道・東北</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/event/basic/01hokkaido/2/" target="_blank">北海道</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/02aomori/2/" target="_blank">青森</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/03iwate/2/" target="_blank">岩手</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/04miyagi/2/" target="_blank">宮城</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/05akita/2/" target="_blank">秋田</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/06yamagata/2/" target="_blank">山形</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/07fukushima/2/" target="_blank">福島</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">関東・甲信越</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/event/basic/13tokyo/2/" target="_blank">東京</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/14kanagawa/2/" target="_blank">神奈川</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/11saitama/2/" target="_blank">埼玉</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/12chiba/2/" target="_blank">千葉</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/08ibaragi/2/" target="_blank">茨城</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/09tochigi/2/" target="_blank">栃木</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/10gunma/2/" target="_blank">群馬</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/19yamanashi/2/" target="_blank">山梨</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/15niigata/2/" target="_blank">新潟</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/20nagano/2/" target="_blank">長野</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">東海・北陸</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/event/basic/23aichi/2/" target="_blank">愛知</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/21gifu/2/" target="_blank">岐阜</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/22sizuoka/2/" target="_blank">静岡</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/24mie/2/" target="_blank">三重</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/16toyama/2/" target="_blank">富山</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/18fukui/2/" target="_blank">福井</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/17ishikawa/2/" target="_blank">石川</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">近畿</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/event/basic/27osaka/2/" target="_blank">大阪</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/28hyougo/2/" target="_blank">兵庫</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/26kyoto/2/" target="_blank">京都</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/25shiga/2/" target="_blank">滋賀</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/29nara/2/" target="_blank">奈良</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/30wakayama/2/" target="_blank">和歌山</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">中国</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/event/basic/34hiroshima/2/" target="_blank">広島</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/33okayama/2/" target="_blank">岡山</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/35yamaguchi/2/" target="_blank">山口</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/31tottori/2/" target="_blank">鳥取</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/32shimane/2/" target="_blank">島根</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">四国</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/event/basic/36tokushima/2/" target="_blank">徳島</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/37kagawa/2/" target="_blank">香川</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/38ehime/2/" target="_blank">愛媛</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/39kouchi/2/" target="_blank">高知</a></li> </ul> </div> </div> <div class="area-box1"> <div class="box-title1">九州</div> <div class="box-contens1"> <ul> <li><a href="https://www.sekisuihouse.co.jp/event/basic/40fukuoka/2/" target="_blank">福岡</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/41saga/2/" target="_blank">佐賀</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/42nagasaki/2/" target="_blank">長崎</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/43kumamoto/2/" target="_blank">熊本</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/44ooita/2/" target="_blank">大分</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/45miyazaki/2/" target="_blank">宮崎</a></li> <li><a href="https://www.sekisuihouse.co.jp/event/basic/46kagoshima/2/" target="_blank">鹿児島</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" pbNested pbNestedWrapper " id="pbBlock3465416"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock2732551"> <div class="k_f-pickup"> <div class="title">PICK UP</div> <div class="slider"> <div class="item"> <a href="https://www.sekisuihouse.co.jp/kodate/event/sankanbi/" target="_blank" rel="noopener"> <img src="/var/rev1/0001/2760/sekisui_sankanbi24_hizuke_640x360.jpg" alt="住まいの参観日| 積水ハウス"> </a> </div> <div class="item"> <a href="/kodate/lkd/" target="_blank" rel="noopener"> <img src="/var/rev1/0000/8904/lkd_pickup.png" alt="時間と共に愛着を編み込む住まい「life knit design」"> </a> </div> <div class="item"> <a href="https://www.sekisuihouse.co.jp/kodate/shc/" target="_blank" rel="noopener"> <img src="/library/shc_bnr_670-360.jpg" alt="積水ハウスチャンネル|積水ハウス"> </a> </div> <div class="item"> <a href="https://www.sekisuihouse.co.jp/kodate/hibikibi?utm_source=hp&utm_medium=banner_campaign=20230804hibikibi_sha_kodate&argument=6HBGPszs&dmai=sha_hibikibi_05" target="_blank" rel="noopener"> <img src="/library/img/hibikibi.jpg" alt="日々、機微。あなたらしい暮らしのヒント | ⼾建住宅 | 積水ハウス"> </a> </div> <div class="item"> <a href="https://mypage.sekisuihouse.co.jp/about" target="_blank" rel="noopener"> <img src="/var/rev1/0000/9150/mystage_670_360.jpg" alt="SEKISUI HOUSE My STAGEとは|積水ハウス"> </a> </div> <div class="item"> <a href="https://www.sekisuihouse.co.jp/kodate/hokuohkurashi/?utm_source=hp&utm_medium=banner_campaign=20221201hokuohkurashi_sha_top&argument=6HBGPszs&dmai=sha_hokuoh_06" target="_blank" rel="noopener"> <img src="/var/rev1/0001/2558/12491113380.png" alt="Scene of Life -愛着をつむぐ暮らし- 積水ハウス×北欧、暮らしの道具店 | 戸建住宅 | 積水ハウス"> </a> </div> <div class="item"> <a href="https://www.sekisuihouse.co.jp/kodate/designoffice/" target="_blank" rel="noopener"> <img src="/var/rev1/0000/3638/DO0825.jpg" alt="DESIGN OFFICE|積水ハウス"> </a> </div> <div class="item"> <a href="https://www.sekisuihouse.co.jp/tlm/index.html" target="_blank" rel="noopener"> <img src="/var/rev1/0000/3486/tlm_pickup.jpg" alt="Tomorrow’s Life Museum|積水ハウス"> </a> </div> <div class="item"> <a href="https://www.sekisuihouse.co.jp/pfh/" target="_blank" rel="noopener"> <img src="/var/rev1/0000/3669/PFHtouch.jpg" alt="PLATFORM HOUSE|積水ハウス"> </a> </div> </div> </div> </div> </div> </div> <div class=" pbNested pbNestedWrapper " id="pbBlock3465414"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock2732608"> <div class="k_f-link sp-font"> <div class="box"> <div class="title"><a href="/liaison/" target="_blank" rel="noopener">お近くの積水ハウス</a></div> <div class="list"> <ul> <li><a href="https://www.sekisuihouse.co.jp/liaison/modelhouse.html" target="_blank" rel="noopener">住宅展示場</a></li> <li><a href="/event/" target="_blank" rel="noopener">イベント情報</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/office_kodate.html" target="_blank" rel="noopener">戸建住宅取り扱い支店・事業所</a></li> <li><a href="/liaison/office_cr/" target="_blank" rel="noopener">カスタマーズセンター</a></li> </ul> </div> </div> <div class="box"> <div class="title"><a href="/kodate/contact/">お問い合わせ・ご相談</a></div> <div class="list"> <ul> <li><a href="/kodate/contact/#order">注文住宅</a></li> <li><a href="/kodate/contact/#bunjou">分譲住宅・土地</a></li> <li><a href="/kodate/contact/#mystage">My STAGE</a></li> <li><a href="/kodate/contact/#customers">カスタマーズセンター</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class=" pbNested pbNestedWrapper " id="pbBlock3465415"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock2732510"> <div class="k_f-sns"> <div class="title">公式SNS</div> <div class="list"> <ul> <li class="instagram"><a href="https://instagram.com/sekisuihouse/" target="_blank" rel="noopener"><img src="/kodate/assets/img/f_sns01.png" alt="" class="u_pc"><img src="/kodate/assets/img/f_sns01-on.png" alt="" class="u_sp"></a></li> <li class="youtube"><a href="https://www.youtube.com/c/SekisuiHouseChannel" target="_blank" rel="noopener"><img src="/kodate/assets/img/f_sns02.png" alt="" class="u_pc"><img src="/kodate/assets/img/f_sns02-on.png" alt="" class="u_sp"></a></li> <li class="line"><a href="https://line.me/R/ti/p/%40sekisuihouse" target="_blank" rel="noopener"><img src="/kodate/assets/img/f_sns03.png" alt="" class="u_pc"><img src="/kodate/assets/img/f_sns03-on.png" alt="" class="u_sp"></a></li> <li class="facebook"><a href="https://www.facebook.com/sekisuihouse/" target="_blank" rel="noopener"><img src="/kodate/assets/img/f_sns04.png" alt="" class="u_pc"><img src="/kodate/assets/img/f_sns04-on.png" alt="" class="u_sp"></a></li> <li class="twitter-x"><a href="https://twitter.com/SekisuiHouse_" target="_blank" rel="noopener"><img src="/kodate/assets/img/f_sns06.png" alt="" class="u_pc"><img src="/kodate/assets/img/f_sns06-on.png" alt="" class="u_sp"></a></li> </ul> </div> <div class="k_button"><a href="/company/sns/" target="_blank" rel="noopener">一覧を見る</a></div> </div> </div> </div> </div> <div class=" b-o-footer_bread pbNested pbNestedWrapper " id="pbBlock3465409"> <div class="pbNested " > <div class=" b-a-wrapper pbNested pbNestedWrapper " id="pbBlock3275947"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock3275940"> <div class="pbBlock pbBlockNavigation "> <a href="/">積水ハウスTOP</a>戸建住宅・注文住宅</div> </div> </div> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3205110"> </div> </div> </div> <div class=" pbNested pbNestedWrapper " id="pbBlock3465411"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock3060667"> <div class="b-o-footer_pagetop b-js-pagetop"> <p class="b-a-plainText b-a-plainText_s b-is-strong b-is-white">PAGE TOP</p> </div> </div> </div> </div> <div class=" pbNested pbNestedWrapper " id="pbBlock3465413"> <div class="pbNested " > <div class="k_f-footer pbNested pbNestedWrapper " id="pbBlock2732533"> <div class="pbNested " > <div class="inner pbNested pbNestedWrapper " id="pbBlock2732534"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock2732536"> <div class="pbBlock pbBlockBase"> <div> <div class="logo"> <a href="/"><img src="/kodate/assets/img/f_logo.png" alt="SEKISUI HOUSE" title="SEKISUI HOUSE" style="float: none;"></a> </div> </div> </div> </div> <div class="pbNested pbNestedWrapper " id="pbBlock2732538"> <div class="accordion active"> <div class="a-title">戸建住宅メニュー</div> <div class="a-content"> <div class="column col-4"> <div class="box"> <div class="title pull-down"><a href="/kodate/start/" >はじめての家づくり</a></div> <div class="list"> <ul> <li class="u_sp"><a href="/kodate/start/" >はじめての家づくり TOP</a></li> <li><a href="/kodate/start/flow/" >家づくりの流れ</a></li> <li><a href="/kodate/start/familysuite/" >ファミリースイート/家族の幸せな大空間リビング</a></li> <li><a href="/kodate/start/tailor-made-planning/" >邸別自由設計/わが家らしく自由に建てる</a></li> <li><a href="/kodate/start/experts/" >自由な家づくりを実現する体制</a></li> </ul> </div> </div> <div class="box"> <div class="title pull-down"><a href="/kodate/experience/" >展示場・土地をさがす</a></div> <div class="list"> <ul> <li class="u_sp"><a href="/kodate/experience/" >展示場・土地をさがす TOP</a></li> <li><a href="https://www.sekisuihouse.co.jp/liaison/modelhouse.html" target = "_blank">住宅展示場</a></li> <li><a href="/bunjou/" target = "_blank">分譲住宅・土地</a></li> <li><a href="/event/" target = "_blank">イベント</a></li> <li><a href="/tlm/" target = "_blank">Tomorrow’s Life Museum</a></li> <li><a href="/sumufumuterrace/" target = "_blank">SUMUFUMU TERRACE</a></li> <li><a href="/nattoku/" target = "_blank">納得工房</a></li> <li><a href="/efp/" target = "_blank">エコ・ファーストパーク</a></li> </ul> </div> </div> <div class="box"> <div class="title pull-down"><a href="/kodate/ideas/" >建築実例・アイデアを見つける</a></div> <div class="list"> <ul> <li class="u_sp"><a href="/kodate/ideas/" >建築実例・アイデアを見つける TOP</a></li> <li><a href="/kodate/ideas/lifestyle/puremium/" >ファミリースイート おうちプレミアム</a></li> <li><a href="/kodate/ideas/lifestyle/kids/" >安心の子育て</a></li> <li><a href="/kodate/ideas/lifestyle/share-housework/" >みんなで家事</a></li> <li><a href="/kodate/ideas/lifestyle/multifamily/" >多世帯の家(二世帯住宅・多世帯住宅)</a></li> <li><a href="/kodate/ideas/lifestyle/adult/" >大人夫婦の家</a></li> <li><a href="/kodate/ideas/lifestyle/mobility/" >モビリティと家</a></li> <li><a href="/kodate/ideas/lifestyle/storage/" >収納上手な家</a></li> <li><a href="/kodate/ideas/lifestyle/pet/" >ペットと家</a></li> <li><a href="/kodate/ideas/lifestyle/kitchen/" >おうちゴハン</a></li> <li><a href="/kodate/ideas/lifestyle/music/" >音と家</a></li> </ul> </div> </div> <div class="box"> <div class="title pull-down"><a href="/kodate/spec/" >構法・性能を知る</a></div> <div class="list"> <ul> <li class="u_sp"><a href="/kodate/spec/" >構法・性能を知る TOP</a></li> <li><a href="/kodate/products/steel2/" >鉄骨(1・2階建て)</a></li> <li><a href="/kodate/products/steel3/" >鉄骨(3・4階建て)</a></li> <li><a href="/kodate/products/shawood/" >シャーウッド(木造1~3階建て)</a></li> <li><a href="/kodate/spec/technology/earthquake-resistance/" >耐震性能</a></li> <li><a href="/kodate/spec/technology/comfortability/" >快適性能</a></li> <li><a href="/kodate/spec/technology/durability/" >耐久性能</a></li> <li><a href="/kodate/spec/technology/notation/" >住宅性能表示制度</a></li> <li><a href="/kodate/spec/technology/long-life-quality-housing/" >長期優良住宅認定制度</a></li> <li><a href="/kodate/spec/safe-secure/universaldesign/" >スマートユニバーサルデザイン</a></li> <li><a href="/kodate/spec/safe-secure/security/" >防犯住宅</a></li> <li><a href="/pfh/" target = "_blank">PLATFORM HOUSE touch</a></li> <li><a href="/kodate/spec/environment/greenfirst-zero/" >グリーンファースト ゼロ(ZEH)</a></li> <li><a href="/kodate/spec/environment/fivetree/" >「5本の樹」計画</a></li> <li><a href="/kodate/spec/environment/wood-procurement/" >木材調達ガイドライン</a></li> <li><a href="/efp/" target = "_blank">エコ・ファーストパーク</a></li> </ul> </div> </div> <div class="box"> <div class="title pull-down"><a href="/kodate/support/" >永く住むためのサポート</a></div> <div class="list"> <ul> <li class="u_sp"><a href="/kodate/support/" >永く住むためのサポート TOP</a></li> <li><a href="/kodate/support/warranty/" >長期保証制度(永年保証)</a></li> <li><a href="/liaison/office_cr/" target = "_blank">カスタマーズセンター</a></li> <li><a href="/kodate/support/maintenance/" >アフターメンテナンス</a></li> <li><a href="https://noc.sekisuihouse.co.jp/ownersclub2/owner.do" target = "_blank">Netオーナーズクラブ</a></li> <li><a href="https://noc.sekisuihouse.co.jp/denki/info.html" target = "_blank">積水ハウスオーナーでんき</a></li> <li><a href="https://www.sekisuihousereform.co.jp/" target = "_blank">オーナーさま向けリフォーム</a></li> <li><a href="https://sumstock.jp/" target = "_blank">スムストック</a></li> </ul> </div> </div> <div class="box"> <div class="title"><a href="https://mypage.sekisuihouse.co.jp/" target = "_blank">My STAGE</a></div> </div> <div class="box"> <div class="title"><a href="/kodate/lkd/" target = "_blank">life knit design</a></div> </div> <div class="box"> <div class="title"><a href="https://mypage.sekisuihouse.co.jp/catalog/" target = "_blank">カタログ・動画ライブラリー</a></div> </div> </div> </div> </div> </div> <div class="pbNested pbNestedWrapper " id="pbBlock2732535"> <div class="accordion"> <div class="a-title">積水ハウス総合メニュー</div> <div class="a-content"> <div class="column col-6"> <div class="box"> <div class="title pull-down">住まい</div> <div class="list"> <ul> <li><a href="/kodate/">戸建住宅</a></li> <li><a href="/bunjou/">分譲住宅・土地</a></li> <li><a href="https://www.sekisuihouse.co.jp/gm/" target="_blank" rel="noopener">分譲マンション(グランドメゾン)</a></li> <li><a href="https://www.shamaison.com/" target="_blank" rel="noopener">賃貸住宅(シャーメゾン)</a></li> <li><a href="https://www.grandmast.jp/" target="_blank" rel="noopener">高齢者向け賃貸住宅(グランドマスト)</a></li> <li><a href="/reform/">リフォーム</a></li> <li><a href="https://www.sekiwafudousan.com/sumstock/" target="_blank" rel="noopener">優良ストック住宅</a></li> <li><a href="https://www.sekiwafudousan.com/" target="_blank" rel="noopener">不動産仲介(積水ハウス不動産グループ)</a></li> </ul> </div> </div> <div class="box"> <div class="title pull-down"><a href="/land_usage/">土地活用</a></div> <div class="list"> <ul> <li><a href="/shm-keiei/">賃貸住宅経営(シャーメゾン)</a></li> <li><a href="/medical/nursery/">保育所等子ども関連施設</a></li> <li><a href="/medical/clinic/">医院・クリニック</a></li> <li><a href="/akiyakatsuyo/">空き家活用</a></li> </ul> </div> </div> <div class="box"> <div class="title pull-down">法人・行政のお客様</div> <div class="list"> <ul> <li><a href="/crepre/">法人・行政向け不動産活用</a></li> <li><a href="/medical/">医療施設・介護施設・高齢者向け施設</a></li> <li><a href="/medical/nursery/">保育所等子ども関連施設</a></li> <li><a href="/si-collaboration/">SI事業(住宅建設会社の皆さまへ)</a></li> </ul> </div> </div> <div class="box"> <div class="title pull-down"><a href="/development_business/">開発事業</a></div> <div class="list"> <ul> <li><a href="/development_business/feature/">開発事業の強み</a></li> <li><a href="/development_business/case_study/">建築実例</a></li> <li><a href="/development_business/office/">オフィス系開発事業</a></li> <li><a href="/development_business/hotel/">ホテル系開発事業</a></li> <li><a href="/development_business/joint_business/">大規模開発事業</a></li> <li><a href="/development_business/apartment/">賃貸マンション開発事業</a></li> <li><a href="/development_business/condominium/">分譲マンション開発事業</a></li> </ul> </div> </div> <div class="box"> <div class="title"><a href="https://www.sekisuihouse-global.com/jp/" target="_blank" rel="noopener">国際事業</a></div> </div> <div class="box"> <div class="title pull-down"><a href="/company/">企業・IR・ESG・採用</a></div> <div class="list"> <ul> <li><a href="/company/info/">会社情報</a></li> <li><a href="/company/financial/">株主・投資家情報</a></li> <li><a href="/company/sustainable/">ESG経営</a></li> <li><a href="/company/activity/">積水ハウスの取り組み</a></li> <li><a href="/company/rd/">研究開発</a></li> <li><a href="/recruit/">採用情報</a></li> <li><a href="/company/topics/">ニュースリリース</a></li> </ul> </div> </div> </div> </div> </div> <div class="accordion"> <div class="a-title">積水ハウスグループリンク</div> <div class="a-content"> <div class="column-list"> <ul> <li><a href="https://www.noie.sekisuihouse.co.jp/" target="_blank" rel="noopener">積水ハウス ノイエ株式会社</a></li> <li><a href="https://sekisuihouse-f.jp" target="_blank" rel="noopener">積水ハウス不動産グループ</a></li> <li><a href="https://www.sekisuihousereform.co.jp/" target="_blank" rel="noopener">積水ハウスリフォーム(オーナー様向けリフォーム)</a></li> <li><a href="https://www.sekisuihouse-k.jp" target="_blank" rel="noopener">積水ハウス建設グループ</a></li> <li><a href="https://sekisuihouse-am.co.jp" target="_blank" rel="noopener">積水ハウス・アセットマネジメント株式会社</a></li> <li><a href="https://www.sekisuihouse.co.jp/sfs/" target="_blank" rel="noopener">積水ハウスフィナンシャルサービス</a></li> <li><a href="https://www.sekisuihouse-trust.co.jp" target="_blank" rel="noopener">積水ハウス信託株式会社</a></li> <li><a href="https://www.kinutani-tenku.jp" target="_blank" rel="noopener">絹谷幸二 天空美術館</a></li> <li><a href="https://shkoujiten.com/" target="_blank" rel="noopener">指定工事店のご紹介</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=" pbNested pbNestedWrapper " id="pbBlock3465410"> <div class="pbNested " > <div class="pbNested pbNestedWrapper " id="pbBlock3060640"> <nav class="b-m-footerBottom b-js-footerBottom"> <div class="b-a-wrapper b-js-wrapper"> <div class="b-m-footerBottom_links"> <p class="b-a-textLink"> <a class="b-a-textLink_anchor" href="/company/information/privacy/">お客様情報保護方針</a> </p> <p class="b-a-textLink"> <a class="b-a-textLink_anchor" href="/company/information/">ウェブサイト利用上のご留意事項</a> </p> <p class="b-a-textLink"> <a class="b-a-textLink_anchor" href="/company/information/security/">情報セキュリティポリシー</a> </p> </div> <small class="b-m-footerBottom_copyright">COPYRIGHT©SEKISUI HOUSE, LTD. ALL RIGHTS RESERVED.</small> </div> </nav> </div> <div class="pbNested pbNestedWrapper " id="pbBlock3060642"> <!-- --> </div> </div> </div> </div> </div> </div></div> <script src="/kodate/assets/js/jquery-3.6.0.min.js"></script> <link href="/kodate/assets/js/slick-1.8.1/slick.css" rel="stylesheet"> <link href="/kodate/assets/js/slick-1.8.1/slick-theme.css" rel="stylesheet"> <script src="/kodate/assets/js/slick-1.8.1/slick.min.js"></script> <script src="/kodate/assets/js/object-fit-images-master/ofi.min.js"></script> <link href="/kodate/assets/js/Magnific-Popup/magnific-popup.css" rel="stylesheet"> <script src="/kodate/assets/js/Magnific-Popup/jquery.magnific-popup.min.js"></script> <script src="/kodate/assets/js/jquery-match-height/jquery.matchHeight.js"></script> <script src="/kodate/assets/js/script.js?20240930"></script> <script src="/kodate/topassets/js/toggle.js"></script> <script src="/kodate/topassets/js/page.js"></script> <script src="/kodate/topassets/js/accordion.js"></script> <script src="/kodate/topassets/js/carousel_new.js?2023"></script> <script src="/kodate/topassets/js/fv.js"></script> <!-- 初回訪問時のアニメーション --> <script> (function () { // 初回訪問のみで実行するかどうか const doAct = true const changeTime = 3000 const body = document.getElementsByTagName("body")[0] const sliderItems = document.querySelectorAll(".sliderItem") let autoSlide; // アニメーションを実行する関数 // スライダーNavの要素を追加する // id属性で要素を取得 const sliderNavBlock = document.getElementById('sliderNavBlock'); for (let i=0;i<sliderItems.length; i++) { // 新しいHTML要素を作成 const new_element = document.createElement('span'); new_element.classList.add('sliderNav') // 指定した要素の中の末尾に挿入 sliderNavBlock.appendChild(new_element); } // activeのindex情報は保存しておこう let activeIndex = 0 // スライダーのボタンを押したときの動作 const sliderNavs = document.querySelectorAll(".sliderNav") sliderNavs.forEach((nav, index) => { nav.addEventListener("click", function (e) { resetTime() i = index + 1 changeSlider(index) //ボタン表示クリック後動いを止める場合 clearTimeout(timeoutID); }) }) // ボタン押された時の const changeSlider = (index) => { // 一回今のactiveIndex以外はactive外す。現在のはz-index=1に sliderItems.forEach((item, index) => (index === activeIndex ? item.style.zIndex = 1 : item.classList.remove("active"))) // 対象のスライダーにactiveをつけてz-indexを2にする // アニメーションを再実行するため.1s待ってからクラスを付与 setTimeout(function () { sliderItems[index].classList.add('active') sliderItems[index].style.zIndex = 2 }, 100) // スライダーのボタンからactiveクラスを一回全部外して対象のボタンにactiveをつける sliderNavs.forEach((nav) => {nav.classList.remove("active")}) sliderNavs[index].classList.add("active") activeIndex = index } // 読み込み後の自動スライダーを定時実行するための関数 // 開始時間 let startTime = Date.now(); // タイムアウトID let timeoutID; let currentTime; let i = 1 // 通常スライダー関数 const startStaticSlider = () => { currentTime = new Date(Date.now() - startTime); const s = currentTime.getSeconds(); timeoutID = setTimeout(startStaticSlider, 100); // 画像の枚数に達したら終了 if (i === sliderItems.length) { sliderStop() //時間設定 // completeAnimation() setTimeout(completeAnimation, 4000); } // 4sたったら次のスライダーに if (s === changeTime/1000) { staticNextSlider() resetTime() i++ } } const resetTime = () => { startTime = Date.now() } // 読み込み後の自動スライダー const staticNextSlider = () => { const navCount = sliderNavs.length let nextIndex = (activeIndex + 1 >= navCount ? 0 : activeIndex + 1) // console.log(nextIndex) changeSlider(nextIndex) activeIndex = nextIndex } const sliderStop = () => { clearTimeout(timeoutID); //スライドが終わるまで表示させない場合 // setTimeout(navBtnShow, 4000); // sliderNavBlock.classList.add('show') } const navBtnShow = () => { sliderNavBlock.classList.add('show') } // スキップボタンを押されたときの関数 document.getElementById("skipButton").addEventListener("click", function () { document.getElementById("sliderFV").classList.add("skip") changeSlider(sliderItems.length - 1); clearTimeout(timeoutID); // completeAnimation() document.getElementById("skipButtonBlock").classList.add("complete") setTimeout(completeSkipAnimation, 2000); }) // fixedを外すためのアニメーション const completeAnimation = () => { document.getElementById("sliderFV").classList.add("complete") // fixedを外す body.classList.remove("fixed") document.getElementById("skipButtonBlock").classList.add("complete") //ボタンを表示させる場合 sliderNavBlock.classList.add('show') } const completeSkipAnimation = () => { document.getElementById("sliderFV").classList.add("complete") document.getElementById("sliderFV").classList.remove("skip") // fixedを外す body.classList.remove("fixed") //ボタンを表示させる場合 sliderNavBlock.classList.add('show') } // 読み込んだら、doActの値によって実行を切り替え window.onload = function () { if (doAct) { const keyName = 'visited'; const keyValue = true; if (!Boolean(localStorage.getItem(keyName))) { //localStorageにキーと値を追加 localStorage.setItem(keyName, String(keyValue)); //ここに初回アクセス時の処理 body.classList.add("fixed") document.getElementById("skipButtonBlock").classList.add("show") } else { //ここに通常アクセス時の処理 completeAnimation() } // 初回、2回目以降共通処理 sliderItems[0].classList.add("active") changeSlider(0) document.getElementById("skipButtonBlock").classList.add("show") startTime = Date.now(); startStaticSlider() } else { // 初回ロードかどうかにかかわらず実行する場合 body.classList.add("fixed") sliderItems[0].classList.add("active") changeSlider(0) document.getElementById("skipButtonBlock").classList.add("show") startTime = Date.now(); startStaticSlider() } } })(); </script> <script> WebFontConfig = {google: {families: ['Noto+Serif+JP:400,500,700','Noto+Sans+JP:400,500,600,700,900','Inter:400,500,600,700','Poppins:500']}}; (function () { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <script> jQuery(function($) { $('.k_h-global .m-button:first-child,.k_h-global .u-content:first-child').addClass('active'); }); </script> <script src="https://mypage.sekisuihouse.co.jp/library/js/mypage.js"></script> <script src="https://mypage.sekisuihouse.co.jp/library/js/mypage-js-header.js"></script> <script src="https://mypage.sekisuihouse.co.jp/library/js/mypage-js-illustration.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.sekisuihouse.co.jp/", "name": "積水ハウスTOP" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://www.sekisuihouse.co.jp/kodate/", "name": "戸建住宅・注文住宅" } } ] } </script> </body> </html> <!-- cache datetime:2024/11/28 03:32:28, cache file name:kodate.html -->

Pages: 1 2 3 4 5 6 7 8 9 10