\u6816 SUMIKA\uff5c\u5e83\u5cf6\u30fb\u6771\u5e83\u5cf6\u306e\u6ce8\u6587\u4f4f\u5b85<\/title>\n \t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n \t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --sumi:#1B1A18;\n --ink:#33302C;\n --paper:#E9E7E1;\n --paper-soft:#F3F1EC;\n --stone:#A9A296;\n --stone-d:#857E72;\n --bronze:#9C7A4D;\n --bronze-l:#BD9A66;\n --line:rgba(27,26,24,.13);\n --line-d:rgba(255,255,255,.16);\n }\n *{margin:0;padding:0;box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{font-family:\"Zen Kaku Gothic New\",sans-serif;color:var(--ink);background:var(--paper);line-height:1.9;-webkit-font-smoothing:antialiased}\n a{color:inherit;text-decoration:none}\n .wrap{max-width:1200px;margin:0 auto;padding:0 30px}\n .eyebrow{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:19px;color:var(--bronze);letter-spacing:.02em;display:inline-block}\n .eyebrow-en{font-family:\"Jost\",sans-serif;font-weight:300;letter-spacing:.36em;text-transform:uppercase;font-size:10.5px;color:var(--bronze)}\n .mincho{font-family:\"Shippori Mincho\",serif}<\/p>\n<p> \/* ---------- Header ---------- *\/\n header{position:fixed;top:0;left:0;width:100%;z-index:60;transition:background .4s,box-shadow .4s}\n header.solid{background:rgba(233,231,225,.9);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}\n .hbar{display:flex;align-items:center;justify-content:space-between;height:80px}\n .brand{display:flex;align-items:baseline;gap:11px;color:#fff;transition:color .4s}\n header.solid .brand{color:var(--ink)}\n .brand .jp{font-family:\"Shippori Mincho\",serif;font-weight:600;font-size:27px;letter-spacing:.18em}\n .brand .en{font-family:\"Jost\",sans-serif;font-weight:300;letter-spacing:.34em;font-size:10.5px;text-transform:uppercase;opacity:.8}\n nav ul{display:flex;gap:28px;align-items:center;list-style:none}\n nav a{font-size:13.5px;font-weight:400;color:#fff;transition:color .3s;position:relative}\n header.solid nav a{color:var(--ink)}\n nav a:not(.resv):hover{color:var(--bronze-l)}\n header.solid nav a:not(.resv):hover{color:var(--bronze)}\n .resv{border:1px solid var(--bronze-l);color:var(--bronze-l)!important;padding:9px 20px;border-radius:2px;font-family:\"Jost\",sans-serif;font-size:12px;letter-spacing:.08em;transition:.3s}\n header.solid .resv{border-color:var(--bronze);color:var(--bronze)!important}\n .resv:hover{background:var(--bronze);color:#fff!important;border-color:var(--bronze)}\n .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer}\n .burger span{width:25px;height:2px;background:#fff;display:block;transition:.3s}\n header.solid .burger span{background:var(--ink)}<\/p>\n<p> \/* ---------- Hero ---------- *\/\n .hero{position:relative;min-height:100vh;background:var(--sumi);overflow:hidden;display:flex;align-items:center}\n .hero::before{content:\"\";position:absolute;inset:0;background:radial-gradient(120% 80% at 72% 8%,rgba(189,154,102,.16),transparent 55%);animation:glow 9s ease-in-out infinite alternate}\n @keyframes glow{from{opacity:.6}to{opacity:1}}\n .hero-inner{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:120px 0 80px}\n .hero-copy{color:var(--paper)}\n .hero-copy .eyebrow-en{color:var(--bronze-l)}\n .hero-copy h1{font-family:\"Shippori Mincho\",serif;font-weight:500;font-size:clamp(32px,4.6vw,56px);line-height:1.5;letter-spacing:.04em;margin:22px 0 26px}\n .hero-copy h1 em{font-style:normal;color:var(--bronze-l)}\n .hero-copy p{font-size:15px;color:rgba(243,241,236,.78);max-width:30em;line-height:2}\n .hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}\n .btn{font-size:14px;font-weight:500;padding:15px 30px;border-radius:2px;transition:.3s;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;letter-spacing:.04em}\n .btn svg{width:14px;height:14px}\n .btn-fill{background:var(--bronze);color:#fff}\n .btn-fill:hover{background:var(--bronze-l)}\n .btn-line{border-color:rgba(243,241,236,.45);color:var(--paper)}\n .btn-line:hover{border-color:var(--paper);background:rgba(243,241,236,.07)}<\/p>\n<p> \/* self-drawing house *\/\n .house-stage{position:relative}\n .house-svg{width:100%;max-width:560px;margin-left:auto;display:block}\n .house-svg path,.house-svg line,.house-svg polyline{\n fill:none;stroke:var(--bronze-l);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;\n stroke-dasharray:1;stroke-dashoffset:1;\n animation:draw 2.2s ease forwards;\n }\n .house-svg .s2{animation-delay:.5s}\n .house-svg .s3{animation-delay:1s}\n .house-svg .s4{animation-delay:1.5s;stroke:var(--stone)}\n .house-svg .s5{animation-delay:2s;stroke:var(--stone)}\n .house-svg .win{stroke:var(--bronze);opacity:.85}\n @keyframes draw{to{stroke-dashoffset:0}}<\/p>\n<p> .scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;color:rgba(243,241,236,.6);font-family:\"Jost\",sans-serif;font-size:10px;letter-spacing:.32em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}\n .scroll-cue .l{width:1px;height:46px;background:linear-gradient(var(--bronze-l),transparent);animation:slide 2s ease-in-out infinite}\n @keyframes slide{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}<\/p>\n<p> \/* ---------- section base ---------- *\/\n .section{padding:110px 0}\n .sec-label{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}\n .sec-title{font-family:\"Shippori Mincho\",serif;font-weight:600;font-size:clamp(25px,3.2vw,36px);letter-spacing:.06em;line-height:1.4}<\/p>\n<p> \/* ---------- \u5bb6\u3065\u304f\u308a (reason \/ guarantee) ---------- *\/\n .feat{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:54px}\n .feat-card{position:relative;border-radius:4px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;color:#fff;padding:38px;background:var(--ink)}\n .feat-card .bg{position:absolute;inset:0;z-index:0}\n .feat-card .bg.c1{background:linear-gradient(150deg,#3a4a52,#1f2a30)}\n .feat-card .bg.c2{background:linear-gradient(150deg,#5a4a38,#2b2118)}\n .feat-card .bg::after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;opacity:.5}\n .feat-card .ct{position:relative;z-index:2}\n .feat-card .num{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:17px;color:var(--bronze-l)}\n .feat-card h3{font-family:\"Shippori Mincho\",serif;font-size:24px;font-weight:600;margin:8px 0 14px;letter-spacing:.05em}\n .feat-card p{font-size:14px;color:rgba(255,255,255,.8);line-height:1.95;max-width:24em}\n .feat-card .more{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-family:\"Jost\",sans-serif;font-size:12px;letter-spacing:.14em;color:var(--bronze-l)}\n .feat-card:hover .more{gap:14px}\n .feat-card .more{transition:gap .3s}<\/p>\n<p> \/* ---------- \u5546\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7 ---------- *\/\n .lineup{background:var(--paper-soft)}\n .prod{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:54px}\n .prod-card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:.35s}\n .prod-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(27,26,24,.4)}\n .prod-visual{height:230px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}\n .prod-visual.v1{background:linear-gradient(160deg,#e7e2d8,#cfc7b6)}\n .prod-visual.v2{background:linear-gradient(160deg,#dde2e0,#b9c2bd)}\n .prod-visual svg{width:54%}\n .prod-visual svg *{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5}\n .prod-body{padding:30px 32px 34px}\n .prod-body .tag{font-family:\"Jost\",sans-serif;font-size:11px;letter-spacing:.2em;color:var(--bronze);text-transform:uppercase}\n .prod-body h3{font-family:\"Shippori Mincho\",serif;font-size:28px;font-weight:600;letter-spacing:.04em;margin:6px 0 4px}\n .prod-body .lead{font-size:13.5px;color:var(--stone-d);margin-bottom:14px}\n .prod-body p{font-size:13.5px;color:#5a564e;line-height:1.9}\n .prod-body .more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:var(--bronze);font-weight:500;transition:gap .3s}\n .prod-card:hover .more{gap:13px}<\/p>\n<p> \/* ---------- \u5efa\u7bc9\u5b9f\u4f8b ---------- *\/\n .works{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px}\n .work{position:relative;border-radius:4px;overflow:hidden;cursor:pointer}\n .work .ph{aspect-ratio:3\/4;background:linear-gradient(165deg,#d9d3c6,#b3aa99);position:relative;display:flex;align-items:flex-end;padding:18px;transition:.4s}\n .work .ph::before{content:\"\";position:absolute;top:18px;right:18px;width:34px;height:46px;border:1px solid rgba(255,255,255,.5)}\n .work:hover .ph{filter:brightness(1.05)}\n .work .meta{position:relative;z-index:2;color:#fff}\n .work .area{font-family:\"Jost\",sans-serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.9}\n .work .ttl{font-family:\"Shippori Mincho\",serif;font-size:15px;font-weight:600;margin-top:4px;line-height:1.5}\n .works-cta{display:flex;gap:16px;justify-content:center;margin-top:46px;flex-wrap:wrap}\n .ghost{border:1px solid var(--line);color:var(--ink);padding:13px 28px;border-radius:2px;font-size:13.5px;transition:.3s;display:inline-flex;align-items:center;gap:9px}\n .ghost:hover{border-color:var(--bronze);color:var(--bronze)}<\/p>\n<p> \/* ---------- \u30e2\u30c7\u30eb\u30cf\u30a6\u30b9 ---------- *\/\n .model{background:var(--sumi);color:var(--paper)}\n .model .sec-title{color:#fff}\n .model .eyebrow-en{color:var(--bronze-l)}\n .mh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px}\n .mh{border:1px solid var(--line-d);border-radius:4px;overflow:hidden;transition:.35s}\n .mh:hover{border-color:var(--bronze);background:rgba(255,255,255,.03)}\n .mh .ph{height:180px;background:linear-gradient(160deg,#3a3631,#23211e);position:relative;display:flex;align-items:center;justify-content:center}\n .mh .ph svg{width:42%;opacity:.4}\n .mh .ph svg *{fill:none;stroke:var(--bronze-l);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}\n .mh .body{padding:24px}\n .mh .concept{font-size:13px;color:var(--bronze-l);margin-bottom:6px}\n .mh h4{font-family:\"Shippori Mincho\",serif;font-size:18px;font-weight:600;margin-bottom:14px}\n .mh dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:12.5px;color:rgba(243,241,236,.72)}\n .mh dt{color:var(--stone)}<\/p>\n<p> \/* ---------- News ---------- *\/\n .news-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin-top:50px;align-items:start}\n .news-list{list-style:none}\n .news-list li{border-bottom:1px solid var(--line);padding:20px 0}\n .news-list a{display:flex;gap:20px;align-items:baseline;transition:.25s}\n .news-list a:hover{color:var(--bronze)}\n .news-list .date{font-family:\"Jost\",sans-serif;font-size:12.5px;color:var(--stone-d);white-space:nowrap}\n .news-list .cat{font-size:10.5px;border:1px solid var(--line);padding:2px 10px;border-radius:20px;color:var(--stone-d);white-space:nowrap}\n .news-list .txt{font-size:14px;line-height:1.6}\n .pickup{background:var(--paper-soft);border:1px solid var(--line);border-radius:6px;padding:34px}\n .pickup h3{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:22px;color:var(--bronze);margin-bottom:18px}\n .pickup ul{list-style:none;display:grid;gap:12px}\n .pickup li a{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:12px 0;border-bottom:1px dashed var(--line);transition:.25s}\n .pickup li a:hover{color:var(--bronze);padding-left:6px}<\/p>\n<p> \/* ---------- CTA ---------- *\/\n .cta-band{background:linear-gradient(120deg,var(--ink),var(--sumi));color:var(--paper)}\n .cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}\n .cta-cell{padding:64px 30px;text-align:center;border-right:1px solid var(--line-d);transition:.3s;cursor:pointer}\n .cta-cell:last-child{border-right:0}\n .cta-cell:hover{background:rgba(189,154,102,.1)}\n .cta-cell .ic{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:18px;color:var(--bronze-l);margin-bottom:12px}\n .cta-cell h3{font-family:\"Shippori Mincho\",serif;font-size:21px;font-weight:600;margin-bottom:8px}\n .cta-cell p{font-size:12.5px;color:rgba(243,241,236,.65)}<\/p>\n<p> \/* ---------- Footer ---------- *\/\n footer{background:var(--sumi);color:rgba(243,241,236,.74);padding:80px 0 34px}\n .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid var(--line-d)}\n .foot-brand .jp{font-family:\"Shippori Mincho\",serif;font-size:26px;font-weight:600;letter-spacing:.16em;color:#fff}\n .foot-brand .en{font-family:\"Jost\",sans-serif;letter-spacing:.32em;font-size:10px;color:var(--bronze-l);text-transform:uppercase;margin-top:5px}\n .foot-brand .addr{font-size:13px;margin-top:20px;line-height:1.9;color:rgba(243,241,236,.6)}\n .foot-brand .tel{font-family:\"Jost\",sans-serif;font-size:22px;color:#fff;margin-top:14px;letter-spacing:.04em}\n footer h5{font-family:\"Jost\",sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:16px}\n footer ul{list-style:none}\n footer li{margin-bottom:11px}\n footer li a{font-size:13.5px;color:rgba(243,241,236,.68);transition:.2s}\n footer li a:hover{color:#fff}\n .copy{padding-top:24px;font-family:\"Jost\",sans-serif;font-size:11px;letter-spacing:.08em;color:rgba(243,241,236,.4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}<\/p>\n<p> \/* ---------- Responsive ---------- *\/\n @media(max-width:920px){\n nav ul{display:none}\n .burger{display:flex}\n .hero-inner{grid-template-columns:1fr;gap:48px;padding:130px 0 90px}\n .house-svg{margin:0 auto}\n .feat,.prod{grid-template-columns:1fr}\n .works{grid-template-columns:repeat(2,1fr)}\n .mh-grid{grid-template-columns:1fr}\n .news-grid{grid-template-columns:1fr;gap:40px}\n .cta-grid{grid-template-columns:1fr}\n .cta-cell{border-right:0;border-bottom:1px solid var(--line-d)}\n .foot-top{grid-template-columns:1fr 1fr}\n }\n @media(max-width:520px){\n .works{grid-template-columns:1fr 1fr}\n .foot-top{grid-template-columns:1fr}\n .section{padding:78px 0}\n }\n @media(prefers-reduced-motion:reduce){\n .house-svg path,.house-svg line,.house-svg polyline{animation:none;stroke-dashoffset:0}\n .hero::before,.scroll-cue .l{animation:none}\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<header id=\"hd\">\n<div class=\"wrap hbar\">\n <a href=\"#top\" class=\"brand\"><span class=\"jp\">\u6816<\/span><span class=\"en\">Sumika<\/span><\/a><\/p>\n<nav>\n<ul>\n<li><a href=\"#feature\">\u5bb6\u3065\u304f\u308a<\/a><\/li>\n<li><a href=\"#lineup\">\u5546\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/a><\/li>\n<li><a href=\"#works\">\u5efa\u7bc9\u5b9f\u4f8b<\/a><\/li>\n<li><a href=\"#model\">\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/a><\/li>\n<li><a href=\"#news\">\u304a\u77e5\u3089\u305b<\/a><\/li>\n<li><a href=\"#cta\" class=\"resv\">\u6765\u5834\u4e88\u7d04<\/a><\/li>\n<\/ul>\n<\/nav>\n<p> <button class=\"burger\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\"><span><\/span><span><\/span><span><\/span><\/button><\/div>\n<\/header>\n<p><\/p>\n<section class=\"hero\" id=\"top\">\n<div class=\"wrap hero-inner\">\n<div class=\"hero-copy\">\n <span class=\"eyebrow-en\">Custom Homes in Hiroshima<\/span><\/p>\n<h1>\u3072\u3068\u76ee\u3067\u3001<br \/>\n<em>\u5fd8\u308c\u3089\u308c\u306a\u3044<\/em>\u5bb6\u3092\u3002<\/h1>\n<p>\u6027\u80fd\u3082\u3001\u30c7\u30b6\u30a4\u30f3\u3082\u3001\u66ae\u3089\u3057\u3084\u3059\u3055\u3082\u59a5\u5354\u3057\u306a\u3044\u81ea\u7531\u8a2d\u8a08\u3002\u5bb6\u65cf\u306e\u7269\u8a9e\u304c\u305a\u3063\u3068\u7d9a\u3044\u3066\u3044\u304f\u4f4f\u307e\u3044\u3092\u3001\u5e83\u5cf6\u30fb\u6771\u5e83\u5cf6\u3067\u3042\u306a\u305f\u3068\u4e00\u7dd2\u306b\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n<div class=\"hero-actions\">\n <a href=\"#cta\" class=\"btn btn-fill\">\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9\u6765\u5834\u4e88\u7d04<br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n <\/a><br \/>\n <a href=\"#lineup\" class=\"btn btn-line\">\u5546\u54c1\u3092\u898b\u308b<\/a><\/div>\n<\/div>\n<div class=\"house-stage\" aria-hidden=\"true\">\n <svg class=\"house-svg\" viewBox=\"0 0 580 380\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n \t<line class=\"s1\" pathLength=\"1\" x1=\"20\" y1=\"340\" x2=\"560\" y2=\"340\"\/>\n \n <path class=\"s1\" pathLength=\"1\" d=\"M120 340 V170 H330 V340\"\/>\n \n <polyline class=\"s2\" pathLength=\"1\" points=\"100,178 225,90 350,178\"\/>\n \n <path class=\"s3\" pathLength=\"1\" d=\"M330 340 V230 H470 V340\"\/>\n <polyline class=\"s3\" pathLength=\"1\" points=\"318,236 400,196 482,236\"\/>\n \n <path class=\"win s4\" pathLength=\"1\" d=\"M150 210 H230 V300 H150 Z\"\/>\n \t<line class=\"win s4\" pathLength=\"1\" x1=\"190\" y1=\"210\" x2=\"190\" y2=\"300\"\/>\n \t<line class=\"win s4\" pathLength=\"1\" x1=\"150\" y1=\"255\" x2=\"230\" y2=\"255\"\/>\n \n <path class=\"s4\" pathLength=\"1\" d=\"M262 340 V250 H300 V340\"\/>\n \n <path class=\"win s5\" pathLength=\"1\" d=\"M380 262 H440 V310 H380 Z\"\/>\n \n \t<line class=\"s5\" pathLength=\"1\" x1=\"520\" y1=\"340\" x2=\"520\" y2=\"270\"\/>\n <path class=\"s5\" pathLength=\"1\" d=\"M520 290 C500 280 498 250 520 244 C542 250 540 280 520 290\"\/>\n <\/svg><\/div>\n<\/div>\n<div class=\"scroll-cue\"><span>Scroll<\/span><span class=\"l\"><\/span><\/div>\n<\/section>\n<p><\/p>\n<section class=\"section\" id=\"feature\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">House Building<\/span><br \/>\n <span class=\"eyebrow\">Our commitment<\/span><\/div>\n<h2 class=\"sec-title\">\u6816\u306e\u3001\u5bb6\u3065\u304f\u308a\u3002<\/h2>\n<div class=\"feat\">\n <a class=\"feat-card\" href=\"#\"><\/p>\n<div class=\"bg c1\"><\/div>\n<div class=\"ct\">\n <span class=\"num\">01 \u2014 Reason<\/span><\/p>\n<h3>\u9078\u3070\u308c\u308b\u7406\u7531<\/h3>\n<p>\u30c7\u30b6\u30a4\u30f3\u3060\u3051\u3067\u306a\u304f\u3001\u6027\u80fd\u30fb\u54c1\u8cea\u306b\u3082\u4e00\u5207\u59a5\u5354\u3057\u306a\u3044\u3002\u8010\u9707\u7b49\u7d1a3\u3092\u6a19\u6e96\u306b\u3001\u3054\u5bb6\u65cf\u306e\u7406\u60f3\u3092\u7d30\u90e8\u307e\u3067\u5f62\u306b\u3059\u308b\u81ea\u7531\u8a2d\u8a08\u306e\u5bb6\u3065\u304f\u308a\u3067\u3059\u3002<\/p>\n<p><span class=\"more\">\u3082\u3063\u3068\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><br \/>\n <a class=\"feat-card\" href=\"#\"><\/p>\n<div class=\"bg c2\"><\/div>\n<div class=\"ct\">\n <span class=\"num\">02 \u2014 Guarantee<\/span><\/p>\n<h3>\u4f4f\u307e\u3044\u306e\u7dcf\u5408\u4fdd\u8a3c<\/h3>\n<p>\u5efa\u3066\u308b\u524d\u3082\u3001\u5efa\u3066\u305f\u5f8c\u3082\u3002\u6700\u592750\u5e74\u306e\u9577\u671f\u4fdd\u8a3c\u3092\u306f\u3058\u3081\u3001\u66ae\u3089\u3057\u306e\u5b89\u5fc3\u3092\u9577\u304f\u652f\u3048\u308b\u5145\u5b9f\u306e\u4fdd\u8a3c\u5236\u5ea6\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><span class=\"more\">\u3082\u3063\u3068\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section lineup\" id=\"lineup\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">Product Line-up<\/span><br \/>\n <span class=\"eyebrow\">Two ways to build<\/span><\/div>\n<h2 class=\"sec-title\">\u5546\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/h2>\n<div class=\"prod\">\n <a class=\"prod-card\" href=\"#\"><\/p>\n<div class=\"prod-visual v1\">\n <svg viewBox=\"0 0 200 130\"><path d=\"M20 120V60h70v60M10 65 55 25l45 40\"\/><path d=\"M120 120V80h60v40M110 84l30-22 30 22\"\/><rect x=\"35\" y=\"80\" width=\"22\" height=\"40\"\/><\/svg><\/div>\n<div class=\"prod-body\">\n <span class=\"tag\">Custom Order<\/span><\/p>\n<h3>LiBRE<\/h3>\n<p class=\"lead\">\u6ce8\u6587\u4f4f\u5b85<\/p>\n<p>\u8010\u9707\u7b49\u7d1a3\u306e\u5b89\u5fc3\u3068\u3001\u81ea\u7531\u8a2d\u8a08\u3067\u3064\u304f\u308b\u7406\u60f3\u306e\u66ae\u3089\u3057\u3002\u9593\u53d6\u308a\u3082\u7d20\u6750\u3082\u601d\u3044\u306e\u307e\u307e\u306b\u3001\u4e16\u754c\u306b\u3072\u3068\u3064\u3060\u3051\u306e\u4f4f\u307e\u3044\u3092\u3002<\/p>\n<p><span class=\"more\">\u8a73\u3057\u304f\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><br \/>\n <a class=\"prod-card\" href=\"#\"><\/p>\n<div class=\"prod-visual v2\">\n <svg viewBox=\"0 0 200 130\"><path d=\"M40 120V70h50v50M30 74l35-26 35 26\"\/><circle cx=\"150\" cy=\"100\" r=\"3\"\/><path d=\"M150 100V58M150 70c-12 0-16-12-6-18M150 78c12 0 16-10 7-17\"\/><\/svg><\/div>\n<div class=\"prod-body\">\n <span class=\"tag\">Concept House<\/span><\/p>\n<h3>ki-to,<\/h3>\n<p class=\"lead\">\u30b3\u30f3\u30bb\u30d7\u30c8\u4f4f\u5b85<\/p>\n<p>\u5bb6\u3065\u304f\u308a\u3092\u3001\u3082\u3063\u3068\u6c17\u8efd\u306b\u3002\u66ae\u3089\u3057\u306e\u30c6\u30fc\u30de\u304b\u3089\u9078\u3079\u308b\u898f\u683c\u4f4f\u5b85\u3002\u8ff7\u308f\u305a\u3001\u697d\u3057\u304f\u3001\u3061\u3087\u3046\u3069\u3044\u3044\u4f4f\u307e\u3044\u304c\u898b\u3064\u304b\u308a\u307e\u3059\u3002<\/p>\n<p><span class=\"more\">\u8a73\u3057\u304f\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section\" id=\"works\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">Examples & Customer’s Voice<\/span><br \/>\n <span class=\"eyebrow\">Built stories<\/span><\/div>\n<h2 class=\"sec-title\">\u5efa\u7bc9\u5b9f\u4f8b \uff06 \u304a\u5ba2\u69d8\u306e\u58f0<\/h2>\n<div class=\"works\">\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Higashi-Hiroshima \u2014 T\u90b8<\/div>\n<div class=\"ttl\">\u9759\u3051\u3055\u3092\u7e8f\u3046\u3001<br \/>\n\u6c34\u5e73\u306e\u5e73\u5c4b<\/div>\n<\/div>\n<\/div>\n<p><\/a><br \/>\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Higashi-Hiroshima \u2014 A\u90b8<\/div>\n<div class=\"ttl\">\u304b\u308f\u3044\u3044\u3092<br \/>\n\u5927\u4eba\u3063\u307d\u304f\u697d\u3057\u3080\u5bb6<\/div>\n<\/div>\n<\/div>\n<p><\/a><br \/>\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Higashi-Hiroshima \u2014 I\u90b8<\/div>\n<div class=\"ttl\">\u6728\u9020\u3067\u53f6\u3048\u305f<br \/>\n\u5927\u7a7a\u9593\u306eLDK<\/div>\n<\/div>\n<\/div>\n<p><\/a><br \/>\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Hiroshima Asaminami \u2014 W\u90b8<\/div>\n<div class=\"ttl\">\u56de\u904a\u6027\u306e\u3042\u308b<br \/>\n\u660e\u308b\u3044\u30ea\u30d3\u30f3\u30b0<\/div>\n<\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"works-cta\">\n <a class=\"ghost\" href=\"#\">LiBRE \u306e\u5b9f\u4f8b\u3092\u3082\u3063\u3068\u898b\u308b \u2192<\/a><br \/>\n <a class=\"ghost\" href=\"#\">ki-to, \u306e\u5b9f\u4f8b\u3092\u3082\u3063\u3068\u898b\u308b \u2192<\/a><\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section model\" id=\"model\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">Model House<\/span><br \/>\n <span class=\"eyebrow\">Visit us<\/span><\/div>\n<h2 class=\"sec-title\">\u5e38\u8a2d\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/h2>\n<div class=\"mh-grid\">\n<div class=\"mh\">\n<div class=\"ph\"><svg viewBox=\"0 0 100 70\"><path d=\"M15 65V30h40v35M8 33 35 12l28 21\"\/><rect x=\"68\" y=\"40\" width=\"24\" height=\"25\"\/><path d=\"M64 43l16-12 16 12\"\/><\/svg><\/div>\n<div class=\"body\">\n<div class=\"concept\">2\u3064\u306e\u5bb6\u3092\u540c\u6642\u306b\u4f53\u611f<\/div>\n<h4>\u30a2\u30b9\u30bf\u4f4f\u5b85\u5c55\u793a\u5834<\/h4>\n<dl>\n<dt>\u6240\u5728<\/dt>\n<dd>\u5e83\u5cf6\u5e02\u6771\u533a\u725b\u7530\u65b0\u753a<\/dd>\n<dt>\u55b6\u696d<\/dt>\n<dd>10:00\u201318:00<\/dd>\n<dt>\u5b9a\u4f11<\/dt>\n<dd>\u6bce\u9031\u6c34\u66dc\u65e5<\/dd>\n<\/dl>\n<\/div>\n<\/div>\n<div class=\"mh\">\n<div class=\"ph\"><svg viewBox=\"0 0 100 70\"><path d=\"M20 65V32h55v33M12 35 47 14l34 21\"\/><rect x=\"35\" y=\"44\" width=\"14\" height=\"21\"\/><\/svg><\/div>\n<div class=\"body\">\n<div class=\"concept\">\u5bb6\u65cf\u6642\u9593\u3092\u6109\u3057\u3080\u5bb6<\/div>\n<h4>\u5bfa\u5bb6\u99c5\u524d\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/h4>\n<dl>\n<dt>\u6240\u5728<\/dt>\n<dd>\u6771\u5e83\u5cf6\u5e02\u5bfa\u5bb6\u99c5\u524d<\/dd>\n<dt>\u55b6\u696d<\/dt>\n<dd>10:00\u201317:00<\/dd>\n<dt>\u5b9a\u4f11<\/dt>\n<dd>\u6bce\u9031\u6c34\u66dc\u65e5<\/dd>\n<\/dl>\n<\/div>\n<\/div>\n<div class=\"mh\">\n<div class=\"ph\"><svg viewBox=\"0 0 100 70\"><path d=\"M22 65V20h40v45M22 42h40M14 23 42 6l28 17\"\/><\/svg><\/div>\n<div class=\"body\">\n<div class=\"concept\">2\u968e\u30ea\u30d3\u30f3\u30b0\u306e\u5bb6<\/div>\n<h4>\u4e95\u53e3\u660e\u795e\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/h4>\n<dl>\n<dt>\u6240\u5728<\/dt>\n<dd>\u5e83\u5cf6\u5e02\u897f\u533a\u4e95\u53e3\u660e\u795e<\/dd>\n<dt>\u55b6\u696d<\/dt>\n<dd>10:00\u201317:30<\/dd>\n<dt>\u5b9a\u4f11<\/dt>\n<dd>\u6bce\u9031\u6c34\u66dc\u65e5<\/dd>\n<\/dl>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section\" id=\"news\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">News & Pickup<\/span><br \/>\n <span class=\"eyebrow\">What’s new<\/span><\/div>\n<h2 class=\"sec-title\">\u304a\u77e5\u3089\u305b<\/h2>\n<div class=\"news-grid\">\n<ul class=\"news-list\">\n<li><a href=\"#\"><span class=\"date\">2026.06.11<\/span><span class=\"cat\">\u53d7\u8cde<\/span><span class=\"txt\">\u56fd\u969b\u5efa\u7bc9\u30a2\u30ef\u30fc\u30c9 2026 \u5165\u9078\u306e\u304a\u77e5\u3089\u305b<\/span><\/a><\/li>\n<li><a href=\"#\"><span class=\"date\">2026.06.02<\/span><span class=\"cat\">\u5206\u8b72<\/span><span class=\"txt\">\u3010\u5b8c\u58f2\u5fa1\u793c\u3011\u30b0\u30e9\u30f3\u30c7\u30a3\u30fc\u30eb\u5bfa\u5bb6<\/span><\/a><\/li>\n<li><a href=\"#\"><span class=\"date\">2026.05.21<\/span><span class=\"cat\">\u30e1\u30c7\u30a3\u30a2<\/span><span class=\"txt\">\u516c\u5f0fYouTube\u756a\u7d44\u304c\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3057\u305f<\/span><\/a><\/li>\n<li><a href=\"#\"><span class=\"date\">2026.05.18<\/span><span class=\"cat\">\u30e1\u30c7\u30a3\u30a2<\/span><span class=\"txt\">\u30c6\u30ec\u30d3\u756a\u7d44\u306e\u653e\u9001\u304cWeb\u3067\u516c\u958b\u3055\u308c\u307e\u3057\u305f<\/span><\/a><\/li>\n<\/ul>\n<div class=\"pickup\">\n<h3>Pickup Contents<\/h3>\n<ul>\n<li><a href=\"#\">\u5206\u8b72\u5730 \u7b2c\u4e8c\u671f \u5206\u8b72\u958b\u59cb <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">\u65b0\u898f\u683c\u4f4f\u5b85 BORDERLESS <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7\u4f1a \u4e88\u7d04\u53d7\u4ed8\u4e2d <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">\u3059\u3050\u4f4f\u3081\u308b \u5206\u8b72\u30fb\u5efa\u58f2\u4f4f\u5b85 <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">SDGs\u306e\u76ee\u6a19\u9054\u6210\u306b\u5411\u3051\u3066 <span>\u2192<\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"cta-band\" id=\"cta\">\n<div class=\"cta-grid\">\n <a class=\"cta-cell\" href=\"#\"><\/p>\n<div class=\"ic\">01<\/div>\n<h3>\u8cc7\u6599\u8acb\u6c42<\/h3>\n<p>\u30ab\u30bf\u30ed\u30b0\u30fb\u65bd\u5de5\u4e8b\u4f8b\u96c6\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059<\/p>\n<p><\/a><br \/>\n <a class=\"cta-cell\" href=\"#\"><\/p>\n<div class=\"ic\">02<\/div>\n<h3>\u6765\u5834\u4e88\u7d04<\/h3>\n<p>\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9\u3092\u5b9f\u969b\u306b\u4f53\u611f\u3067\u304d\u307e\u3059<\/p>\n<p><\/a><br \/>\n <a class=\"cta-cell\" href=\"#\"><\/p>\n<div class=\"ic\">03<\/div>\n<h3>\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7<\/h3>\n<p>\u3054\u81ea\u5b85\u304b\u3089\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059<\/p>\n<p><\/a><\/div>\n<\/section>\n<p><\/p>\n<footer>\n<div class=\"wrap\">\n<div class=\"foot-top\">\n<div class=\"foot-brand\">\n<div class=\"jp\">\u6816<\/div>\n<div class=\"en\">Sumika<\/div>\n<div class=\"addr\">\u682a\u5f0f\u4f1a\u793e \u6816\u30db\u30fc\u30e0<br \/>\n\u3012739-0041 \u5e83\u5cf6\u770c\u6771\u5e83\u5cf6\u5e02\u897f\u6761\u753a\u5bfa\u5bb60000-0<br \/>\n\u55b6\u696d\u6642\u9593 9:00\u201317:30\uff08\u6c34\u66dc\u5b9a\u4f11\uff09<\/div>\n<div class=\"tel\">0120-000-000<\/div>\n<\/div>\n<div>\n<h5>House Building<\/h5>\n<ul>\n<li><a href=\"#\">\u9078\u3070\u308c\u308b\u7406\u7531<\/a><\/li>\n<li><a href=\"#\">\u4f4f\u307e\u3044\u306e\u7dcf\u5408\u4fdd\u8a3c<\/a><\/li>\n<li><a href=\"#\">LiBRE<\/a><\/li>\n<li><a href=\"#\">ki-to,<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<h5>Visit<\/h5>\n<ul>\n<li><a href=\"#\">\u5c55\u793a\u5834\u4e00\u89a7<\/a><\/li>\n<li><a href=\"#\">\u5efa\u7bc9\u5b9f\u4f8b<\/a><\/li>\n<li><a href=\"#\">\u30a4\u30d9\u30f3\u30c8\u60c5\u5831<\/a><\/li>\n<li><a href=\"#\">\u5bb6\u3065\u304f\u308a\u30b3\u30e9\u30e0<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<h5>Company<\/h5>\n<ul>\n<li><a href=\"#\">\u4f1a\u793e\u6848\u5185<\/a><\/li>\n<li><a href=\"#\">\u30b9\u30bf\u30c3\u30d5\u7d39\u4ecb<\/a><\/li>\n<li><a href=\"#\">\u63a1\u7528\u60c5\u5831<\/a><\/li>\n<li><a href=\"#\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"copy\">\n <span>\u00a9 2026 SUMIKA HOME \u2014 \u4eee\u79f0\u30c7\u30b6\u30a4\u30f3\u30b5\u30f3\u30d7\u30eb<\/span><br \/>\n <span>Custom Homes in Hiroshima<\/span><\/div>\n<\/div>\n<\/footer>\n<p><script>\n const hd=document.getElementById('hd');\n const onScroll=()=>{hd.classList.toggle('solid',window.scrollY>window.innerHeight*0.7)};\n onScroll();window.addEventListener('scroll',onScroll,{passive:true});\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6816 SUMIKA\uff5c\u5e83\u5cf6\u30fb\u6771\u5e83\u5cf6\u306e\u6ce8\u6587\u4f4f\u5b85 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":2,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":16,"date":"2026-06-19T06:15:58","date_gmt":"2026-06-19T06:15:58","guid":{"rendered":"http:\/\/muutos-p.jp\/?page_id=16"},"modified":"2026-06-19T06:16:25","modified_gmt":"2026-06-19T06:16:25","slug":"02-2","status":"publish","type":"page","link":"https:\/\/muutos-p.jp\/?page_id=16","title":{"rendered":"02"},"content":{"rendered":"

