{"id":97,"date":"2026-05-11T11:47:32","date_gmt":"2026-05-11T02:47:32","guid":{"rendered":"https:\/\/sharehouse.space\/?page_id=97"},"modified":"2026-05-19T12:51:05","modified_gmt":"2026-05-19T03:51:05","slug":"lp","status":"publish","type":"page","link":"https:\/\/sharehouse.space\/","title":{"rendered":"LP"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code><br><br><\/code><\/pre>\n\n\n\n<style>\n:root {\n  --green:       #87cefa; \/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\uff08\u7dd1\uff09 *\/\n  --green-light: #5a8f6a; \/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\u8584\u3081 *\/\n  --green-pale:  #e8f0eb; \/* \u80cc\u666f\u306e\u8584\u3044\u7dd1 *\/\n  --cream:       #f9f6f0; \/* \u30af\u30ea\u30fc\u30e0\u80cc\u666f *\/\n  --dark:        #1c1c1c; \/* \u6587\u5b57\u306e\u6fc3\u3044\u30c0\u30fc\u30af *\/\n  --gray:        #444; \/* \u8aac\u660e\u6587\u306e\u30b0\u30ec\u30fc *\/\n  --white:       #ffffff;\n  --accent:      #c8a96e; \/* \u30b4\u30fc\u30eb\u30c9\u30a2\u30af\u30bb\u30f3\u30c8 *\/\n  --prop-bg:     #f0f7ff;\n}\n\/* \u2500\u2500 \u30ea\u30bb\u30c3\u30c8 \u2500\u2500 *\/\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n  font-family: 'Noto Sans JP', sans-serif;\n  background: var(--cream);\n  color: var(--dark);\n  overflow-x: hidden;\n}\n\n\n\/*\n=============================================================\n  \u2605 \u6a2a\u5e45\u5168\u5e45\u5316 \u2605\n  JIN\u30c6\u30fc\u30de\u306e\u5e45\u5236\u9650\u3092\u89e3\u9664\u3059\u308b\u305f\u3081\u306e\u8a2d\u5b9a\n=============================================================\n*\/\n\/* JIN\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u30a8\u30ea\u30a2\u5e45\u5236\u9650\u3092\u89e3\u9664 *\/\n.l-article__body,.l-main__inner,.l-main,.c-post__body,.entry-content,.article__body,#content,.site-main {\n  max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important;\n}\n\n\/* \u2500\u2500 NAV\u524a\u9664\u6e08\u307f\uff08JIN\u306e\u30d8\u30c3\u30c0\u30fc\u3092\u4f7f\u7528\uff09 \u2500\u2500 *\/\n\n\/*\n=============================================================\n  \u2605 HERO\uff08\u6700\u521d\u306e\u5927\u304d\u3044\u30d3\u30b8\u30e5\u30a2\u30eb\u30a8\u30ea\u30a2\uff09 \u2605\n=============================================================\n*\/\n\n.hero {\n  min-height: 100vh;\n  display: grid; grid-template-columns: 1fr 1fr;\n  background: var(--cream);\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n.hero-text {\n  display: flex; flex-direction: column; justify-content: center;\n  padding: 80px 64px 80px 72px;\n}\n.hero-eyebrow {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase;\n  color: var(--green-light); margin-bottom: 24px;\n  display: flex; align-items: center; gap: 12px;\n}\n.hero-eyebrow::before { content: ''; display: block; width: 32px; height: 1px; background: var(--green-light); }\n\/* \u25bc \u30d2\u30fc\u30ed\u30fc\u306e\u5927\u898b\u51fa\u3057\uff08\u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff09 *\/\n.hero-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(2.4rem, 4.5vw, 4.2rem);\n  font-weight: 300; line-height: 1.3; color: var(--dark); margin-bottom: 28px;\n}\n\n.hero-title em { font-style: italic; color:  #87cefa; }\n.concept-title em {font-style: italic; color: #87cefa;}\n\/* \u25bc \u30d2\u30fc\u30ed\u30fc\u306e\u8aac\u660e\u6587 *\/\n.hero-desc {\n  font-size: 0.95rem; line-height: 1.9; color: var(--gray);\n  max-width: 420px; margin-bottom: 48px; font-weight: 300;\n}\n.hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }\n\n\/* ===================== BUTTONS ===================== *\/\n\/* \u25bc \u5171\u901a\u30dc\u30bf\u30f3\u30b9\u30bf\u30a4\u30eb *\/\n.btn-primary {\n  background: var(--green); color: #1c1c1c;\n  padding: 16px 36px; border-radius: 50px;\n  font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em;\n  text-decoration: none; text-transform: uppercase;\n  transition: all 0.25s; display: inline-block;\n}\n.btn-primary:hover { background: var(--green-light); color: #fff; transform: translateY(-2px); }\n.btn-outline {\n  border: 1.5px solid var(--green-light); color: var(--green-light);\n  padding: 15px 36px; border-radius: 50px;\n  font-size: 0.85rem; font-weight: 500; letter-spacing: 0.06em;\n  text-decoration: none; text-transform: uppercase; transition: all 0.25s; display: inline-block;\n}\n.btn-outline:hover { background: var(--green-light); color: #fff; }\n.hero-image { position: relative; overflow: hidden; }\n\n\n\/*\n=============================================================\n  \u2605 \u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc \u2605\n  \u753b\u50cfURL\u306e\u5909\u66f4\u306f\u4e0b\u306e .slide-1 \/ .slide-2 \/ .slide-3 \u3067\n=============================================================\n*\/\n.slideshow { position: relative; width: 100%; height: 100%; min-height: 500px; overflow: hidden; }\n.slide {\n  position: absolute; inset: 0;\n  background-size: cover; background-position: center;\n  opacity: 0; transition: opacity 1.2s ease;\n}\n.slide.active { opacity: 1; }\n.slide::before { content: ''; position: absolute; inset: 0; background: rgba(10,30,20,0.3); }\n\n\/*\n  \u25bc\u25bc\u25bc \u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u306e\u753b\u50cfURL \u25bc\u25bc\u25bc\n  \u5404\u30b9\u30e9\u30a4\u30c9\u306e\u753b\u50cf\u3092\u3053\u3053\u3067\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\n  \u4f8b\uff1abackground-image: url('https:\/\/\u3042\u306a\u305f\u306e\u30b5\u30a4\u30c8.com\/wp-content\/uploads\/\u5199\u771f.jpg');\n*\/\n\n.slide-1 { background-image: url('https:\/\/sharehouse.space\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u67088\u65e5-14_32_43.png'); }\n.slide-2 { background-image: url('https:\/\/images.unsplash.com\/photo-1617806118233-18e1de247200?w=1000&q=85'); }\n.slide-3 { background-image: url('https:\/\/images.unsplash.com\/photo-1502672260266-1c1ef2d93688?w=1000&q=85'); }\n\/* \u30b9\u30e9\u30a4\u30c9\u306e\u30c9\u30c3\u30c8\u30a4\u30f3\u30b8\u30b1\u30fc\u30bf\u30fc *\/\n.slide-dots {\n  position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);\n  display: flex; gap: 8px; z-index: 2;\n}\n.slide-dot {\n  width: 8px; height: 8px; border-radius: 50%;\n  background: rgba(255,255,255,0.5); cursor: pointer; transition: background 0.3s, transform 0.3s;\n}\n.slide-dot.active { background: #fff; transform: scale(1.3); }\n\n\/*\n=============================================================\n  \u2605 CONCEPT\uff08\u30b3\u30f3\u30bb\u30d7\u30c8\u30bb\u30af\u30b7\u30e7\u30f3\uff09 \u2605\n=============================================================\n*\/\n.concept {\n  background: var(--white); padding: 120px 72px;\n  display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n.concept-label {\n  font-family: 'DM Sans', sans-serif; font-size: 0.7rem;\n  letter-spacing: 0.18em; text-transform: uppercase;\n  color: var(--accent); margin-bottom: 20px; display: block;\n}\n\/* \u25bc \u30b3\u30f3\u30bb\u30d7\u30c8\u306e\u898b\u51fa\u3057 *\/\n.concept-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.8rem, 3.5vw, 3rem);\n  font-weight: 300; line-height: 1.3; color: var(--dark); margin-bottom: 32px;\n}\n\/* \u25bc \u30b3\u30f3\u30bb\u30d7\u30c8\u306e\u8aac\u660e\u6587 *\/\n.concept-body { font-size: 0.92rem; line-height: 2; color: var(--gray); font-weight: 300; }\n.concept-body p + p { margin-top: 16px; }\n.concept-right { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.concept-card {\n  background: var(--green-pale); border-radius: 16px;\n  padding: 32px 24px; transition: transform 0.2s;\n}\n.concept-card:hover { transform: translateY(-4px); }\n.concept-card:first-child { grid-column: span 2; background: var(--green); }\n.concept-card:first-child .card-title { color: #1c1c1c; }\n.concept-card:first-child .card-body { color: rgba(0,0,0,0.6); }\n.concept-card:first-child .card-icon svg { stroke: #1c1c1c; }\n\n.card-icon { margin-bottom: 16px; display: block; }\n.card-icon svg {\n  width: 28px; height: 28px;\n  stroke: var(--green-light); stroke-width: 1.5; fill: none;\n  stroke-linecap: round; stroke-linejoin: round; display: block;\n}\n.card-title { font-size: 0.95rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\n.card-body { font-size: 0.82rem; line-height: 1.7; color: var(--gray); font-weight: 300; }\n\n\/*\n=============================================================\n  \u2605 FEATURES\uff08\u9078\u3070\u308c\u308b\u7406\u7531\uff09 \u2605\n=============================================================\n*\/\n.features {\n  padding: 120px 72px; background: var(--cream);\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n.section-header { text-align: center; margin-bottom: 72px; }\n.section-label {\n  font-family: 'DM Sans', sans-serif; font-size: 0.7rem;\n  letter-spacing: 0.18em; text-transform: uppercase;\n  color: var(--green-light); margin-bottom: 16px; display: block;\n}\n.section-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(1.8rem, 3vw, 2.8rem);\n  font-weight: 300; line-height: 1.3; color: var(--dark);\n}\n.features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }\n.feature-item {\n  background: var(--white); border-radius: 20px;\n  padding: 48px 36px; position: relative; overflow: hidden;\n  transition: box-shadow 0.3s, transform 0.3s;\n}\n.feature-item:hover { box-shadow: 0 16px 48px rgba(61,107,79,0.12); transform: translateY(-6px); }\n.feature-item::before {\n  content: ''; position: absolute; top: 0; left: 0; right: 0;\n  height: 4px; background: linear-gradient(90deg, var(--green), var(--green-light));\n}\n.feature-num {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: 4rem; font-weight: 300; color: var(--green-pale); line-height: 1; margin-bottom: 16px;\n}\n.feature-title { font-size: 1rem; font-weight: 700; margin-bottom: 12px; color: var(--dark); }\n.feature-body { font-size: 0.85rem; line-height: 1.8; color: var(--gray); font-weight: 300; }\n\n\/*\n=============================================================\n  \u2605 PROPERTIES\uff08\u7269\u4ef6\u4e00\u89a7\uff09 \u2605\n=============================================================\n*\/\n.properties {\n  background: var(--prop-bg); padding: 120px 72px;\n  width: 100vw; margin-left: calc(50% - 50vw);\n  position: relative; overflow: hidden;\n}\n.properties::before {\n  content: ''; position: absolute; top: -120px; right: -120px;\n  width: 480px; height: 480px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(135,206,250,0.35) 0%, transparent 70%); pointer-events: none;\n}\n.properties::after {\n  content: ''; position: absolute; bottom: -80px; left: -80px;\n  width: 320px; height: 320px; border-radius: 50%;\n  background: radial-gradient(circle, rgba(200,169,110,0.2) 0%, transparent 70%); pointer-events: none;\n}\n.properties .section-label { color: var(--green-light); }\n.properties .section-title { color: var(--dark); }\n.props-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\n.prop-card {\n  border-radius: 20px; overflow: hidden;\n  background: var(--white);\n  box-shadow: 0 4px 24px rgba(135,206,250,0.2);\n  transition: transform 0.3s, box-shadow 0.3s; cursor: pointer;\n  border: 1.5px solid rgba(135,206,250,0.3);\n}\n.prop-card:hover { transform: translateY(-8px); box-shadow: 0 16px 40px rgba(135,206,250,0.35); }\n.prop-img {\n  height: 220px; background: #cce8f6;\n  position: relative; overflow: hidden; display: flex; align-items: flex-end;\n}\n.prop-img-bg {\n  position: absolute; inset: 0;\n  background-size: cover; background-position: center;\n  opacity: 0.9; transition: transform 0.4s;\n}\n.prop-card:hover .prop-img-bg { transform: scale(1.05); }\n\n\/*\n  \u25bc\u25bc\u25bc \u7269\u4ef6\u30ab\u30fc\u30c9\u306e\u753b\u50cfURL \u25bc\u25bc\u25bc\n  \u5404\u7269\u4ef6\u306e\u753b\u50cf\u3092\u3053\u3053\u3067\u5909\u66f4\u3057\u3066\u304f\u3060\u3055\u3044\n  \u4f8b\uff1aurl('https:\/\/\u3042\u306a\u305f\u306e\u30b5\u30a4\u30c8.com\/wp-content\/uploads\/\u7269\u4ef6\u5199\u771f.jpg')\n*\/\n\n.prop-img-1 { background-image: url('https:\/\/sharehouse.space\/wp-content\/uploads\/2026\/05\/DSC_5894.jpg'); }\n.prop-img-2 { background-image: url('https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?w=700&q=85'); }\n.prop-img-3 { background-image: url('https:\/\/images.unsplash.com\/photo-1493809842364-78817add7ffb?w=700&q=85'); }\n.prop-tag {\n  position: relative; z-index: 1; margin: 12px;\n  background: var(--green); color: #1c1c1c;\n  font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase;\n  padding: 5px 12px; border-radius: 50px; font-weight: 700; display: inline-block;\n}\n.prop-info { padding: 24px; }\n.prop-name { font-size: 1rem; font-weight: 700; color: var(--dark); margin-bottom: 6px; }\n.prop-area {\n  font-size: 0.78rem; color: #666; margin-bottom: 16px;\n  display: flex; align-items: center; gap: 5px;\n}\n.prop-area svg {\n  width: 13px; height: 13px; stroke: var(--green-light); stroke-width: 2; fill: none;\n  stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;\n}\n.prop-price { font-family: 'Cormorant Garamond', serif; font-size: 1.6rem; font-weight: 600; color: var(--green-light); }\n.prop-price span { font-size: 0.75rem; color: #999; font-family: 'Noto Sans JP'; font-weight: 300; }\n.prop-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }\n.chip {\n  font-size: 0.68rem; padding: 4px 10px; border-radius: 50px;\n  border: 1.5px solid rgba(135,206,250,0.6); color: #3a7ca5;\n  background: rgba(135,206,250,0.1);\n}\n.props-more { text-align: center; margin-top: 48px; }\n\n\/*\n=============================================================\n  \u2605 LIFESTYLE\uff08\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\uff09 \u2605\n=============================================================\n*\/\n\n.lifestyle {\n  padding: 120px 72px; background: var(--white);\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n.lifestyle-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }\n.lifestyle-imgs { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 240px 240px; gap: 16px; }\n.lifestyle-img { border-radius: 16px; overflow: hidden; background: #d0e8d8; position: relative; }\n.lifestyle-img:first-child { grid-row: span 2; }\n.lifestyle-img-inner { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0.9; }\n\n\/*\n  \u25bc\u25bc\u25bc \u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u30bb\u30af\u30b7\u30e7\u30f3\u306e\u753b\u50cfURL \u25bc\u25bc\u25bc\n*\/\n.li-1 { background-image: url('https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?w=700&q=85'); }\/* \u2190 \u5de6\u5927\u304d\u3044\u753b\u50cf *\/\n.li-2 { background-image: url('https:\/\/images.unsplash.com\/photo-1543269664-56d93c1b41a6?w=700&q=85'); }\/* \u2190 \u53f3\u4e0a\u306e\u753b\u50cf *\/\n.li-3 { background-image: url('https:\/\/images.unsplash.com\/photo-1522708323590-d24dbb6b0267?w=700&q=85'); }\/* \u2190 \u53f3\u4e0b\u306e\u753b\u50cf *\/\n.lifestyle-list { list-style: none; margin-top: 36px; display: flex; flex-direction: column; gap: 20px; }\n.lifestyle-list li {\n  display: flex; gap: 16px; align-items: flex-start;\n  padding-bottom: 20px; border-bottom: 1px solid rgba(0,0,0,0.06);\n}\n.lifestyle-list li:last-child { border-bottom: none; }\n.li-icon {\n  width: 44px; height: 44px; border-radius: 12px;\n  background: var(--green-pale);\n  display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.li-icon svg {\n  width: 22px; height: 22px;\n  stroke: var(--green-light); stroke-width: 1.5; fill: none;\n  stroke-linecap: round; stroke-linejoin: round;\n}\n.li-text h4 { font-size: 0.9rem; font-weight: 700; color: var(--dark); margin-bottom: 4px; }\n.li-text p { font-size: 0.82rem; color: var(--gray); line-height: 1.7; font-weight: 300; }\n\n\/*\n=============================================================\n  \u2605 TESTIMONIALS\uff08\u5165\u5c45\u8005\u306e\u58f0\uff09 \u2605\n=============================================================\n*\/\n.testimonials {\n  background: var(--green-pale); padding: 120px 72px;\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 56px; }\n.review-card { background: var(--white); border-radius: 20px; padding: 36px 32px; position: relative; }\n.review-card::before {\n  content: '\\201C'; font-family: 'Cormorant Garamond', serif;\n  font-size: 5rem; color: var(--green-pale);\n  position: absolute; top: 16px; left: 24px; line-height: 1;\n}\n.review-text { font-size: 0.88rem; line-height: 1.85; color: var(--gray); position: relative; z-index: 1; margin-bottom: 24px; font-weight: 300; }\n.review-author { display: flex; align-items: center; gap: 12px; }\n.review-avatar {\n  width: 40px; height: 40px; border-radius: 50%;\n  background: var(--green-light);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1rem; color: #fff; font-weight: 500; flex-shrink: 0;\n}\n.review-name { font-size: 0.85rem; font-weight: 700; color: var(--dark); }\n.review-meta { font-size: 0.72rem; color: var(--gray); }\n\n\/*\n=============================================================\n  \u2605 FLOW\uff08\u5165\u5c45\u306e\u6d41\u308c\uff09 \u2605\n=============================================================\n*\/\n.flow {\n  padding: 120px 72px; background: var(--white);\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n.flow-steps { display: flex; gap: 0; margin-top: 56px; position: relative; }\n.flow-steps::before {\n  content: ''; position: absolute; top: 32px; left: 10%; right: 10%;\n  height: 2px; background: linear-gradient(90deg, var(--green), var(--green-light)); z-index: 0;\n}\n.flow-step { flex: 1; text-align: center; padding: 0 24px; position: relative; z-index: 1; }\n.step-circle {\n  width: 64px; height: 64px; border-radius: 50%;\n  background: var(--green); color: #1c1c1c;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n  font-family: 'Cormorant Garamond', serif; font-size: 1.5rem; font-weight: 600;\n  box-shadow: 0 4px 20px rgba(135,206,250,0.4);\n}\n.step-title { font-size: 0.9rem; font-weight: 700; color: var(--dark); margin-bottom: 8px; }\n.step-body { font-size: 0.78rem; color: var(--gray); line-height: 1.7; font-weight: 300; }\n\n\/*\n=============================================================\n  \u2605 FAQ \u2605\n=============================================================\n*\/\n.faq {\n  padding: 120px 72px; background: var(--cream);\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n.faq-inner { max-width: 760px; margin: 0 auto; }\n.faq-list { margin-top: 56px; display: flex; flex-direction: column; gap: 12px; }\n.faq-item { background: var(--white); border-radius: 14px; overflow: hidden; }\n.faq-q {\n  padding: 22px 28px; cursor: pointer;\n  display: flex; justify-content: space-between; align-items: center;\n  font-size: 0.9rem; font-weight: 700; color: var(--dark);\n}\n.faq-arrow {\n  width: 20px; height: 20px; flex-shrink: 0; transition: transform 0.3s;\n  display: flex; align-items: center; justify-content: center;\n}\n.faq-arrow svg {\n  width: 20px; height: 20px;\n  stroke: var(--green-light); stroke-width: 2; fill: none;\n  stroke-linecap: round; stroke-linejoin: round;\n}\n.faq-a {\n  max-height: 0; overflow: hidden;\n  transition: max-height 0.35s ease, padding 0.3s;\n  font-size: 0.85rem; color: var(--gray); line-height: 1.8; font-weight: 300;\n  padding: 0 28px;\n}\n.faq-item.open .faq-a { max-height: 300px; padding: 0 28px 22px; }\n.faq-item.open .faq-arrow { transform: rotate(45deg); }\n\n\/*\n=============================================================\n  \u2605 CTA\uff08\u304a\u554f\u3044\u5408\u308f\u305b\u8a98\u5c0e\uff09 \u2605\n=============================================================\n*\/\n.cta-section {\n  background: linear-gradient(135deg, #7accc8 0%, #e8f0eb 100%);\n  padding: 120px 72px; text-align: center; position: relative; overflow: hidden;\n  width: 100vw; margin-left: calc(50% - 50vw);\n}\n\n\/*\n  \u25bc CTA\u306e\u80cc\u666f\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4\u753b\u50cf\n  \u753b\u50cfURL\u3092\u3053\u3053\u3067\u5909\u66f4\n*\/\n.cta-section::before {\n  content: ''; position: absolute; inset: 0;\n  background: url('https:\/\/images.unsplash.com\/photo-1556912173-3bb406ef7e8d?w=1400&q=60') center\/cover;\n  opacity: 0.1;\n}\n.cta-label { color: var(--accent); margin-bottom: 20px; position: relative; display: block; font-family: 'DM Sans', sans-serif; font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; }\n.cta-title {\n  font-family: 'Cormorant Garamond', serif;\n  font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 300; color: var(--gray);\n  line-height: 1.3; margin-bottom: 24px; position: relative;\n}\n.cta-sub { color: var(--gray); font-size: 0.92rem; line-height: 1.8; margin-bottom: 48px; position: relative; font-weight: 300; }\n.cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; position: relative; }\n.btn-white {\n  background: var(--white); color: var(--green-light);\n  padding: 16px 40px; border-radius: 50px;\n  font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em;\n  text-decoration: none; text-transform: uppercase;\n  transition: all 0.25s; box-shadow: 0 4px 20px rgba(0,0,0,0.2); display: inline-flex; align-items: center; gap: 8px;\n}\n.btn-white:hover { transform: translateY(-2px); }\n.btn-outline-white {\n  border: 1.5px solid rgba(255,255,255,0.6); color: #fff;\n  padding: 15px 40px; border-radius: 50px;\n  font-size: 0.85rem; font-weight: 500; letter-spacing: 0.06em;\n  text-decoration: none; text-transform: uppercase; transition: all 0.25s; display: inline-flex; align-items: center; gap: 8px;\n}\n.btn-outline-white:hover { background: rgba(255,255,255,0.15); }\n\n\n\/*\n=============================================================\n  \u2605 \u30dc\u30bf\u30f3\u306e\u30a2\u30f3\u30c0\u30fc\u30d0\u30fc\u6d88\u53bb\n=============================================================\n*\/\n.btn-primary,\n.btn-outline,\n.btn-white,\n.btn-outline-white {\n  text-decoration: none !important;\n}\n\n\n.btn-white svg, .btn-outline-white svg {\n  width: 16px; height: 16px; stroke: currentColor; stroke-width: 2; fill: none;\n  stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0;\n}\n\n\/*\n=============================================================\n  \u2605 FOOTER \u2605\n=============================================================\n*\/\n\nfooter{\n  background:#111;\n  padding:80px 72px 56px;\n  display:grid;\n  grid-template-columns:2fr 1fr 1fr 1fr;\n  gap:48px;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n}\n\n\/* \u5168\u4f53\u6587\u5b57 *\/\nfooter,\nfooter p{\n  color:rgba(255,255,255,0.88);\n}\n\n\/* \u898b\u51fa\u3057 *\/\nfooter h3{\n  color:#fff !important;\n  font-size:1.4rem;\n  margin-bottom:16px;\n  font-family:'Cormorant Garamond',serif;\n  font-weight:500;\n}\n\nfooter h4{\n  color:#fff !important;\n  margin-bottom:18px;\n  font-size:0.82rem;\n  letter-spacing:0.08em;\n  text-transform:uppercase;\n}\n\n\/* \u30ea\u30f3\u30af *\/\n.footer-link{\n  color:rgba(255,255,255,0.9) !important;\n  text-decoration:none !important;\n  font-size:0.84rem;\n  transition:0.25s;\n  display:inline-block;\n}\n\nfooter a{\n  text-decoration:none !important;\n  border:none !important;\n}\n\n\/* hover *\/\n.footer-link:hover{\n  color:#87cefa !important;\n  transform:translateX(4px);\n}\n\n\/* \u30b3\u30d4\u30fc\u30e9\u30a4\u30c8 *\/\n.footer-bottom{\n  background:#111;\n  padding:20px 72px 32px;\n  text-align:center;\n  font-size:0.74rem;\n  color:rgba(255,255,255,0.38);\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n}\n\n\n\/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }\n.reveal.visible { opacity: 1; transform: none; }\n\n\/*\n=============================================================\n  \u2605 \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\uff08\u30b9\u30de\u30db\u30fb\u30bf\u30d6\u30ec\u30c3\u30c8\u5bfe\u5fdc\uff09 \u2605\n=============================================================\n*\/\n\n\/* ===================== RESPONSIVE\uff08\u30bf\u30d6\u30ec\u30c3\u30c8\uff09===================== *\/\n@media (max-width: 1024px) {\n  .hero { grid-template-columns: 1fr; min-height: auto; }\n  .hero-image { min-height: 360px; }\n  .hero-text { padding: 64px 40px; }\n  .concept { grid-template-columns: 1fr; padding: 80px 40px; }\n  .features { padding: 80px 40px; }\n  .features-grid { grid-template-columns: 1fr 1fr; }\n  .properties { padding: 80px 40px; }\n  .props-grid { grid-template-columns: 1fr 1fr; }\n  .lifestyle { padding: 80px 40px; }\n  .lifestyle-inner { grid-template-columns: 1fr; }\n  .testimonials { padding: 80px 40px; }\n  .reviews-grid { grid-template-columns: 1fr 1fr; }\n  .flow { padding: 80px 40px; }\n  .faq { padding: 80px 40px; }\n  .cta-section { padding: 80px 40px; }\n  footer { grid-template-columns: 1fr 1fr; padding: 48px 40px; }\n  .footer-bottom { padding: 20px 40px; }\n  .flow-steps { flex-direction: column; gap: 32px; }\n  .flow-steps::before { display: none; }\n}\n\n\/* ===================== RESPONSIVE\uff08\u30b9\u30de\u30db\uff09===================== *\/\n@media (max-width: 640px) {\n  .hero { grid-template-columns: 1fr; }\n  .hero-image { min-height: 300px; order: 0; }\n  .hero-text { padding: 48px 20px 40px; order: 1; }\n  .hero-title { font-size: clamp(2rem, 9vw, 2.8rem); line-height: 1.35; }\n  .hero-title br { display: none; }\n  .hero-desc { font-size: 0.88rem; line-height: 1.8; margin-bottom: 32px; }\n  .hero-btns { gap: 12px; }\n  .btn-primary, .btn-outline { padding: 14px 28px; font-size: 0.8rem; width: 100%; text-align: center; }\n\n  .concept { padding: 64px 20px; gap: 40px; }\n  .concept-right { grid-template-columns: 1fr; }\n  .concept-card:first-child { grid-column: span 1; }\n\n  .features { padding: 64px 20px; }\n  .features-grid { grid-template-columns: 1fr; gap: 20px; }\n  .feature-item { padding: 32px 24px; }\n\n  .properties { padding: 64px 20px; }\n  .props-grid { grid-template-columns: 1fr; gap: 20px; }\n  .props-more .btn-primary { width: 100%; text-align: center; }\n\n  .lifestyle { padding: 64px 20px; }\n  .lifestyle-imgs { grid-template-columns: 1fr; grid-template-rows: 200px 160px 160px; }\n  .lifestyle-img:first-child { grid-row: span 1; }\n\n  .testimonials { padding: 64px 20px; }\n  .reviews-grid { grid-template-columns: 1fr; gap: 16px; }\n  .review-card { padding: 28px 24px; }\n\n  .flow { padding: 64px 20px; }\n  .flow-steps { flex-direction: column; gap: 28px; }\n  .flow-steps::before { display: none; }\n  .flow-step { padding: 0; }\n\n  .faq { padding: 64px 20px; }\n  .faq-q { padding: 18px 20px; font-size: 0.85rem; }\n  .faq-a { padding: 0 20px; }\n  .faq-item.open .faq-a { padding: 0 20px 18px; }\n\n  .cta-section { padding: 64px 20px; }\n  .cta-title br { display: none; }\n  .btn-white, .btn-outline-white { width: 100%; justify-content: center; padding: 14px 24px; font-size: 0.82rem; }\n  .cta-btns { flex-direction: column; gap: 12px; }\n\n  footer { grid-template-columns: 1fr; padding: 48px 20px; gap: 32px; }\n  .footer-bottom { padding: 20px 20px; }\n  .section-title { font-size: clamp(1.6rem, 6vw, 2.2rem); }\n  .concept-title { font-size: clamp(1.6rem, 6vw, 2.2rem); }\n}\n\n\/* ===================== \u30dc\u30bf\u30f3\u306e\u30db\u30d0\u30fc===================== *\/\n.btn-primary,\n.btn-outline,\n.btn-white,\n.btn-outline-white {\n  transition: all 0.25s ease;\n}\n\n.btn-primary:hover,\n.btn-outline:hover,\n.btn-white:hover,\n.btn-outline-white:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 10px 25px rgba(0,0,0,0.12);\n  opacity: 0.95;\n}\n\n<\/style>\n<\/head>\n<body>\n\n<!--\n=============================================================\n  \u2605 HERO\uff08\u30d5\u30a1\u30fc\u30b9\u30c8\u30d3\u30e5\u30fc\uff09 \u2605\n  \u30fb\u5de6\u5074\uff1a\u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\uff0b\u30dc\u30bf\u30f3\n  \u30fb\u53f3\u5074\uff1a\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\uff08\u753b\u50cf\u306fCSS\u306e .slide-1 \/ .slide-2 \/ .slide-3 \u3067\u5909\u66f4\uff09\n=============================================================\n-->\n\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-image\">\n    <div class=\"slideshow\">\n      <div class=\"slide slide-1 active\"><\/div>\n      <div class=\"slide slide-2\"><\/div>\n      <div class=\"slide slide-3\"><\/div>\n      <div class=\"slide-dots\">\n        <div class=\"slide-dot active\"><\/div>\n        <div class=\"slide-dot\"><\/div>\n        <div class=\"slide-dot\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"hero-text reveal\">\n    <div class=\"hero-eyebrow\">Share House<\/div>\n    <h1 class=\"hero-title\">\n      \u4eba\u3068\u306e\u51fa\u4f1a\u3044\u304c<br>\n      <em>\u66ae\u3089\u3057<\/em>\u3092\u9762\u767d\u304f\u3059\u308b\u3002\n    <\/h1>\n    <p class=\"hero-desc\">\n      \u65b0\u3057\u3044\u8857\u3001\u65b0\u3057\u3044\u7a7a\u9593\u3001\u65b0\u3057\u3044\u4eba\u3068\u306e\u3064\u306a\u304c\u308a\u3002\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u306b\u306f\u3001\u6bce\u65e5\u3092\u5c11\u3057\u5909\u3048\u3066\u304f\u308c\u308b\u51fa\u4f1a\u3044\u304c\u3042\u308a\u307e\u3059\u3002\n    <\/p>\n    <div class=\"hero-btns\">\n      <a class=\"btn-primary\" href=\"#properties\">\u7269\u4ef6\u3092\u898b\u308b<\/a>\n      <a class=\"btn-outline\" href=\"#flow\">\u5165\u5c45\u306e\u6d41\u308c<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!--\n=============================================================\n  \u2605 CONCEPT\uff08\u30b3\u30f3\u30bb\u30d7\u30c8\u30bb\u30af\u30b7\u30e7\u30f3\uff09 \u2605\n  \u5de6\uff1a\u898b\u51fa\u3057\uff0b\u8aac\u660e\u6587\u3001\u53f3\uff1a\u30ab\u30fc\u30c93\u679a\n=============================================================\n-->\n\n<section class=\"concept\" id=\"concept\">\n  <div class=\"reveal\">\n    <span class=\"concept-label\">Our Concept<\/span>\n    <h2 class=\"concept-title\">\n      \u3072\u3068\u308a\u3058\u3083\u306a\u3044<em>\u66ae\u3089\u3057<\/em>\u304c\u3001<br>\n      \u6bce\u65e5\u3092\u5c11\u3057\u5909\u3048\u3066\u3044\u304f\u3002\n    <\/h2>\n    <div class=\"concept-body\">\n      <p>\u4e00\u7dd2\u306b\u3054\u98ef\u3092\u98df\u3079\u305f\u308a\u3001\u4f55\u6c17\u306a\u3044\u4f1a\u8a71\u3092\u3057\u305f\u308a\u3001\u6642\u306b\u306f\u305d\u308c\u305e\u308c\u306e\u6642\u9593\u3092\u904e\u3054\u3057\u305f\u308a\u3002\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u306b\u306f\u3001\u3072\u3068\u308a\u66ae\u3089\u3057\u306b\u306f\u306a\u3044\u5fc3\u5730\u3088\u3055\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n      <p>\u3086\u308b\u3084\u304b\u306b\u3064\u306a\u304c\u308a\u306a\u304c\u3089\u3001\u7121\u7406\u306a\u304f\u3001\u81ea\u5206\u3089\u3057\u304f\u3002\u65b0\u3057\u3044\u66ae\u3089\u3057\u306e\u304b\u305f\u3061\u3092\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"concept-right reveal\">\n    <!-- \u30b3\u30df\u30e5\u30cb\u30c6\u30a3\uff1ausers icon -->\n    <div class=\"concept-card\">\n      <div class=\"card-icon\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n      <\/div>\n      <div class=\"card-title\">\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u91cd\u8996<\/div>\n      <div class=\"card-body\">\u5165\u5c45\u8005\u540c\u58eb\u304c\u81ea\u7136\u306b\u3064\u306a\u304c\u308c\u308b\u30a4\u30d9\u30f3\u30c8\u3084\u5171\u7528\u30b9\u30da\u30fc\u30b9\u3092\u6574\u5099\u3057\u3066\u3044\u307e\u3059\u3002<\/div>\n    <\/div>\n    <!-- \u30ea\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3\uff1awrench icon -->\n    <div class=\"concept-card\">\n      <div class=\"card-icon\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg>\n      <\/div>\n      <div class=\"card-title\">\u5efa\u7269\u306e\u30ea\u30ce\u30d9\u30fc\u30b7\u30e7\u30f3<\/div>\n      <div class=\"card-body\">\u5efa\u7269\u306b\u65b0\u3057\u3044\u547d\u3092\u5439\u304d\u8fbc\u307f\u3001\u304a\u3057\u3083\u308c\u3067\u3053\u3060\u308f\u308a\u306e\u4f4f\u7a7a\u9593\u3092\u63d0\u4f9b\u3002\u30c7\u30b6\u30a4\u30f3\u306b\u3053\u3060\u308f\u3063\u305f\u30a4\u30f3\u30c6\u30ea\u30a2\u3067\u3001\u6bce\u65e5\u306e\u751f\u6d3b\u304c\u8c4a\u304b\u306b\u306a\u308a\u307e\u3059\u3002<\/div>\n    <\/div>\n    <!-- \u3053\u3060\u308f\u308a\uff1asparkle \/ star icon -->\n    <div class=\"concept-card\">\n      <div class=\"card-icon\">\n        <svg viewBox=\"0 0 24 24\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n      <\/div>\n      <div class=\"card-title\">\u3053\u3060\u308f\u308a\u306e\u4f4f\u7a7a\u9593<\/div>\n      <div class=\"card-body\">\u4fa1\u5024\u3042\u308b\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\u306e\u305f\u3081\u306e\u3001\u4e0a\u8cea\u306a\u30a4\u30f3\u30c6\u30ea\u30a2\u3068\u8a2d\u5099\u3092\u5099\u3048\u305f\u7a7a\u9593\u3067\u3059\u3002<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- FEATURES -->\n<section class=\"features\" id=\"features\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-label\">Why Choose Us<\/div>\n    <h2 class=\"section-title\">\u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u7531<\/h2>\n  <\/div>\n  <div class=\"features-grid\">\n    <div class=\"feature-item reveal\">\n      <div class=\"feature-num\">01<\/div>\n      <h3 class=\"feature-title\">\u6577\u91d1\u30fb\u793c\u91d1\u30fb\u4fdd\u8a3c\u4eba\u4e0d\u8981<\/h3>\n      <p class=\"feature-body\">\u521d\u671f\u8cbb\u7528\u3092\u5927\u5e45\u306b\u6291\u3048\u3089\u308c\u307e\u3059\u3002\u30c7\u30dd\u30b8\u30c3\u30c81\u30f6\u6708\u5206\u306e\u307f\u3067\u5165\u5c45\u53ef\u80fd\u3002\u5f15\u8d8a\u3057\u306e\u30cf\u30fc\u30c9\u30eb\u3092\u4e0b\u3052\u3001\u6c17\u8efd\u306b\u65b0\u751f\u6d3b\u3092\u30b9\u30bf\u30fc\u30c8\u3067\u304d\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"feature-item reveal\">\n      <div class=\"feature-num\">02<\/div>\n      <h3 class=\"feature-title\">\u6c34\u9053\u5149\u71b1\u8cbb\u30fbWi-Fi\u304c\u5171\u76ca\u8cbb\u306b\u8fbc\u307f<\/h3>\n      <p class=\"feature-body\">\u6bce\u6708\u306e\u652f\u6255\u3044\u304c\u660e\u78ba\u3067\u5b89\u5fc3\u3002\u5149\u71b1\u8cbb\u306e\u5b63\u7bc0\u5909\u52d5\u3092\u6c17\u306b\u305b\u305a\u3001\u5feb\u9069\u306b\u904e\u3054\u305b\u307e\u3059\u3002\u8d85\u9ad8\u901fWi-Fi\u3082\u5b8c\u5099\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"feature-item reveal\">\n      <div class=\"feature-num\">03<\/div>\n      <h3 class=\"feature-title\">\u5bb6\u5177\u30fb\u5bb6\u96fb\u5b8c\u5099<\/h3>\n      <p class=\"feature-body\">\u30d9\u30c3\u30c9\u304b\u3089\u30ad\u30c3\u30c1\u30f3\u5bb6\u96fb\u307e\u3067\u63c3\u3063\u3066\u3044\u308b\u306e\u3067\u3001\u8377\u7269\u3092\u6700\u5c0f\u9650\u306b\u3057\u3066\u5165\u5c45\u3067\u304d\u307e\u3059\u3002\u5f15\u8d8a\u3057\u306e\u8ca0\u62c5\u3092\u5927\u5e45\u306b\u8efd\u6e1b\u3067\u304d\u307e\u3059\u3002<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- PROPERTIES -->\n<section class=\"properties\" id=\"properties\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-label\">Our Properties<\/div>\n    <h2 class=\"section-title\">\u304a\u3059\u3059\u3081\u7269\u4ef6<\/h2>\n  <\/div>\n  <div class=\"props-grid\">\n    <a class=\"prop-card reveal\" href=\"https:\/\/sharehouse.space\/?page_id=203\" style=\"display:block; text-decoration:none; color:inherit;\"><!--\n=============================================================\n  \u2605\u7269\u4ef6URL\u7de8\u96c6\n=============================================================\n-->\n      <div class=\"prop-img\">\n        <div class=\"prop-img-bg prop-img-1\"><\/div>\n        <div class=\"prop-tag\">NEWOPEN<\/div>\n      <\/div>\n      <div class=\"prop-info\">\n        <div class=\"prop-name\">Share-house \u4eca\u6c60<\/div>\n        <div class=\"prop-area\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          \u5730\u4e0b\u9244\u6771\u5c71\u7dda\u300c\u4eca\u6c60\u300d\u99c5 \u5f92\u6b6910\u5206\n        <\/div>\n        <div class=\"prop-price\">\u00a542,000<span>\u301c \/ \u6708\uff08\u5171\u76ca\u8cbb\u5225\uff09<\/span><\/div>\n        <div class=\"prop-chips\">\n          <span class=\"chip\">\u5bb6\u5177\u5bb6\u96fb\u4ed8<\/span>\n          <span class=\"chip\">Wi-Fi\u5b8c\u5099<\/span>\n          <span class=\"chip\">\u30b7\u30a2\u30bf\u30fc\u30eb\u30fc\u30e0<\/span>\n        <\/div>\n      <\/div>\n     <\/a> \n    <div class=\"prop-card reveal\">\n      <div class=\"prop-img\">\n        <div class=\"prop-img-bg prop-img-2\"><\/div>\n        <div class=\"prop-tag\">\u4eba\u6c17<\/div>\n      <\/div>\n      <div class=\"prop-info\">\n        <div class=\"prop-name\">Share-house \u6c60\u888b<\/div>\n        <div class=\"prop-area\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          \u8981\u753a\u99c5 \u5f92\u6b697\u5206\n        <\/div>\n        <div class=\"prop-price\">\u00a560,000<span>\u301c \/ \u6708\uff08\u5171\u76ca\u8cbb\u5225\uff09<\/span><\/div>\n        <div class=\"prop-chips\">\n          <span class=\"chip\">\u5bb6\u5177\u5bb6\u96fb\u4ed8<\/span>\n          <span class=\"chip\">\u30a2\u30a4\u30e9\u30f3\u30c9\u30ad\u30c3\u30c1\u30f3<\/span>\n          <span class=\"chip\">\u30c7\u30b6\u30a4\u30ca\u30fc\u30ba<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"prop-card reveal\">\n      <div class=\"prop-img\">\n        <div class=\"prop-img-bg prop-img-3\"><\/div>\n        <div class=\"prop-tag\">\u30d5\u30a3\u30c3\u30c8\u30cd\u30b9\u5b8c\u5099<\/div>\n      <\/div>\n      <div class=\"prop-info\">\n        <div class=\"prop-name\">Share-house \u5ca1\u5d0e<\/div>\n        <div class=\"prop-area\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n          JR\u300c\u5ca1\u5d0e\u300d\u99c5 \u5f92\u6b6910\u5206\n        <\/div>\n        <div class=\"prop-price\">\u00a538,000<span>\u301c \/ \u6708\uff08\u5171\u76ca\u8cbb\u5225\uff09<\/span><\/div>\n        <div class=\"prop-chips\">\n          <span class=\"chip\">\u99d0\u8eca\u5834\u3042\u308a<\/span>\n          <span class=\"chip\">\u4e09\u6cb3\u30a8\u30ea\u30a2<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"props-more reveal\">\n    <a class=\"btn-primary\" href=\"https:\/\/sharehouse.space\/?page_id=241\">\u7269\u4ef6\u3092\u3059\u3079\u3066\u898b\u308b<\/a>\n  <\/div>\n<\/section>\n\n<!--\n=============================================================\n  \u2605 LIFESTYLE\uff08\u30b3\u30df\u30e5\u30cb\u30c6\u30a3\u30fb\u30e9\u30a4\u30d5\u30b9\u30bf\u30a4\u30eb\uff09 \u2605\n  \u5de6\uff1a\u5199\u771f3\u679a\uff08CSS\u306e .li-1 \/ .li-2 \/ .li-3 \u3067\u753b\u50cf\u5909\u66f4\uff09\n  \u53f3\uff1a\u30ea\u30b9\u30c83\u9805\u76ee\n=============================================================\n-->\n<section class=\"lifestyle\" id=\"lifestyle\">\n  <div class=\"lifestyle-inner\">\n    <div class=\"lifestyle-imgs reveal\">\n\n<!-- \u753b\u50cf\u306fCSS\u306e .li-1 .li-2 .li-3 \u306eurl()\u3092\u5909\u66f4 -->\n      <div class=\"lifestyle-img\"><div class=\"lifestyle-img-inner li-1\"><\/div><\/div><!-- \u2190 \u5de6\u5927\u304d\u3044\u753b\u50cf -->\n      <div class=\"lifestyle-img\"><div class=\"lifestyle-img-inner li-2\"><\/div><\/div><!-- \u2190 \u53f3\u4e0a\u306e\u753b\u50cf -->\n      <div class=\"lifestyle-img\"><div class=\"lifestyle-img-inner li-3\"><\/div><\/div><!-- \u2190 \u53f3\u4e0b\u306e\u753b\u50cf -->\n    <\/div>\n    <div class=\"lifestyle-text reveal\">\n      <div class=\"concept-label\">Community Life<\/div>\n      <h2 class=\"concept-title\">\u4ef2\u9593\u3068\u904e\u3054\u3059\u8c4a\u304b\u306a\u65e5\u5e38<\/h2>\n      <ul class=\"lifestyle-list\">\n        <li>\n          <!-- plane icon -->\n          <div class=\"li-icon\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M17.8 19.2 16 11l3.5-3.5C21 6 21 4 19.5 2.5S18 2 16.5 3.5L13 7 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z\"\/><\/svg>\n          <\/div>\n          <div class=\"li-text\">\n            <h4>\u307f\u3093\u306a\u3067BBQ<\/h4>\n            <p>\u8eca\u3092\u30ec\u30f3\u30bf\u30eb\u3057\u3066\u307f\u3093\u306a\u3067BBQ\uff01\u8fd1\u304f\u306e\u5ddd\u3067\u601d\u3044\u51fa\u4f5c\u308a\u3002<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <!-- activity icon -->\n          <div class=\"li-icon\">\n            <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/><\/svg>\n          <\/div>\n          <div class=\"li-text\">\n            <h4>\u30b9\u30dd\u30fc\u30c4\u30af\u30e9\u30d6<\/h4>\n            <p>\u30b8\u30e7\u30ae\u30f3\u30b0\u3084\u30c6\u30cb\u30b9\u3001\u30e8\u30ac\u3001\u30d5\u30c3\u30c8\u30b5\u30eb\u3084\u30b4\u30eb\u30d5\u306a\u3069\u3082\u8a08\u753b\u4e2d\uff01\u5165\u5c45\u8005\u307f\u3093\u306a\u3067\u697d\u3057\u307f\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/li>\n        <li>\n          <!-- smile icon -->\n          <div class=\"li-icon\">\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 13s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" y1=\"9\" x2=\"9.01\" y2=\"9\"\/><line x1=\"15\" y1=\"9\" x2=\"15.01\" y2=\"9\"\/><\/svg>\n          <\/div>\n          <div class=\"li-text\">\n            <h4>\u8da3\u5473\u306e\u30b7\u30a7\u30a2<\/h4>\n            <p>\u30ab\u30e9\u30aa\u30b1\u3001\u30b2\u30fc\u30e0\u3001\u6599\u7406\u6559\u5ba4\u306a\u3069\u306e\u6d3b\u52d5\uff01\u8da3\u5473\u306e\u30b7\u30a7\u30a2\u3084\u65b0\u305f\u306a\u767a\u898b\u304c\u5f85\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!--\n=============================================================\n  \u2605 TESTIMONIALS\uff08\u5165\u5c45\u8005\u306e\u58f0\uff09 \u2605\n  \u30ec\u30d3\u30e5\u30fc\u30ab\u30fc\u30c93\u679a\u3002\u30c6\u30ad\u30b9\u30c8\u3068\u304a\u540d\u524d\u3092\u5909\u66f4\u3059\u308b\u3060\u3051\n=============================================================\n-->\n<section class=\"testimonials\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-label\">Voice of Residents<\/div>\n    <h2 class=\"section-title\">\u5165\u5c45\u8005\u306e\u58f0<\/h2>\n  <\/div>\n  <div class=\"reviews-grid\">\n    <div class=\"review-card reveal\">\n      <p class=\"review-text\">\u4e00\u4eba\u66ae\u3089\u3057\u3067\u306f\u51fa\u4f1a\u3048\u306a\u304b\u3063\u305f\u4eba\u305f\u3061\u3068\u4ef2\u826f\u304f\u306a\u308c\u3066\u3001\u6bce\u65e5\u304c\u3068\u3066\u3082\u5145\u5b9f\u3057\u3066\u3044\u307e\u3059\u3002\u5171\u7528\u30b9\u30da\u30fc\u30b9\u304c\u304a\u3057\u3083\u308c\u3067\u3001\u53cb\u9054\u3092\u547c\u3076\u306e\u3082\u5168\u7136\u6065\u305a\u304b\u3057\u304f\u306a\u3044\u3067\u3059\uff01<\/p>\n      <div class=\"review-author\">\n        <div class=\"review-avatar\">A<\/div>\n        <div>\n          <div class=\"review-name\">T\u3055\u3093\u30fb26\u6b73<\/div>\n          <div class=\"review-meta\">\u793e\u4f1a\u4eba\u30fbshareHouse\u4eca\u6c60\u5728\u4f4f<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"review-card reveal\">\n      <p class=\"review-text\">\u521d\u671f\u8cbb\u7528\u304c\u5b89\u304f\u3066\u3001\u6c34\u9053\u5149\u71b1\u8cbb\u3082\u8fbc\u307f\u306a\u306e\u3067\u6bce\u6708\u306e\u652f\u51fa\u304c\u308f\u304b\u308a\u3084\u3059\u3044\uff01\u99c5\u8fd1\u3067\u901a\u52e4\u3082\u697d\u3060\u3057\u3001\u672c\u5f53\u306b\u5165\u5c45\u3057\u3066\u3088\u304b\u3063\u305f\u3068\u601d\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n      <div class=\"review-author\">\n        <div class=\"review-avatar\">K<\/div>\n        <div>\n          <div class=\"review-name\">K\u3055\u3093\u30fb29\u6b73<\/div>\n          <div class=\"review-meta\">\u793e\u4f1a\u4eba\u30fbshareHouse\u6c60\u888b\u5728\u4f4f<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"review-card reveal\">\n      <p class=\"review-text\">\u5916\u56fd\u4eba\u306e\u65b9\u3084\u3044\u308d\u3093\u306a\u8077\u696d\u306e\u65b9\u3068\u8a71\u305b\u3066\u3001\u8996\u91ce\u304c\u5e83\u304c\u308a\u307e\u3057\u305f\u3002\u30a4\u30d9\u30f3\u30c8\u3082\u591a\u304f\u3066\u3001\u6c17\u3065\u3044\u305f\u3089\u53cb\u9054\u304c\u305f\u304f\u3055\u3093\u3067\u304d\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n      <div class=\"review-author\">\n        <div class=\"review-avatar\">M<\/div>\n        <div>\n          <div class=\"review-name\">M\u3055\u3093\u30fb32\u6b73<\/div>\n          <div class=\"review-meta\">\u7559\u5b66\u751f\u30fbshareHouse\u5ca1\u5d0e\u5728\u4f4f<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!--\n=============================================================\n  \u2605 FLOW\uff08\u5165\u5c45\u306e\u6d41\u308c\uff09 \u2605\n  \u30b9\u30c6\u30c3\u30d7\u306e\u30bf\u30a4\u30c8\u30eb\u3068\u8aac\u660e\u6587\u3092\u5909\u66f4\u3059\u308b\u3060\u3051\n=============================================================\n-->\n<section class=\"flow\" id=\"flow\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-label\">How to Move In<\/div>\n    <h2 class=\"section-title\">\u5165\u5c45\u307e\u3067\u306e\u6d41\u308c<\/h2>\n  <\/div>\n  <div class=\"flow-steps\">\n    <div class=\"flow-step reveal\">\n      <div class=\"step-circle\">1<\/div>\n      <h4 class=\"step-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h4>\n      <p class=\"step-body\">\u30d5\u30a9\u30fc\u30e0\u307e\u305f\u306f\u304a\u96fb\u8a71\u3067\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002\u3054\u5e0c\u671b\u306e\u7269\u4ef6\u30fb\u30a8\u30ea\u30a2\u3092\u304a\u4f1d\u3048\u304f\u3060\u3055\u3044\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step reveal\">\n      <div class=\"step-circle\">2<\/div>\n      <h4 class=\"step-title\">\u5185\u898b\u30fb\u898b\u5b66<\/h4>\n      <p class=\"step-body\">\u5b9f\u969b\u306e\u7269\u4ef6\u3092\u3054\u89a7\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u5185\u898b\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step reveal\">\n      <div class=\"step-circle\">3<\/div>\n      <h4 class=\"step-title\">\u7533\u8fbc\u30fb\u5be9\u67fb<\/h4>\n      <p class=\"step-body\">\u8eab\u5206\u8a3c\u660e\u66f81\u70b9\u306e\u307f\u3067\u7c21\u5358\u306a\u5be9\u67fb\u3092\u884c\u3044\u307e\u3059\u3002\u4fdd\u8a3c\u4eba\u306f\u4e0d\u8981\u3067\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step reveal\">\n      <div class=\"step-circle\">4<\/div>\n      <h4 class=\"step-title\">\u304a\u652f\u6255\u3044<\/h4>\n      <p class=\"step-body\">\u521d\u6708\u306e\u5bb6\u8cc3\u30fb\u5171\u76ca\u8cbb\uff08\u65e5\u5272\uff09\uff0b\u30c7\u30dd\u30b8\u30c3\u30c81\u30f6\u6708\u5206\u306e\u307f\u3002\u793c\u91d1\u30fb\u4ef2\u4ecb\u624b\u6570\u6599\u306f\u4e00\u5207\u4e0d\u8981\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step reveal\">\n      <div class=\"step-circle\">5<\/div>\n      <h4 class=\"step-title\">\u3054\u5165\u5c45<\/h4>\n      <p class=\"step-body\">\u6700\u77ed\u5373\u65e5\u301c\u3054\u5165\u5c45\u53ef\u80fd\u3002\u5bb6\u5177\u30fb\u5bb6\u96fb\u5b8c\u5099\u306a\u306e\u3067\u8377\u7269\u3092\u6301\u3063\u3066\u6765\u308b\u3060\u3051\u3067OK\uff01<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!--\n=============================================================\n  \u2605 FAQ\uff08\u3088\u304f\u3042\u308b\u8cea\u554f\uff09 \u2605\n  \u8cea\u554f\u3068\u56de\u7b54\u3092\u5909\u66f4\u3002\u5897\u3084\u3057\u305f\u3044\u5834\u5408\u306f <div class=\"faq-item\">\u301c<\/div> \u3092\u30b3\u30d4\u30fc\n=============================================================\n-->\n<section class=\"faq\" id=\"faq\">\n  <div class=\"section-header reveal\">\n    <div class=\"section-label\">FAQ<\/div>\n    <h2 class=\"section-title\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n  <\/div>\n  <div class=\"faq-inner\">\n    <div class=\"faq-list\">\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u3068\u306f\u3069\u306e\u3088\u3046\u306a\u65bd\u8a2d\u3067\u3059\u304b\uff1f\n          <span class=\"faq-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-a\">\u4e00\u3064\u306e\u4f4f\u5c45\u3092\u8907\u6570\u306e\u4eba\u3067\u5171\u6709\u3057\u3066\u66ae\u3089\u3059\u305f\u3081\u306e\u65bd\u8a2d\u3067\u3059\u3002\u30ea\u30d3\u30f3\u30b0\u3084\u30ad\u30c3\u30c1\u30f3\u3001\u304a\u98a8\u5442\u3084\u30c8\u30a4\u30ec\u3001\u6d17\u6fef\u6a5f\u306a\u3069\u306f\u5165\u5c45\u8005\u5168\u54e1\u3067\u5171\u540c\u5229\u7528\u3057\u3001\u90e8\u5c4b\u306f\u305d\u308c\u305e\u308c\u306e\u500b\u5ba4\u3092\u5229\u7528\u3057\u307e\u3059\u3002<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u5165\u5c45\u8005\u306e\u5e74\u4ee3\u30fb\u7537\u5973\u6bd4\u306f\u3069\u308c\u304f\u3089\u3044\u3067\u3059\u304b\uff1f\n          <span class=\"faq-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-a\">\u5e74\u4ee3\u306f25\u301c35\u6b73\u304c\u6700\u3082\u591a\u304f\u3001\u7537\u5973\u6bd4\u7387\u306f\u304a\u3088\u305d3:7\u3067\u3059\u3002\u793e\u4f1a\u4eba\u3084\u7559\u5b66\u751f\u3001\u5916\u56fd\u4eba\u306a\u3069\u591a\u69d8\u306a\u30d0\u30c3\u30af\u30b0\u30e9\u30a6\u30f3\u30c9\u3092\u6301\u3064\u65b9\u304c\u5165\u5c45\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u5fc5\u8981\u306a\u66f8\u985e\u30fb\u521d\u671f\u8cbb\u7528\u3092\u6559\u3048\u3066\u304f\u3060\u3055\u3044\u3002\n          <span class=\"faq-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-a\">\u904b\u8ee2\u514d\u8a31\u8a3c\u30fb\u30d1\u30b9\u30dd\u30fc\u30c8\u30fb\u9854\u5199\u771f\u5165\u308a\u8eab\u5206\u8a3c\u660e\u66f8\u30fb\u5916\u56fd\u4eba\u767b\u9332\u8a3c\u660e\u66f8\u306e\u3044\u305a\u308c\u304b1\u70b9\u3092\u3054\u63d0\u51fa\u304f\u3060\u3055\u3044\u3002\u521d\u671f\u8cbb\u7528\u306f1\u30f6\u6708\u306e\u5bb6\u8cc3\u30fb\u6c34\u5149\u71b1\u8cbb\uff08\u65e5\u5272\uff09\uff0b\u30c7\u30dd\u30b8\u30c3\u30c81\u30f6\u6708\u5206\u306e\u307f\u3067\u3059\u3002<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u5916\u56fd\u4eba\u30fb\u5b66\u751f\u3067\u3082\u5165\u5c45\u3067\u304d\u307e\u3059\u304b\uff1f\n          <span class=\"faq-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-a\">\u5916\u56fd\u4eba\u7559\u5b66\u751f\u306f\u5165\u5c45\u53ef\u80fd\u3067\u3059\u3002\u65e5\u672c\u4eba\u5b66\u751f\u306e\u65b9\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/div>\n      <\/div>\n      <div class=\"faq-item\">\n        <div class=\"faq-q\">\u5185\u898b\u306f\u3067\u304d\u307e\u3059\u304b\uff1f\n          <span class=\"faq-arrow\"><svg viewBox=\"0 0 24 24\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg><\/span>\n        <\/div>\n        <div class=\"faq-a\">\u306f\u3044\u3001\u968f\u6642\u53d7\u3051\u4ed8\u3051\u3066\u3044\u307e\u3059\u3002\u30aa\u30f3\u30e9\u30a4\u30f3\u5185\u898b\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u9060\u65b9\u306e\u65b9\u3082\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!--\n=============================================================\n  \u2605 CTA\uff08\u304a\u554f\u3044\u5408\u308f\u305b\u8a98\u5c0e\u30bb\u30af\u30b7\u30e7\u30f3\uff09 \u2605\n  \u96fb\u8a71\u756a\u53f7\u3068\u30ea\u30f3\u30af\u5148\u3092\u5909\u66f4\n=============================================================\n-->\n<section class=\"cta-section\" id=\"contact\">\n  <div class=\"cta-label\">Contact Us<\/div>\n  <h2 class=\"cta-title reveal\">\u65b0\u3057\u3044\u751f\u6d3b\u3092\u3001\u4eca\u3059\u3050\u59cb\u3081\u3088\u3046\u3002<\/h2>\n  <p class=\"cta-sub reveal\">\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\u5185\u898b\u306e\u3054\u4e88\u7d04\u30fb\u3054\u8cea\u554f\u306a\u3069\u3001\u30b9\u30bf\u30c3\u30d5\u304c\u4e01\u5be7\u306b\u3054\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n  <div class=\"cta-btns reveal\">\n   \n\n <a class=\"btn-white\" href=\"https:\/\/sharehouse.space\/?page_id=75\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.27h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.96a16 16 0 0 0 6.29 6.29l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n      \u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089\n    <\/a><!-- \u2190 tel:\u306e\u5f8c\u306b\u96fb\u8a71\u756a\u53f7 -->\n\n   <!-- <a class=\"btn-outline-white\" href=\"tel:00000000000\">\n      <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n      \u304a\u554f\u3044\u5408\u308f\u305b\n    <\/a>--><!-- \u2190 \u30d5\u30a9\u30fc\u30e0\u30da\u30fc\u30b8\u306eURL -->\n  <\/div>\n<\/section>\n\n<!--\n=============================================================\n  \u2605 FOOTER \u2605\n=============================================================\n\n-->\n\n<script>\n(function(){\n  const slides = document.querySelectorAll('.slide');\n  const dots = document.querySelectorAll('.slide-dot');\n  if (!slides.length) return;\n  let current = 0;\n  function goTo(n) {\n    slides[current].classList.remove('active');\n    dots[current].classList.remove('active');\n    current = (n + slides.length) % slides.length;\n    slides[current].classList.add('active');\n    dots[current].classList.add('active');\n  }\n  setInterval(() => goTo(current + 1), 4000);\n  dots.forEach((dot, i) => dot.addEventListener('click', () => goTo(i)));\n})();\n\ndocument.querySelectorAll('.faq-q').forEach(q => {\n  q.addEventListener('click', () => {\n    const item = q.closest('.faq-item');\n    const isOpen = item.classList.contains('open');\n    document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('open'));\n    if (!isOpen) item.classList.add('open');\n  });\n});\n\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach((entry, i) => {\n    if (entry.isIntersecting) {\n      setTimeout(() => entry.target.classList.add('visible'), i * 80);\n      observer.unobserve(entry.target);\n    }\n  });\n}, { threshold: 0.1 });\ndocument.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Share House \u4eba\u3068\u306e\u51fa\u4f1a\u3044\u304c \u66ae\u3089\u3057\u3092\u9762\u767d\u304f\u3059\u308b\u3002 \u65b0\u3057\u3044\u8857\u3001\u65b0\u3057\u3044\u7a7a\u9593\u3001\u65b0\u3057\u3044\u4eba\u3068\u306e\u3064\u306a\u304c\u308a\u3002\u30b7\u30a7\u30a2\u30cf\u30a6\u30b9\u306b\u306f\u3001\u6bce\u65e5\u3092\u5c11\u3057\u5909\u3048\u3066\u304f\u308c\u308b\u51fa\u4f1a\u3044\u304c\u3042\u308a\u307e\u3059\u3002 \u7269\u4ef6\u3092\u898b\u308b \u5165\u5c45\u306e\u6d41\u308c Our Concept \u3072\u3068\u308a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"lp.php","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-97","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"cps_thumbnails":false,"small_size":false,"large_size":false},"uagb_author_info":{"display_name":"tanacafe","author_link":"https:\/\/sharehouse.space\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Share House \u4eba\u3068\u306e\u51fa\u4f1a\u3044\u304c \u66ae\u3089\u3057\u3092\u9762\u767d\u304f\u3059\u308b\u3002 \u65b0\u3057\u3044\u8857\u3001\u65b0\u3057\u3044\u7a7a\u9593\u3001\u65b0\u3057\u3044\u4eba\u3068\u306e\u3064\u306a\u304c\u308a\u3002\u30b7\u30a7&hellip;","_links":{"self":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sharehouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":53,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/sharehouse.space\/index.php?rest_route=\/wp\/v2\/pages\/97\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/sharehouse.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}