\n
\n
\n
\n
\n\u6816 SUMIKA\uff5c\u5e83\u5cf6\u30fb\u6771\u5e83\u5cf6\u306e\u6ce8\u6587\u4f4f\u5b85<\/title>\n \t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n \t<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n \t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Jost:wght@300;400&display=swap\" rel=\"stylesheet\">\n<style>\n :root{\n --sumi:#1B1A18;\n --ink:#33302C;\n --paper:#E9E7E1;\n --paper-soft:#F3F1EC;\n --stone:#A9A296;\n --stone-d:#857E72;\n --bronze:#9C7A4D;\n --bronze-l:#BD9A66;\n --line:rgba(27,26,24,.13);\n --line-d:rgba(255,255,255,.16);\n }\n *{margin:0;padding:0;box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{font-family:\"Zen Kaku Gothic New\",sans-serif;color:var(--ink);background:var(--paper);line-height:1.9;-webkit-font-smoothing:antialiased}\n a{color:inherit;text-decoration:none}\n .wrap{max-width:1200px;margin:0 auto;padding:0 30px}\n .eyebrow{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:19px;color:var(--bronze);letter-spacing:.02em;display:inline-block}\n .eyebrow-en{font-family:\"Jost\",sans-serif;font-weight:300;letter-spacing:.36em;text-transform:uppercase;font-size:10.5px;color:var(--bronze)}\n .mincho{font-family:\"Shippori Mincho\",serif}<\/p>\n<p> \/* ---------- Header ---------- *\/\n header{position:fixed;top:0;left:0;width:100%;z-index:60;transition:background .4s,box-shadow .4s}\n header.solid{background:rgba(233,231,225,.9);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}\n .hbar{display:flex;align-items:center;justify-content:space-between;height:80px}\n .brand{display:flex;align-items:baseline;gap:11px;color:#fff;transition:color .4s}\n header.solid .brand{color:var(--ink)}\n .brand .jp{font-family:\"Shippori Mincho\",serif;font-weight:600;font-size:27px;letter-spacing:.18em}\n .brand .en{font-family:\"Jost\",sans-serif;font-weight:300;letter-spacing:.34em;font-size:10.5px;text-transform:uppercase;opacity:.8}\n nav ul{display:flex;gap:28px;align-items:center;list-style:none}\n nav a{font-size:13.5px;font-weight:400;color:#fff;transition:color .3s;position:relative}\n header.solid nav a{color:var(--ink)}\n nav a:not(.resv):hover{color:var(--bronze-l)}\n header.solid nav a:not(.resv):hover{color:var(--bronze)}\n .resv{border:1px solid var(--bronze-l);color:var(--bronze-l)!important;padding:9px 20px;border-radius:2px;font-family:\"Jost\",sans-serif;font-size:12px;letter-spacing:.08em;transition:.3s}\n header.solid .resv{border-color:var(--bronze);color:var(--bronze)!important}\n .resv:hover{background:var(--bronze);color:#fff!important;border-color:var(--bronze)}\n .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer}\n .burger span{width:25px;height:2px;background:#fff;display:block;transition:.3s}\n header.solid .burger span{background:var(--ink)}<\/p>\n<p> \/* ---------- Hero ---------- *\/\n .hero{position:relative;min-height:100vh;background:var(--sumi);overflow:hidden;display:flex;align-items:center}\n .hero::before{content:\"\";position:absolute;inset:0;background:radial-gradient(120% 80% at 72% 8%,rgba(189,154,102,.16),transparent 55%);animation:glow 9s ease-in-out infinite alternate}\n @keyframes glow{from{opacity:.6}to{opacity:1}}\n .hero-inner{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:120px 0 80px}\n .hero-copy{color:var(--paper)}\n .hero-copy .eyebrow-en{color:var(--bronze-l)}\n .hero-copy h1{font-family:\"Shippori Mincho\",serif;font-weight:500;font-size:clamp(32px,4.6vw,56px);line-height:1.5;letter-spacing:.04em;margin:22px 0 26px}\n .hero-copy h1 em{font-style:normal;color:var(--bronze-l)}\n .hero-copy p{font-size:15px;color:rgba(243,241,236,.78);max-width:30em;line-height:2}\n .hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}\n .btn{font-size:14px;font-weight:500;padding:15px 30px;border-radius:2px;transition:.3s;cursor:pointer;display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;letter-spacing:.04em}\n .btn svg{width:14px;height:14px}\n .btn-fill{background:var(--bronze);color:#fff}\n .btn-fill:hover{background:var(--bronze-l)}\n .btn-line{border-color:rgba(243,241,236,.45);color:var(--paper)}\n .btn-line:hover{border-color:var(--paper);background:rgba(243,241,236,.07)}<\/p>\n<p> \/* self-drawing house *\/\n .house-stage{position:relative}\n .house-svg{width:100%;max-width:560px;margin-left:auto;display:block}\n .house-svg path,.house-svg line,.house-svg polyline{\n fill:none;stroke:var(--bronze-l);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;\n stroke-dasharray:1;stroke-dashoffset:1;\n animation:draw 2.2s ease forwards;\n }\n .house-svg .s2{animation-delay:.5s}\n .house-svg .s3{animation-delay:1s}\n .house-svg .s4{animation-delay:1.5s;stroke:var(--stone)}\n .house-svg .s5{animation-delay:2s;stroke:var(--stone)}\n .house-svg .win{stroke:var(--bronze);opacity:.85}\n @keyframes draw{to{stroke-dashoffset:0}}<\/p>\n<p> .scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;color:rgba(243,241,236,.6);font-family:\"Jost\",sans-serif;font-size:10px;letter-spacing:.32em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}\n .scroll-cue .l{width:1px;height:46px;background:linear-gradient(var(--bronze-l),transparent);animation:slide 2s ease-in-out infinite}\n @keyframes slide{0%,100%{transform:scaleY(.4);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}<\/p>\n<p> \/* ---------- section base ---------- *\/\n .section{padding:110px 0}\n .sec-label{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}\n .sec-title{font-family:\"Shippori Mincho\",serif;font-weight:600;font-size:clamp(25px,3.2vw,36px);letter-spacing:.06em;line-height:1.4}<\/p>\n<p> \/* ---------- \u5bb6\u3065\u304f\u308a (reason \/ guarantee) ---------- *\/\n .feat{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:54px}\n .feat-card{position:relative;border-radius:4px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;color:#fff;padding:38px;background:var(--ink)}\n .feat-card .bg{position:absolute;inset:0;z-index:0}\n .feat-card .bg.c1{background:linear-gradient(150deg,#3a4a52,#1f2a30)}\n .feat-card .bg.c2{background:linear-gradient(150deg,#5a4a38,#2b2118)}\n .feat-card .bg::after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;opacity:.5}\n .feat-card .ct{position:relative;z-index:2}\n .feat-card .num{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:17px;color:var(--bronze-l)}\n .feat-card h3{font-family:\"Shippori Mincho\",serif;font-size:24px;font-weight:600;margin:8px 0 14px;letter-spacing:.05em}\n .feat-card p{font-size:14px;color:rgba(255,255,255,.8);line-height:1.95;max-width:24em}\n .feat-card .more{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-family:\"Jost\",sans-serif;font-size:12px;letter-spacing:.14em;color:var(--bronze-l)}\n .feat-card:hover .more{gap:14px}\n .feat-card .more{transition:gap .3s}<\/p>\n<p> \/* ---------- \u5546\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7 ---------- *\/\n .lineup{background:var(--paper-soft)}\n .prod{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:54px}\n .prod-card{background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:.35s}\n .prod-card:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(27,26,24,.4)}\n .prod-visual{height:230px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}\n .prod-visual.v1{background:linear-gradient(160deg,#e7e2d8,#cfc7b6)}\n .prod-visual.v2{background:linear-gradient(160deg,#dde2e0,#b9c2bd)}\n .prod-visual svg{width:54%}\n .prod-visual svg *{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.5}\n .prod-body{padding:30px 32px 34px}\n .prod-body .tag{font-family:\"Jost\",sans-serif;font-size:11px;letter-spacing:.2em;color:var(--bronze);text-transform:uppercase}\n .prod-body h3{font-family:\"Shippori Mincho\",serif;font-size:28px;font-weight:600;letter-spacing:.04em;margin:6px 0 4px}\n .prod-body .lead{font-size:13.5px;color:var(--stone-d);margin-bottom:14px}\n .prod-body p{font-size:13.5px;color:#5a564e;line-height:1.9}\n .prod-body .more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:var(--bronze);font-weight:500;transition:gap .3s}\n .prod-card:hover .more{gap:13px}<\/p>\n<p> \/* ---------- \u5efa\u7bc9\u5b9f\u4f8b ---------- *\/\n .works{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px}\n .work{position:relative;border-radius:4px;overflow:hidden;cursor:pointer}\n .work .ph{aspect-ratio:3\/4;background:linear-gradient(165deg,#d9d3c6,#b3aa99);position:relative;display:flex;align-items:flex-end;padding:18px;transition:.4s}\n .work .ph::before{content:\"\";position:absolute;top:18px;right:18px;width:34px;height:46px;border:1px solid rgba(255,255,255,.5)}\n .work:hover .ph{filter:brightness(1.05)}\n .work .meta{position:relative;z-index:2;color:#fff}\n .work .area{font-family:\"Jost\",sans-serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.9}\n .work .ttl{font-family:\"Shippori Mincho\",serif;font-size:15px;font-weight:600;margin-top:4px;line-height:1.5}\n .works-cta{display:flex;gap:16px;justify-content:center;margin-top:46px;flex-wrap:wrap}\n .ghost{border:1px solid var(--line);color:var(--ink);padding:13px 28px;border-radius:2px;font-size:13.5px;transition:.3s;display:inline-flex;align-items:center;gap:9px}\n .ghost:hover{border-color:var(--bronze);color:var(--bronze)}<\/p>\n<p> \/* ---------- \u30e2\u30c7\u30eb\u30cf\u30a6\u30b9 ---------- *\/\n .model{background:var(--sumi);color:var(--paper)}\n .model .sec-title{color:#fff}\n .model .eyebrow-en{color:var(--bronze-l)}\n .mh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px}\n .mh{border:1px solid var(--line-d);border-radius:4px;overflow:hidden;transition:.35s}\n .mh:hover{border-color:var(--bronze);background:rgba(255,255,255,.03)}\n .mh .ph{height:180px;background:linear-gradient(160deg,#3a3631,#23211e);position:relative;display:flex;align-items:center;justify-content:center}\n .mh .ph svg{width:42%;opacity:.4}\n .mh .ph svg *{fill:none;stroke:var(--bronze-l);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}\n .mh .body{padding:24px}\n .mh .concept{font-size:13px;color:var(--bronze-l);margin-bottom:6px}\n .mh h4{font-family:\"Shippori Mincho\",serif;font-size:18px;font-weight:600;margin-bottom:14px}\n .mh dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:12.5px;color:rgba(243,241,236,.72)}\n .mh dt{color:var(--stone)}<\/p>\n<p> \/* ---------- News ---------- *\/\n .news-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin-top:50px;align-items:start}\n .news-list{list-style:none}\n .news-list li{border-bottom:1px solid var(--line);padding:20px 0}\n .news-list a{display:flex;gap:20px;align-items:baseline;transition:.25s}\n .news-list a:hover{color:var(--bronze)}\n .news-list .date{font-family:\"Jost\",sans-serif;font-size:12.5px;color:var(--stone-d);white-space:nowrap}\n .news-list .cat{font-size:10.5px;border:1px solid var(--line);padding:2px 10px;border-radius:20px;color:var(--stone-d);white-space:nowrap}\n .news-list .txt{font-size:14px;line-height:1.6}\n .pickup{background:var(--paper-soft);border:1px solid var(--line);border-radius:6px;padding:34px}\n .pickup h3{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:22px;color:var(--bronze);margin-bottom:18px}\n .pickup ul{list-style:none;display:grid;gap:12px}\n .pickup li a{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:12px 0;border-bottom:1px dashed var(--line);transition:.25s}\n .pickup li a:hover{color:var(--bronze);padding-left:6px}<\/p>\n<p> \/* ---------- CTA ---------- *\/\n .cta-band{background:linear-gradient(120deg,var(--ink),var(--sumi));color:var(--paper)}\n .cta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}\n .cta-cell{padding:64px 30px;text-align:center;border-right:1px solid var(--line-d);transition:.3s;cursor:pointer}\n .cta-cell:last-child{border-right:0}\n .cta-cell:hover{background:rgba(189,154,102,.1)}\n .cta-cell .ic{font-family:\"Cormorant Garamond\",serif;font-style:italic;font-size:18px;color:var(--bronze-l);margin-bottom:12px}\n .cta-cell h3{font-family:\"Shippori Mincho\",serif;font-size:21px;font-weight:600;margin-bottom:8px}\n .cta-cell p{font-size:12.5px;color:rgba(243,241,236,.65)}<\/p>\n<p> \/* ---------- Footer ---------- *\/\n footer{background:var(--sumi);color:rgba(243,241,236,.74);padding:80px 0 34px}\n .foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:50px;border-bottom:1px solid var(--line-d)}\n .foot-brand .jp{font-family:\"Shippori Mincho\",serif;font-size:26px;font-weight:600;letter-spacing:.16em;color:#fff}\n .foot-brand .en{font-family:\"Jost\",sans-serif;letter-spacing:.32em;font-size:10px;color:var(--bronze-l);text-transform:uppercase;margin-top:5px}\n .foot-brand .addr{font-size:13px;margin-top:20px;line-height:1.9;color:rgba(243,241,236,.6)}\n .foot-brand .tel{font-family:\"Jost\",sans-serif;font-size:22px;color:#fff;margin-top:14px;letter-spacing:.04em}\n footer h5{font-family:\"Jost\",sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-l);margin-bottom:16px}\n footer ul{list-style:none}\n footer li{margin-bottom:11px}\n footer li a{font-size:13.5px;color:rgba(243,241,236,.68);transition:.2s}\n footer li a:hover{color:#fff}\n .copy{padding-top:24px;font-family:\"Jost\",sans-serif;font-size:11px;letter-spacing:.08em;color:rgba(243,241,236,.4);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}<\/p>\n<p> \/* ---------- Responsive ---------- *\/\n @media(max-width:920px){\n nav ul{display:none}\n .burger{display:flex}\n .hero-inner{grid-template-columns:1fr;gap:48px;padding:130px 0 90px}\n .house-svg{margin:0 auto}\n .feat,.prod{grid-template-columns:1fr}\n .works{grid-template-columns:repeat(2,1fr)}\n .mh-grid{grid-template-columns:1fr}\n .news-grid{grid-template-columns:1fr;gap:40px}\n .cta-grid{grid-template-columns:1fr}\n .cta-cell{border-right:0;border-bottom:1px solid var(--line-d)}\n .foot-top{grid-template-columns:1fr 1fr}\n }\n @media(max-width:520px){\n .works{grid-template-columns:1fr 1fr}\n .foot-top{grid-template-columns:1fr}\n .section{padding:78px 0}\n }\n @media(prefers-reduced-motion:reduce){\n .house-svg path,.house-svg line,.house-svg polyline{animation:none;stroke-dashoffset:0}\n .hero::before,.scroll-cue .l{animation:none}\n }\n<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<p><\/p>\n<header id=\"hd\">\n<div class=\"wrap hbar\">\n <a href=\"#top\" class=\"brand\"><span class=\"jp\">\u6816<\/span><span class=\"en\">Sumika<\/span><\/a><\/p>\n<nav>\n<ul>\n<li><a href=\"#feature\">\u5bb6\u3065\u304f\u308a<\/a><\/li>\n<li><a href=\"#lineup\">\u5546\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/a><\/li>\n<li><a href=\"#works\">\u5efa\u7bc9\u5b9f\u4f8b<\/a><\/li>\n<li><a href=\"#model\">\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/a><\/li>\n<li><a href=\"#news\">\u304a\u77e5\u3089\u305b<\/a><\/li>\n<li><a href=\"#cta\" class=\"resv\">\u6765\u5834\u4e88\u7d04<\/a><\/li>\n<\/ul>\n<\/nav>\n<p> <button class=\"burger\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\"><span><\/span><span><\/span><span><\/span><\/button><\/div>\n<\/header>\n<p><\/p>\n<section class=\"hero\" id=\"top\">\n<div class=\"wrap hero-inner\">\n<div class=\"hero-copy\">\n <span class=\"eyebrow-en\">Custom Homes in Hiroshima<\/span><\/p>\n<h1>\u3072\u3068\u76ee\u3067\u3001<br \/>\n<em>\u5fd8\u308c\u3089\u308c\u306a\u3044<\/em>\u5bb6\u3092\u3002<\/h1>\n<p>\u6027\u80fd\u3082\u3001\u30c7\u30b6\u30a4\u30f3\u3082\u3001\u66ae\u3089\u3057\u3084\u3059\u3055\u3082\u59a5\u5354\u3057\u306a\u3044\u81ea\u7531\u8a2d\u8a08\u3002\u5bb6\u65cf\u306e\u7269\u8a9e\u304c\u305a\u3063\u3068\u7d9a\u3044\u3066\u3044\u304f\u4f4f\u307e\u3044\u3092\u3001\u5e83\u5cf6\u30fb\u6771\u5e83\u5cf6\u3067\u3042\u306a\u305f\u3068\u4e00\u7dd2\u306b\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n<div class=\"hero-actions\">\n <a href=\"#cta\" class=\"btn btn-fill\">\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9\u6765\u5834\u4e88\u7d04<br \/>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><br \/>\n <\/a><br \/>\n <a href=\"#lineup\" class=\"btn btn-line\">\u5546\u54c1\u3092\u898b\u308b<\/a><\/div>\n<\/div>\n<div class=\"house-stage\" aria-hidden=\"true\">\n <svg class=\"house-svg\" viewBox=\"0 0 580 380\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n \t<line class=\"s1\" pathLength=\"1\" x1=\"20\" y1=\"340\" x2=\"560\" y2=\"340\"\/>\n \n <path class=\"s1\" pathLength=\"1\" d=\"M120 340 V170 H330 V340\"\/>\n \n <polyline class=\"s2\" pathLength=\"1\" points=\"100,178 225,90 350,178\"\/>\n \n <path class=\"s3\" pathLength=\"1\" d=\"M330 340 V230 H470 V340\"\/>\n <polyline class=\"s3\" pathLength=\"1\" points=\"318,236 400,196 482,236\"\/>\n \n <path class=\"win s4\" pathLength=\"1\" d=\"M150 210 H230 V300 H150 Z\"\/>\n \t<line class=\"win s4\" pathLength=\"1\" x1=\"190\" y1=\"210\" x2=\"190\" y2=\"300\"\/>\n \t<line class=\"win s4\" pathLength=\"1\" x1=\"150\" y1=\"255\" x2=\"230\" y2=\"255\"\/>\n \n <path class=\"s4\" pathLength=\"1\" d=\"M262 340 V250 H300 V340\"\/>\n \n <path class=\"win s5\" pathLength=\"1\" d=\"M380 262 H440 V310 H380 Z\"\/>\n \n \t<line class=\"s5\" pathLength=\"1\" x1=\"520\" y1=\"340\" x2=\"520\" y2=\"270\"\/>\n <path class=\"s5\" pathLength=\"1\" d=\"M520 290 C500 280 498 250 520 244 C542 250 540 280 520 290\"\/>\n <\/svg><\/div>\n<\/div>\n<div class=\"scroll-cue\"><span>Scroll<\/span><span class=\"l\"><\/span><\/div>\n<\/section>\n<p><\/p>\n<section class=\"section\" id=\"feature\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">House Building<\/span><br \/>\n <span class=\"eyebrow\">Our commitment<\/span><\/div>\n<h2 class=\"sec-title\">\u6816\u306e\u3001\u5bb6\u3065\u304f\u308a\u3002<\/h2>\n<div class=\"feat\">\n <a class=\"feat-card\" href=\"#\"><\/p>\n<div class=\"bg c1\"><\/div>\n<div class=\"ct\">\n <span class=\"num\">01 \u2014 Reason<\/span><\/p>\n<h3>\u9078\u3070\u308c\u308b\u7406\u7531<\/h3>\n<p>\u30c7\u30b6\u30a4\u30f3\u3060\u3051\u3067\u306a\u304f\u3001\u6027\u80fd\u30fb\u54c1\u8cea\u306b\u3082\u4e00\u5207\u59a5\u5354\u3057\u306a\u3044\u3002\u8010\u9707\u7b49\u7d1a3\u3092\u6a19\u6e96\u306b\u3001\u3054\u5bb6\u65cf\u306e\u7406\u60f3\u3092\u7d30\u90e8\u307e\u3067\u5f62\u306b\u3059\u308b\u81ea\u7531\u8a2d\u8a08\u306e\u5bb6\u3065\u304f\u308a\u3067\u3059\u3002<\/p>\n<p><span class=\"more\">\u3082\u3063\u3068\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><br \/>\n <a class=\"feat-card\" href=\"#\"><\/p>\n<div class=\"bg c2\"><\/div>\n<div class=\"ct\">\n <span class=\"num\">02 \u2014 Guarantee<\/span><\/p>\n<h3>\u4f4f\u307e\u3044\u306e\u7dcf\u5408\u4fdd\u8a3c<\/h3>\n<p>\u5efa\u3066\u308b\u524d\u3082\u3001\u5efa\u3066\u305f\u5f8c\u3082\u3002\u6700\u592750\u5e74\u306e\u9577\u671f\u4fdd\u8a3c\u3092\u306f\u3058\u3081\u3001\u66ae\u3089\u3057\u306e\u5b89\u5fc3\u3092\u9577\u304f\u652f\u3048\u308b\u5145\u5b9f\u306e\u4fdd\u8a3c\u5236\u5ea6\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p><span class=\"more\">\u3082\u3063\u3068\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section lineup\" id=\"lineup\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">Product Line-up<\/span><br \/>\n <span class=\"eyebrow\">Two ways to build<\/span><\/div>\n<h2 class=\"sec-title\">\u5546\u54c1\u30e9\u30a4\u30f3\u30ca\u30c3\u30d7<\/h2>\n<div class=\"prod\">\n <a class=\"prod-card\" href=\"#\"><\/p>\n<div class=\"prod-visual v1\">\n <svg viewBox=\"0 0 200 130\"><path d=\"M20 120V60h70v60M10 65 55 25l45 40\"\/><path d=\"M120 120V80h60v40M110 84l30-22 30 22\"\/><rect x=\"35\" y=\"80\" width=\"22\" height=\"40\"\/><\/svg><\/div>\n<div class=\"prod-body\">\n <span class=\"tag\">Custom Order<\/span><\/p>\n<h3>LiBRE<\/h3>\n<p class=\"lead\">\u6ce8\u6587\u4f4f\u5b85<\/p>\n<p>\u8010\u9707\u7b49\u7d1a3\u306e\u5b89\u5fc3\u3068\u3001\u81ea\u7531\u8a2d\u8a08\u3067\u3064\u304f\u308b\u7406\u60f3\u306e\u66ae\u3089\u3057\u3002\u9593\u53d6\u308a\u3082\u7d20\u6750\u3082\u601d\u3044\u306e\u307e\u307e\u306b\u3001\u4e16\u754c\u306b\u3072\u3068\u3064\u3060\u3051\u306e\u4f4f\u307e\u3044\u3092\u3002<\/p>\n<p><span class=\"more\">\u8a73\u3057\u304f\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><br \/>\n <a class=\"prod-card\" href=\"#\"><\/p>\n<div class=\"prod-visual v2\">\n <svg viewBox=\"0 0 200 130\"><path d=\"M40 120V70h50v50M30 74l35-26 35 26\"\/><circle cx=\"150\" cy=\"100\" r=\"3\"\/><path d=\"M150 100V58M150 70c-12 0-16-12-6-18M150 78c12 0 16-10 7-17\"\/><\/svg><\/div>\n<div class=\"prod-body\">\n <span class=\"tag\">Concept House<\/span><\/p>\n<h3>ki-to,<\/h3>\n<p class=\"lead\">\u30b3\u30f3\u30bb\u30d7\u30c8\u4f4f\u5b85<\/p>\n<p>\u5bb6\u3065\u304f\u308a\u3092\u3001\u3082\u3063\u3068\u6c17\u8efd\u306b\u3002\u66ae\u3089\u3057\u306e\u30c6\u30fc\u30de\u304b\u3089\u9078\u3079\u308b\u898f\u683c\u4f4f\u5b85\u3002\u8ff7\u308f\u305a\u3001\u697d\u3057\u304f\u3001\u3061\u3087\u3046\u3069\u3044\u3044\u4f4f\u307e\u3044\u304c\u898b\u3064\u304b\u308a\u307e\u3059\u3002<\/p>\n<p><span class=\"more\">\u8a73\u3057\u304f\u898b\u308b \u2192<\/span><\/div>\n<p><\/a><\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section\" id=\"works\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">Examples & Customer’s Voice<\/span><br \/>\n <span class=\"eyebrow\">Built stories<\/span><\/div>\n<h2 class=\"sec-title\">\u5efa\u7bc9\u5b9f\u4f8b \uff06 \u304a\u5ba2\u69d8\u306e\u58f0<\/h2>\n<div class=\"works\">\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Higashi-Hiroshima \u2014 T\u90b8<\/div>\n<div class=\"ttl\">\u9759\u3051\u3055\u3092\u7e8f\u3046\u3001<br \/>\n\u6c34\u5e73\u306e\u5e73\u5c4b<\/div>\n<\/div>\n<\/div>\n<p><\/a><br \/>\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Higashi-Hiroshima \u2014 A\u90b8<\/div>\n<div class=\"ttl\">\u304b\u308f\u3044\u3044\u3092<br \/>\n\u5927\u4eba\u3063\u307d\u304f\u697d\u3057\u3080\u5bb6<\/div>\n<\/div>\n<\/div>\n<p><\/a><br \/>\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Higashi-Hiroshima \u2014 I\u90b8<\/div>\n<div class=\"ttl\">\u6728\u9020\u3067\u53f6\u3048\u305f<br \/>\n\u5927\u7a7a\u9593\u306eLDK<\/div>\n<\/div>\n<\/div>\n<p><\/a><br \/>\n <a class=\"work\" href=\"#\"><\/p>\n<div class=\"ph\">\n<div class=\"meta\">\n<div class=\"area\">Hiroshima Asaminami \u2014 W\u90b8<\/div>\n<div class=\"ttl\">\u56de\u904a\u6027\u306e\u3042\u308b<br \/>\n\u660e\u308b\u3044\u30ea\u30d3\u30f3\u30b0<\/div>\n<\/div>\n<\/div>\n<p><\/a><\/div>\n<div class=\"works-cta\">\n <a class=\"ghost\" href=\"#\">LiBRE \u306e\u5b9f\u4f8b\u3092\u3082\u3063\u3068\u898b\u308b \u2192<\/a><br \/>\n <a class=\"ghost\" href=\"#\">ki-to, \u306e\u5b9f\u4f8b\u3092\u3082\u3063\u3068\u898b\u308b \u2192<\/a><\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section model\" id=\"model\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">Model House<\/span><br \/>\n <span class=\"eyebrow\">Visit us<\/span><\/div>\n<h2 class=\"sec-title\">\u5e38\u8a2d\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/h2>\n<div class=\"mh-grid\">\n<div class=\"mh\">\n<div class=\"ph\"><svg viewBox=\"0 0 100 70\"><path d=\"M15 65V30h40v35M8 33 35 12l28 21\"\/><rect x=\"68\" y=\"40\" width=\"24\" height=\"25\"\/><path d=\"M64 43l16-12 16 12\"\/><\/svg><\/div>\n<div class=\"body\">\n<div class=\"concept\">2\u3064\u306e\u5bb6\u3092\u540c\u6642\u306b\u4f53\u611f<\/div>\n<h4>\u30a2\u30b9\u30bf\u4f4f\u5b85\u5c55\u793a\u5834<\/h4>\n<dl>\n<dt>\u6240\u5728<\/dt>\n<dd>\u5e83\u5cf6\u5e02\u6771\u533a\u725b\u7530\u65b0\u753a<\/dd>\n<dt>\u55b6\u696d<\/dt>\n<dd>10:00\u201318:00<\/dd>\n<dt>\u5b9a\u4f11<\/dt>\n<dd>\u6bce\u9031\u6c34\u66dc\u65e5<\/dd>\n<\/dl>\n<\/div>\n<\/div>\n<div class=\"mh\">\n<div class=\"ph\"><svg viewBox=\"0 0 100 70\"><path d=\"M20 65V32h55v33M12 35 47 14l34 21\"\/><rect x=\"35\" y=\"44\" width=\"14\" height=\"21\"\/><\/svg><\/div>\n<div class=\"body\">\n<div class=\"concept\">\u5bb6\u65cf\u6642\u9593\u3092\u6109\u3057\u3080\u5bb6<\/div>\n<h4>\u5bfa\u5bb6\u99c5\u524d\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/h4>\n<dl>\n<dt>\u6240\u5728<\/dt>\n<dd>\u6771\u5e83\u5cf6\u5e02\u5bfa\u5bb6\u99c5\u524d<\/dd>\n<dt>\u55b6\u696d<\/dt>\n<dd>10:00\u201317:00<\/dd>\n<dt>\u5b9a\u4f11<\/dt>\n<dd>\u6bce\u9031\u6c34\u66dc\u65e5<\/dd>\n<\/dl>\n<\/div>\n<\/div>\n<div class=\"mh\">\n<div class=\"ph\"><svg viewBox=\"0 0 100 70\"><path d=\"M22 65V20h40v45M22 42h40M14 23 42 6l28 17\"\/><\/svg><\/div>\n<div class=\"body\">\n<div class=\"concept\">2\u968e\u30ea\u30d3\u30f3\u30b0\u306e\u5bb6<\/div>\n<h4>\u4e95\u53e3\u660e\u795e\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9<\/h4>\n<dl>\n<dt>\u6240\u5728<\/dt>\n<dd>\u5e83\u5cf6\u5e02\u897f\u533a\u4e95\u53e3\u660e\u795e<\/dd>\n<dt>\u55b6\u696d<\/dt>\n<dd>10:00\u201317:30<\/dd>\n<dt>\u5b9a\u4f11<\/dt>\n<dd>\u6bce\u9031\u6c34\u66dc\u65e5<\/dd>\n<\/dl>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"section\" id=\"news\">\n<div class=\"wrap\">\n<div class=\"sec-label\">\n <span class=\"eyebrow-en\">News & Pickup<\/span><br \/>\n <span class=\"eyebrow\">What’s new<\/span><\/div>\n<h2 class=\"sec-title\">\u304a\u77e5\u3089\u305b<\/h2>\n<div class=\"news-grid\">\n<ul class=\"news-list\">\n<li><a href=\"#\"><span class=\"date\">2026.06.11<\/span><span class=\"cat\">\u53d7\u8cde<\/span><span class=\"txt\">\u56fd\u969b\u5efa\u7bc9\u30a2\u30ef\u30fc\u30c9 2026 \u5165\u9078\u306e\u304a\u77e5\u3089\u305b<\/span><\/a><\/li>\n<li><a href=\"#\"><span class=\"date\">2026.06.02<\/span><span class=\"cat\">\u5206\u8b72<\/span><span class=\"txt\">\u3010\u5b8c\u58f2\u5fa1\u793c\u3011\u30b0\u30e9\u30f3\u30c7\u30a3\u30fc\u30eb\u5bfa\u5bb6<\/span><\/a><\/li>\n<li><a href=\"#\"><span class=\"date\">2026.05.21<\/span><span class=\"cat\">\u30e1\u30c7\u30a3\u30a2<\/span><span class=\"txt\">\u516c\u5f0fYouTube\u756a\u7d44\u304c\u30b9\u30bf\u30fc\u30c8\u3057\u307e\u3057\u305f<\/span><\/a><\/li>\n<li><a href=\"#\"><span class=\"date\">2026.05.18<\/span><span class=\"cat\">\u30e1\u30c7\u30a3\u30a2<\/span><span class=\"txt\">\u30c6\u30ec\u30d3\u756a\u7d44\u306e\u653e\u9001\u304cWeb\u3067\u516c\u958b\u3055\u308c\u307e\u3057\u305f<\/span><\/a><\/li>\n<\/ul>\n<div class=\"pickup\">\n<h3>Pickup Contents<\/h3>\n<ul>\n<li><a href=\"#\">\u5206\u8b72\u5730 \u7b2c\u4e8c\u671f \u5206\u8b72\u958b\u59cb <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">\u65b0\u898f\u683c\u4f4f\u5b85 BORDERLESS <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7\u4f1a \u4e88\u7d04\u53d7\u4ed8\u4e2d <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">\u3059\u3050\u4f4f\u3081\u308b \u5206\u8b72\u30fb\u5efa\u58f2\u4f4f\u5b85 <span>\u2192<\/span><\/a><\/li>\n<li><a href=\"#\">SDGs\u306e\u76ee\u6a19\u9054\u6210\u306b\u5411\u3051\u3066 <span>\u2192<\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<p><\/p>\n<section class=\"cta-band\" id=\"cta\">\n<div class=\"cta-grid\">\n <a class=\"cta-cell\" href=\"#\"><\/p>\n<div class=\"ic\">01<\/div>\n<h3>\u8cc7\u6599\u8acb\u6c42<\/h3>\n<p>\u30ab\u30bf\u30ed\u30b0\u30fb\u65bd\u5de5\u4e8b\u4f8b\u96c6\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059<\/p>\n<p><\/a><br \/>\n <a class=\"cta-cell\" href=\"#\"><\/p>\n<div class=\"ic\">02<\/div>\n<h3>\u6765\u5834\u4e88\u7d04<\/h3>\n<p>\u30e2\u30c7\u30eb\u30cf\u30a6\u30b9\u3092\u5b9f\u969b\u306b\u4f53\u611f\u3067\u304d\u307e\u3059<\/p>\n<p><\/a><br \/>\n <a class=\"cta-cell\" href=\"#\"><\/p>\n<div class=\"ic\">03<\/div>\n<h3>\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7<\/h3>\n<p>\u3054\u81ea\u5b85\u304b\u3089\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059<\/p>\n<p><\/a><\/div>\n<\/section>\n<p><\/p>\n<footer>\n<div class=\"wrap\">\n<div class=\"foot-top\">\n<div class=\"foot-brand\">\n<div class=\"jp\">\u6816<\/div>\n<div class=\"en\">Sumika<\/div>\n<div class=\"addr\">\u682a\u5f0f\u4f1a\u793e \u6816\u30db\u30fc\u30e0<br \/>\n\u3012739-0041 \u5e83\u5cf6\u770c\u6771\u5e83\u5cf6\u5e02\u897f\u6761\u753a\u5bfa\u5bb60000-0<br \/>\n\u55b6\u696d\u6642\u9593 9:00\u201317:30\uff08\u6c34\u66dc\u5b9a\u4f11\uff09<\/div>\n<div class=\"tel\">0120-000-000<\/div>\n<\/div>\n<div>\n<h5>House Building<\/h5>\n<ul>\n<li><a href=\"#\">\u9078\u3070\u308c\u308b\u7406\u7531<\/a><\/li>\n<li><a href=\"#\">\u4f4f\u307e\u3044\u306e\u7dcf\u5408\u4fdd\u8a3c<\/a><\/li>\n<li><a href=\"#\">LiBRE<\/a><\/li>\n<li><a href=\"#\">ki-to,<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<h5>Visit<\/h5>\n<ul>\n<li><a href=\"#\">\u5c55\u793a\u5834\u4e00\u89a7<\/a><\/li>\n<li><a href=\"#\">\u5efa\u7bc9\u5b9f\u4f8b<\/a><\/li>\n<li><a href=\"#\">\u30a4\u30d9\u30f3\u30c8\u60c5\u5831<\/a><\/li>\n<li><a href=\"#\">\u5bb6\u3065\u304f\u308a\u30b3\u30e9\u30e0<\/a><\/li>\n<\/ul>\n<\/div>\n<div>\n<h5>Company<\/h5>\n<ul>\n<li><a href=\"#\">\u4f1a\u793e\u6848\u5185<\/a><\/li>\n<li><a href=\"#\">\u30b9\u30bf\u30c3\u30d5\u7d39\u4ecb<\/a><\/li>\n<li><a href=\"#\">\u63a1\u7528\u60c5\u5831<\/a><\/li>\n<li><a href=\"#\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"copy\">\n <span>\u00a9 2026 SUMIKA HOME \u2014 \u4eee\u79f0\u30c7\u30b6\u30a4\u30f3\u30b5\u30f3\u30d7\u30eb<\/span><br \/>\n <span>Custom Homes in Hiroshima<\/span><\/div>\n<\/div>\n<\/footer>\n<p><script>\n const hd=document.getElementById('hd');\n const onScroll=()=>{hd.classList.toggle('solid',window.scrollY>window.innerHeight*0.7)};\n onScroll();window.addEventListener('scroll',onScroll,{passive:true});\n<\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6816 SUMIKA\uff5c\u5e83\u5cf6\u30fb\u6771\u5e83\u5cf6\u306e\u6ce8\u6587\u4f4f\u5b85 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":2,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/muutos-p.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/muutos-p.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}