{"id":6,"date":"2026-06-01T10:59:55","date_gmt":"2026-06-01T01:59:55","guid":{"rendered":"https:\/\/www.asako-room.com\/?page_id=6"},"modified":"2026-06-10T15:09:20","modified_gmt":"2026-06-10T06:09:20","slug":"cocoro","status":"publish","type":"page","link":"https:\/\/www.asako-room.com\/","title":{"rendered":""},"content":{"rendered":"\n<!-- \u3053\u3053\u308d\u306e\u30eb\u30fc\u30e0LP\uff5c\u5fc3\u306e\u90e8\u5c4b\u3092\u65c5\u3059\u308b\u7248\u30fb\u5199\u771f\u5dee\u3057\u8fbc\u307f\u6e08\u307f -->\n<div class=\"kokoro-room-lp\">\n\n  <style>\n    .kokoro-room-lp {\n      --cream: #fff8ef;\n      --cream2: #fffaf5;\n      --beige: #ead8c6;\n      --beige2: #f5e7da;\n      --orange: #df9b72;\n      --orange2: #f4c6a6;\n      --orange-light: #ffe3cf;\n      --brown: #5a3f32;\n      --brown2: #7a5f52;\n      --gold: #b88f63;\n      --white: #ffffff;\n      --shadow: 0 22px 60px rgba(90, 63, 50, 0.13);\n\n      --img01: url(\"https:\/\/www.asako-room.com\/wp-content\/uploads\/2026\/06\/S__29909128_0.jpg\");\n      --img02: url(\"https:\/\/www.asako-room.com\/wp-content\/uploads\/2026\/06\/S__29909129_0.jpg\");\n      --img03: url(\"https:\/\/www.asako-room.com\/wp-content\/uploads\/2026\/06\/S__29909125_0.jpg\");\n      --img04: url(\"https:\/\/www.asako-room.com\/wp-content\/uploads\/2026\/06\/S__29909126_0.jpg\");\n      --img05: url(\"https:\/\/www.asako-room.com\/wp-content\/uploads\/2026\/06\/S__29909127_0.jpg\");\n      --img06: url(\"https:\/\/www.asako-room.com\/wp-content\/uploads\/2026\/06\/S__29909124_0.jpg\");\n\n      font-family: \"Noto Serif JP\", \"Yu Mincho\", \"Hiragino Mincho ProN\", serif;\n      color: var(--brown);\n      background: var(--cream);\n      line-height: 1.95;\n      overflow: hidden;\n    }\n\n    .kokoro-room-lp * {\n      box-sizing: border-box;\n    }\n\n    .kr-container {\n      width: min(1120px, 92%);\n      margin: 0 auto;\n    }\n\n    .kr-section {\n      position: relative;\n      padding: 105px 0;\n    }\n\n    .kr-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      color: var(--gold);\n      font-size: 13px;\n      letter-spacing: .16em;\n      font-weight: 600;\n      margin-bottom: 18px;\n    }\n\n    .kr-label::before {\n      content: \"\";\n      width: 34px;\n      height: 1px;\n      background: var(--gold);\n      opacity: .8;\n    }\n\n    .kr-title {\n      margin: 0 0 26px;\n      font-size: clamp(30px, 4.6vw, 50px);\n      line-height: 1.62;\n      letter-spacing: .04em;\n      font-weight: 500;\n    }\n\n    .kr-text {\n      margin: 0;\n      color: var(--brown2);\n      font-size: 16px;\n    }\n\n    .kr-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 12px;\n      padding: 17px 34px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, var(--orange), #c77a50);\n      color: #fff !important;\n      text-decoration: none;\n      letter-spacing: .06em;\n      font-weight: 600;\n      box-shadow: 0 18px 36px rgba(223, 155, 114, .38);\n      transition: .35s ease;\n      border: 1px solid rgba(255,255,255,.72);\n      position: relative;\n      overflow: hidden;\n    }\n\n    .kr-btn::after {\n      content: \"\u203a\";\n      font-size: 24px;\n      line-height: 1;\n      transform: translateY(-1px);\n    }\n\n    .kr-btn:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 24px 44px rgba(223, 155, 114, .48);\n    }\n\n    .kr-btn.ghost {\n      background: rgba(255,255,255,.62);\n      color: var(--brown) !important;\n      box-shadow: none;\n      border: 1px solid rgba(90,63,50,.18);\n      backdrop-filter: blur(10px);\n    }\n\n    .kr-fade {\n      opacity: 0;\n      transform: translateY(34px);\n      transition: 1s ease;\n    }\n\n    .kr-fade.show {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .kr-photo {\n      position: relative;\n      min-height: 520px;\n      border-radius: 44px;\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      background-size: cover;\n      background-position: center;\n    }\n\n    .kr-photo::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(90deg, rgba(255,248,239,.34), rgba(255,248,239,0)),\n        radial-gradient(circle at 72% 20%, rgba(255,255,255,.28), transparent 30%);\n      pointer-events: none;\n    }\n\n    .kr-photo-note {\n      position: absolute;\n      left: 28px;\n      bottom: 28px;\n      z-index: 2;\n      max-width: 250px;\n      padding: 22px;\n      border-radius: 22px;\n      background: rgba(255,255,255,.76);\n      border: 1px solid rgba(255,255,255,.82);\n      backdrop-filter: blur(12px);\n      box-shadow: 0 14px 36px rgba(90,63,50,.12);\n      color: var(--brown2);\n      font-size: 14px;\n    }\n\n    .kr-hero {\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      padding: 84px 0 70px;\n      position: relative;\n      background:\n        radial-gradient(circle at 18% 30%, rgba(244,198,166,.56), transparent 34%),\n        linear-gradient(120deg, #fffaf5 0%, #fff1e5 48%, #f3dac9 100%);\n    }\n\n    .kr-hero::before {\n      content: \"\";\n      position: absolute;\n      inset: 26px;\n      border: 1px solid rgba(184,143,99,.22);\n      border-radius: 42px;\n      pointer-events: none;\n      z-index: 2;\n    }\n\n    .kr-hero-grid {\n      position: relative;\n      z-index: 3;\n      display: grid;\n      grid-template-columns: 1.02fr .98fr;\n      align-items: center;\n      gap: 58px;\n    }\n\n    .kr-room-tag {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: rgba(255,255,255,.68);\n      border: 1px solid rgba(184,143,99,.22);\n      border-radius: 999px;\n      padding: 9px 18px;\n      color: var(--brown2);\n      font-size: 14px;\n      letter-spacing: .08em;\n      margin-bottom: 28px;\n      backdrop-filter: blur(12px);\n    }\n\n    .kr-room-tag span {\n      width: 8px;\n      height: 8px;\n      background: var(--orange);\n      border-radius: 50%;\n      display: inline-block;\n    }\n\n    .kr-hero h1 {\n      margin: 0 0 26px;\n      font-size: clamp(35px, 5.4vw, 64px);\n      line-height: 1.48;\n      letter-spacing: .04em;\n      font-weight: 500;\n    }\n\n    .kr-hero-lead {\n      margin: 0 0 34px;\n      color: var(--brown2);\n      font-size: clamp(16px, 2vw, 19px);\n    }\n\n    .kr-hero-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 16px;\n      align-items: center;\n    }\n\n    .kr-hero-note {\n      margin-top: 22px;\n      color: rgba(90,63,50,.62);\n      font-size: 13px;\n    }\n\n    .kr-door-stage {\n      position: relative;\n      min-height: 600px;\n      perspective: 1200px;\n    }\n\n    .kr-light-room {\n      position: absolute;\n      inset: 28px 0 26px 72px;\n      border-radius: 46px;\n      overflow: hidden;\n      box-shadow: var(--shadow);\n      background:\n        linear-gradient(90deg, rgba(255,248,239,.38), rgba(255,248,239,.08)),\n        var(--img01) center\/cover no-repeat;\n    }\n\n    .kr-light-room::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at 32% 38%, rgba(255,255,255,.72), transparent 30%),\n        linear-gradient(90deg, rgba(255,255,255,.4), rgba(255,255,255,0));\n      opacity: .18;\n    }\n\n    .kr-door {\n      position: absolute;\n      left: 0;\n      top: 74px;\n      width: 42%;\n      height: 410px;\n      border-radius: 28px 10px 10px 28px;\n      background:\n        linear-gradient(110deg, rgba(255,255,255,.9), rgba(235,213,195,.82));\n      border: 1px solid rgba(184,143,99,.26);\n      box-shadow: 20px 22px 45px rgba(90,63,50,.13);\n      transform-origin: left center;\n      transform: perspective(1100px) rotateY(0deg);\n      z-index: 4;\n    }\n\n    .kr-door::before {\n      content: \"\";\n      position: absolute;\n      right: 24px;\n      top: 50%;\n      width: 10px;\n      height: 10px;\n      background: var(--gold);\n      border-radius: 50%;\n      box-shadow: 0 0 0 5px rgba(184,143,99,.12);\n    }\n\n    .kr-door::after {\n      content: \"\";\n      position: absolute;\n      inset: 28px;\n      border: 1px solid rgba(184,143,99,.18);\n      border-radius: 22px 8px 8px 22px;\n    }\n\n    .kr-door-stage.show .kr-door {\n      animation: doorOpen 2.4s cubic-bezier(.19, 1, .22, 1) forwards;\n    }\n\n    .kr-door-stage.show .kr-light-room::after {\n      animation: roomGlow 2.8s ease forwards;\n    }\n\n    .kr-door-stage::after {\n      content: \"\";\n      position: absolute;\n      left: 25%;\n      top: 110px;\n      width: 0;\n      height: 360px;\n      background: linear-gradient(\n        90deg,\n        rgba(255,255,255,.85),\n        rgba(255,255,255,.35),\n        rgba(255,255,255,0)\n      );\n      filter: blur(8px);\n      z-index: 3;\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    .kr-door-stage.show::after {\n      animation: lightPath 2.4s ease forwards;\n    }\n\n    .kr-door-card {\n      position: absolute;\n      right: 20px;\n      top: 32px;\n      width: 220px;\n      background: rgba(255,255,255,.78);\n      border: 1px solid rgba(255,255,255,.78);\n      border-radius: 30px;\n      padding: 26px;\n      box-shadow: var(--shadow);\n      backdrop-filter: blur(14px);\n      z-index: 5;\n    }\n\n    .kr-door-card small {\n      color: var(--gold);\n      letter-spacing: .14em;\n      font-size: 12px;\n    }\n\n    .kr-door-card strong {\n      display: block;\n      margin-top: 8px;\n      font-size: 21px;\n      line-height: 1.6;\n      font-weight: 500;\n    }\n\n    @keyframes doorOpen {\n      0% { transform: perspective(1100px) rotateY(0deg); }\n      45% { transform: perspective(1100px) rotateY(-16deg); }\n      100% { transform: perspective(1100px) rotateY(-31deg); }\n    }\n\n    @keyframes roomGlow {\n      0% { opacity: .18; }\n      100% { opacity: 1; }\n    }\n\n    @keyframes lightPath {\n      0% { width: 0; opacity: 0; }\n      45% { opacity: .8; }\n      100% { width: 260px; opacity: .55; }\n    }\n\n    .kr-desk {\n      background: linear-gradient(180deg, var(--cream), #fff);\n    }\n\n    .kr-desk-grid {\n      display: grid;\n      grid-template-columns: .95fr 1.05fr;\n      gap: 54px;\n      align-items: center;\n    }\n\n    .kr-desk-photo {\n      background-image: var(--img02);\n    }\n\n    .kr-note-paper {\n      background: rgba(255,255,255,.8);\n      border: 1px solid rgba(255,255,255,.84);\n      border-radius: 26px;\n      padding: 38px;\n      box-shadow: var(--shadow);\n      position: relative;\n      backdrop-filter: blur(10px);\n    }\n\n    .kr-note-paper::before {\n      content: \"\";\n      position: absolute;\n      left: 34px;\n      top: -13px;\n      width: 76px;\n      height: 27px;\n      background: rgba(223,155,114,.28);\n      transform: rotate(-4deg);\n      border-radius: 4px;\n    }\n\n    .kr-note-paper h2 {\n      color: #c77a50;\n    }\n\n    .kr-hand-note {\n      margin-top: 26px;\n      padding: 24px;\n      background: #fffaf2;\n      border-radius: 22px;\n      border: 1px dashed rgba(184,143,99,.42);\n      color: var(--brown2);\n      font-size: 15px;\n    }\n\n    .kr-window {\n      background: var(--beige2);\n    }\n\n    .kr-window-inner {\n      display: grid;\n      grid-template-columns: 1.08fr .92fr;\n      gap: 44px;\n      align-items: center;\n    }\n\n    .kr-window-copy {\n      background: rgba(255,255,255,.66);\n      border-radius: 40px;\n      padding: 46px;\n      border: 1px solid rgba(255,255,255,.82);\n      backdrop-filter: blur(10px);\n    }\n\n    .kr-window-photo {\n      background-image: var(--img03);\n      border-radius: 50% 50% 38px 38px;\n    }\n\n    .kr-breathe {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      margin-top: 28px;\n      color: var(--brown2);\n      font-size: 14px;\n    }\n\n    .kr-breathe span {\n      width: 22px;\n      height: 22px;\n      border-radius: 50%;\n      background: var(--orange-light);\n      animation: breathe 2.8s ease-in-out infinite;\n    }\n\n    @keyframes breathe {\n      0%, 100% { transform: scale(.84); opacity: .64; }\n      50% { transform: scale(1.22); opacity: 1; }\n    }\n\n    .kr-sofa {\n      background:\n        radial-gradient(circle at 82% 18%, rgba(244,198,166,.46), transparent 28%),\n        #fff;\n    }\n\n    .kr-sofa-top {\n      text-align: center;\n      max-width: 820px;\n      margin: 0 auto 46px;\n    }\n\n    .kr-sofa-photo {\n      min-height: 430px;\n      background-image: var(--img04);\n    }\n\n    .kr-feeling-list {\n      margin-top: -52px;\n      position: relative;\n      z-index: 3;\n      display: grid;\n      grid-template-columns: repeat(7, 1fr);\n      gap: 14px;\n    }\n\n    .kr-feeling {\n      background: rgba(255,255,255,.84);\n      border: 1px solid rgba(255,255,255,.9);\n      box-shadow: 0 12px 30px rgba(90,63,50,.08);\n      border-radius: 999px;\n      padding: 18px 10px;\n      text-align: center;\n      color: var(--brown2);\n      font-size: 14px;\n      backdrop-filter: blur(10px);\n    }\n\n    .kr-feeling::before {\n      content: \"\u2661\";\n      display: block;\n      color: var(--orange);\n      font-size: 20px;\n      line-height: 1;\n      margin-bottom: 4px;\n    }\n\n    .kr-table {\n      background: var(--cream);\n    }\n\n    .kr-table-grid {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 34px;\n      align-items: start;\n    }\n\n    .kr-table-photo {\n      min-height: 580px;\n      position: sticky;\n      top: 24px;\n      background-image: var(--img05);\n    }\n\n    .kr-boxes {\n      display: grid;\n      gap: 16px;\n    }\n\n    .kr-box {\n      background: rgba(255,255,255,.84);\n      border-radius: 28px;\n      padding: 28px;\n      border: 1px solid rgba(184,143,99,.14);\n      box-shadow: 0 12px 28px rgba(90,63,50,.06);\n      position: relative;\n    }\n\n    .kr-box::before {\n      content: attr(data-num);\n      position: absolute;\n      right: 24px;\n      top: 22px;\n      color: rgba(223,155,114,.38);\n      font-size: 32px;\n      line-height: 1;\n    }\n\n    .kr-box h3 {\n      margin: 0 0 10px;\n      font-size: 21px;\n      font-weight: 500;\n    }\n\n    .kr-box p {\n      margin: 0;\n      color: var(--brown2);\n      font-size: 15px;\n    }\n\n    .kr-guide {\n      background: #fff;\n    }\n\n    .kr-guide-grid {\n      display: grid;\n      grid-template-columns: .95fr 1.05fr;\n      gap: 42px;\n      align-items: center;\n    }\n\n    .kr-guide-photo {\n      background-image: var(--img06);\n    }\n\n    .kr-price-card {\n      background: linear-gradient(145deg, #fff, #fff3e8);\n      border-radius: 38px;\n      padding: 46px;\n      box-shadow: var(--shadow);\n      border: 1px solid rgba(223,155,114,.22);\n      position: relative;\n    }\n\n    .kr-price-card::before {\n      content: \"\";\n      position: absolute;\n      right: 34px;\n      top: -16px;\n      width: 82px;\n      height: 32px;\n      background: rgba(223,155,114,.26);\n      border-radius: 4px;\n      transform: rotate(5deg);\n    }\n\n    .kr-price-main {\n      text-align: center;\n      padding: 30px 20px;\n      border-radius: 28px;\n      background: rgba(255,255,255,.74);\n      border: 1px solid rgba(255,255,255,.84);\n    }\n\n    .kr-price-main small {\n      color: var(--gold);\n      letter-spacing: .14em;\n      font-size: 13px;\n    }\n\n    .kr-price-main h3 {\n      margin: 8px 0 10px;\n      font-size: 24px;\n      font-weight: 500;\n    }\n\n    .kr-price {\n      color: var(--orange);\n      font-size: clamp(48px, 7vw, 76px);\n      line-height: 1.1;\n      font-weight: 500;\n      letter-spacing: .03em;\n    }\n\n    .kr-price span {\n      font-size: 28px;\n    }\n\n    .kr-normal {\n      color: var(--brown2);\n      margin-top: 8px;\n      font-size: 14px;\n    }\n\n    .kr-price-list {\n      margin-top: 28px;\n      display: grid;\n      gap: 10px;\n    }\n\n    .kr-price-list p {\n      margin: 0;\n      padding: 12px 0;\n      border-bottom: 1px solid rgba(90,63,50,.1);\n      color: var(--brown2);\n    }\n\n    .kr-price-list p::before {\n      content: \"\u2661\";\n      color: var(--orange);\n      margin-right: 8px;\n    }\n\n    .kr-caution {\n      margin-top: 18px;\n      font-size: 13px;\n      color: rgba(90,63,50,.68);\n    }\n\n    .kr-flow {\n      background: var(--beige2);\n    }\n\n    .kr-flow-list {\n      margin-top: 44px;\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 18px;\n    }\n\n    .kr-flow-item {\n      background: rgba(255,255,255,.76);\n      border-radius: 30px;\n      padding: 30px 24px;\n      border: 1px solid rgba(255,255,255,.84);\n      box-shadow: 0 12px 30px rgba(90,63,50,.07);\n      text-align: center;\n    }\n\n    .kr-flow-icon {\n      width: 58px;\n      height: 58px;\n      border-radius: 50%;\n      margin: 0 auto 14px;\n      background: var(--orange-light);\n      display: grid;\n      place-items: center;\n      color: var(--brown);\n      font-size: 24px;\n    }\n\n    .kr-flow-item small {\n      color: var(--gold);\n      letter-spacing: .12em;\n      font-size: 12px;\n    }\n\n    .kr-flow-item h3 {\n      margin: 8px 0 10px;\n      font-size: 18px;\n      font-weight: 500;\n    }\n\n    .kr-flow-item p {\n      margin: 0;\n      color: var(--brown2);\n      font-size: 14px;\n    }\n\n    .kr-faq {\n      background: #fff;\n    }\n\n    .kr-faq-grid {\n      display: grid;\n      grid-template-columns: .8fr 1.2fr;\n      gap: 42px;\n      align-items: start;\n    }\n\n    .kr-faq-wrap {\n      display: grid;\n      gap: 14px;\n    }\n\n    .kr-faq-item {\n      background: var(--cream);\n      border: 1px solid rgba(184,143,99,.16);\n      border-radius: 24px;\n      overflow: hidden;\n    }\n\n    .kr-faq-q {\n      width: 100%;\n      border: none;\n      background: transparent;\n      padding: 22px 26px;\n      font-family: inherit;\n      color: var(--brown);\n      font-size: 16px;\n      text-align: left;\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      gap: 20px;\n    }\n\n    .kr-faq-q::after {\n      content: \"+\";\n      color: var(--orange);\n      font-size: 24px;\n      line-height: 1;\n    }\n\n    .kr-faq-item.active .kr-faq-q::after {\n      content: \"\u2212\";\n    }\n\n    .kr-faq-a {\n      max-height: 0;\n      overflow: hidden;\n      transition: .35s ease;\n    }\n\n    .kr-faq-a p {\n      margin: 0;\n      padding: 0 26px 24px;\n      color: var(--brown2);\n      font-size: 15px;\n    }\n\n    .kr-morning {\n      min-height: 620px;\n      display: flex;\n      align-items: center;\n      text-align: center;\n      background:\n        linear-gradient(rgba(255,248,239,.82), rgba(255,248,239,.9)),\n        var(--img01) center\/cover no-repeat;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .kr-morning::before {\n      content: \"\";\n      position: absolute;\n      inset: 26px;\n      border: 1px solid rgba(184,143,99,.22);\n      border-radius: 42px;\n    }\n\n    .kr-morning .kr-container {\n      position: relative;\n      z-index: 2;\n      max-width: 780px;\n    }\n\n    .kr-morning h2 {\n      margin: 0 0 24px;\n      font-size: clamp(32px, 5vw, 54px);\n      line-height: 1.72;\n      font-weight: 500;\n    }\n\n    .kr-morning p {\n      color: var(--brown2);\n      margin: 0 0 34px;\n    }\n\n    .kr-footer-note {\n      padding: 44px 0 24px;\n      background: var(--brown);\n      color: rgba(255,255,255,.78);\n      font-size: 13px;\n      text-align: center;\n    }\n\n    .kr-footer-note p {\n      margin: 0;\n    }\n\n    .kr-footer-links {\n      margin-top: 20px;\n      display: flex;\n      justify-content: center;\n      gap: 22px;\n      flex-wrap: wrap;\n    }\n\n    .kr-footer-links a {\n      color: rgba(255,255,255,.86) !important;\n      text-decoration: underline;\n      text-underline-offset: 4px;\n    }\n\n    @media (max-width: 920px) {\n      .kr-section {\n        padding: 78px 0;\n      }\n\n      .kr-hero {\n        min-height: auto;\n        padding: 72px 0 58px;\n      }\n\n      .kr-hero::before,\n      .kr-morning::before {\n        inset: 12px;\n        border-radius: 28px;\n      }\n\n      .kr-hero-grid,\n      .kr-desk-grid,\n      .kr-window-inner,\n      .kr-table-grid,\n      .kr-guide-grid,\n      .kr-faq-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .kr-door-stage {\n        min-height: 470px;\n      }\n\n      .kr-light-room {\n        inset: 28px 0 20px 42px;\n        border-radius: 34px;\n      }\n\n      .kr-door {\n        top: 82px;\n        width: 44%;\n        height: 310px;\n      }\n\n      .kr-door-card {\n        right: 4px;\n        top: 24px;\n        width: 188px;\n        padding: 22px;\n      }\n\n      .kr-photo {\n        min-height: 360px;\n        position: relative;\n        top: auto;\n      }\n\n      .kr-window-copy,\n      .kr-note-paper,\n      .kr-price-card {\n        padding: 30px;\n      }\n\n      .kr-feeling-list {\n        grid-template-columns: repeat(2, 1fr);\n        margin-top: 18px;\n      }\n\n      .kr-flow-list {\n        grid-template-columns: 1fr;\n      }\n\n      .kr-hero-actions {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .kr-btn {\n        width: 100%;\n      }\n    }\n  <\/style>\n\n  <!-- \u6249\u306e\u524d -->\n  <section class=\"kr-hero\">\n    <div class=\"kr-container\">\n      <div class=\"kr-hero-grid\">\n        <div class=\"kr-hero-copy kr-fade\">\n          <div class=\"kr-room-tag\"><span><\/span> \u4e0d\u767b\u6821\u306e\u304a\u5b50\u3055\u3093\u3092\u6301\u3064\u30de\u30de\u3078<\/div>\n\n          <h1>\n            \u300c\u79c1\u306e\u305b\u3044\u304b\u3082\u3057\u308c\u306a\u3044\u300d<br>\n            \u305d\u3046\u601d\u3063\u3066\u3057\u307e\u3046\u30de\u30de\u3078\u3002\n          <\/h1>\n\n          <p class=\"kr-hero-lead\">\n            \u5b50\u3069\u3082\u306e\u4e0d\u767b\u6821\u306b\u5411\u304d\u5408\u3046\u6bce\u65e5\u306e\u4e2d\u3067\u3001<br>\n            \u4e0d\u5b89\u3082\u3001\u7126\u308a\u3082\u3001\u7f6a\u60aa\u611f\u3082\u3001<br>\n            \u3072\u3068\u308a\u3067\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\u3002\n          <\/p>\n\n          <div class=\"kr-hero-actions\">\n            <a class=\"kr-btn\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeHNbjOMdQs3jZIASKsouFRma1IE02DUEj6ajJPaeNta-_NbA\/viewform\" target=\"_blank\" rel=\"noopener\">\u3053\u3053\u308d\u306e\u30eb\u30fc\u30e0\u306e\u6249\u3092\u3072\u3089\u304f<\/a>\n            <a class=\"kr-btn ghost\" href=\"#price\">\u6599\u91d1\u3092\u898b\u308b<\/a>\n          <\/div>\n\n          <p class=\"kr-hero-note\">\n            60\u5206\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7\uff5c\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c 3,000\u5186\n          <\/p>\n        <\/div>\n\n        <div class=\"kr-door-stage kr-fade\">\n          <div class=\"kr-light-room\"><\/div>\n          <div class=\"kr-door\"><\/div>\n          <div class=\"kr-door-card\">\n            <small>KOKORO ROOM<\/small>\n            <strong>\u5b89\u5fc3\u3057\u3066<br>\u8a71\u305b\u308b\u5834\u6240<\/strong>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u6c17\u6301\u3061\u3092\u7f6e\u304f\u673a -->\n  <section class=\"kr-section kr-desk\">\n    <div class=\"kr-container\">\n      <div class=\"kr-desk-grid\">\n        <div class=\"kr-photo kr-desk-photo kr-fade\">\n          <div class=\"kr-photo-note\">\u6c17\u6301\u3061\u3092\u7f6e\u3044\u3066\u3001\u5c11\u3057\u305a\u3064\u6574\u3048\u3066\u3044\u304f\u6642\u9593\u3002<\/div>\n        <\/div>\n\n        <div class=\"kr-note-paper kr-fade\">\n          <div class=\"kr-label\">\u6c17\u6301\u3061\u3092\u7f6e\u304f\u673a<\/div>\n          <h2 class=\"kr-title\">\n            \u5b50\u3069\u3082\u3092\u8cac\u3081\u305f\u304f\u306a\u3044\u3002<br>\n            \u3067\u3082\u3001\u79c1\u306e\u5fc3\u3082\u9650\u754c\u304b\u3082\u3057\u308c\u306a\u3044\u3002\n          <\/h2>\n          <p class=\"kr-text\">\n            \u671d\u3001\u8d77\u304d\u3066\u3053\u306a\u3044\u5b50\u3069\u3082\u3092\u898b\u3066\u3001\u3069\u3046\u58f0\u3092\u304b\u3051\u305f\u3089\u3044\u3044\u306e\u304b\u308f\u304b\u3089\u306a\u3044\u3002\n            \u512a\u3057\u304f\u3057\u305f\u3044\u306e\u306b\u3001\u3064\u3044\u5f37\u3044\u8a00\u8449\u3092\u304b\u3051\u3066\u3057\u307e\u3046\u3002\n          <\/p>\n          <p class=\"kr-text\" style=\"margin-top:18px;\">\n            \u300c\u5b66\u6821\u306b\u884c\u3051\u306a\u3044\u3053\u306e\u5b50\u304c\u60aa\u3044\u3093\u3058\u3083\u306a\u3044\u300d  \n            \u305d\u3046\u601d\u3044\u305f\u3044\u306e\u306b\u3001\u5fc3\u306e\u3069\u3053\u304b\u3067\u7126\u3063\u3066\u3057\u307e\u3046\u3002\n          <\/p>\n\n          <div class=\"kr-hand-note\">\n            \u4eca\u65e5\u3082\u3001\u3061\u3083\u3093\u3068\u3067\u304d\u306a\u304b\u3063\u305f\u3002<br>\n            \u305d\u3046\u601d\u3063\u305f\u65e5\u307b\u3069\u3001<br>\n            \u672c\u5f53\u306f\u305f\u304f\u3055\u3093\u9811\u5f35\u3063\u3066\u3044\u308b\u65e5\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u6df1\u547c\u5438\u3059\u308b\u7a93\u8fba -->\n  <section class=\"kr-section kr-window\">\n    <div class=\"kr-container\">\n      <div class=\"kr-window-inner\">\n        <div class=\"kr-window-copy kr-fade\">\n          <div class=\"kr-label\">\u6df1\u547c\u5438\u3059\u308b\u7a93\u8fba<\/div>\n          <h2 class=\"kr-title\">\n            \u3053\u3053\u3067\u4e00\u5ea6\u3001\u6df1\u547c\u5438\u3002<br>\n            \u4eca\u3059\u3050\u7b54\u3048\u3092\u51fa\u3055\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u3002\n          <\/h2>\n          <p class=\"kr-text\">\n            \u4e0d\u767b\u6821\u306b\u5411\u304d\u5408\u3046\u6bce\u65e5\u306f\u3001\u6b63\u89e3\u304c\u898b\u3048\u306a\u3044\u6642\u9593\u306e\u9023\u7d9a\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002\n            \u3067\u3082\u3001\u3059\u3050\u306b\u7b54\u3048\u3092\u51fa\u305b\u306a\u3044\u3053\u3068\u306f\u3001\u9593\u9055\u3044\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n          <\/p>\n          <p class=\"kr-text\" style=\"margin-top:18px;\">\n            \u304a\u5b50\u3055\u3093\u306e\u3053\u3068\u3092\u601d\u3063\u3066\u60a9\u3093\u3067\u3044\u308b\u305d\u306e\u6642\u9593\u3082\u3001\n            \u3061\u3083\u3093\u3068\u611b\u60c5\u306e\u4e00\u90e8\u3067\u3059\u3002\n          <\/p>\n          <div class=\"kr-breathe\">\n            <span><\/span> \u307e\u305a\u306f\u3001\u30de\u30de\u306e\u547c\u5438\u304c\u5c11\u3057\u3086\u308b\u3080\u6642\u9593\u3092\u3002\n          <\/div>\n        <\/div>\n\n        <div class=\"kr-photo kr-window-photo kr-fade\"><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u5b89\u5fc3\u3057\u3066\u5ea7\u308c\u308b\u30bd\u30d5\u30a1 -->\n  <section class=\"kr-section kr-sofa\">\n    <div class=\"kr-container\">\n      <div class=\"kr-sofa-top kr-fade\">\n        <div class=\"kr-label\">\u5b89\u5fc3\u3057\u3066\u5ea7\u308c\u308b\u30bd\u30d5\u30a1<\/div>\n        <h2 class=\"kr-title\">\n          \u6ce3\u3044\u3066\u3082\u3001\u9ed9\u3063\u3066\u3082\u3001<br>\n          \u307e\u3068\u307e\u3089\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3002\n        <\/h2>\n        <p class=\"kr-text\">\n          \u3053\u3053\u308d\u306e\u30eb\u30fc\u30e0\u306f\u3001\u6b63\u89e3\u3092\u62bc\u3057\u3064\u3051\u308b\u5834\u6240\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002  \n          \u4eca\u306e\u6c17\u6301\u3061\u3092\u3001\u305d\u306e\u307e\u307e\u7f6e\u3044\u3066\u3044\u3044\u5834\u6240\u3067\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"kr-photo kr-sofa-photo kr-fade\"><\/div>\n\n      <div class=\"kr-feeling-list kr-fade\">\n        <div class=\"kr-feeling\">\u4e0d\u5b89<\/div>\n        <div class=\"kr-feeling\">\u7126\u308a<\/div>\n        <div class=\"kr-feeling\">\u6012\u308a<\/div>\n        <div class=\"kr-feeling\">\u7f6a\u60aa\u611f<\/div>\n        <div class=\"kr-feeling\">\u6d99<\/div>\n        <div class=\"kr-feeling\">\u672c\u97f3<\/div>\n        <div class=\"kr-feeling\">\u6c88\u9ed9<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u4e00\u7dd2\u306b\u6574\u7406\u3059\u308b\u30c6\u30fc\u30d6\u30eb -->\n  <section class=\"kr-section kr-table\">\n    <div class=\"kr-container\">\n      <div class=\"kr-table-grid\">\n        <div class=\"kr-photo kr-table-photo kr-fade\"><\/div>\n\n        <div>\n          <div class=\"kr-fade\">\n            <div class=\"kr-label\">\u4e00\u7dd2\u306b\u6574\u7406\u3059\u308b\u30c6\u30fc\u30d6\u30eb<\/div>\n            <h2 class=\"kr-title\">\n              \u4eca\u3067\u304d\u308b\u95a2\u308f\u308a\u65b9\u3092\u3001<br>\n              \u4e00\u7dd2\u306b\u898b\u3064\u3051\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/h2>\n            <p class=\"kr-text\" style=\"margin-bottom:30px;\">\n              \u30de\u30de\u81ea\u8eab\u306e\u6c17\u6301\u3061\u306b\u5bc4\u308a\u6dfb\u3044\u306a\u304c\u3089\u3001\n              \u5fc3\u3092\u8efd\u304f\u3059\u308b\u65b9\u6cd5\u3092\u4e00\u7dd2\u306b\u898b\u3064\u3051\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n\n          <div class=\"kr-boxes\">\n            <div class=\"kr-box kr-fade\" data-num=\"01\">\n              <h3>\u6c17\u6301\u3061\u306e\u6574\u7406<\/h3>\n              <p>\u4e0d\u5b89\u3084\u82e6\u3057\u3055\u3092\u8a00\u8449\u306b\u3057\u306a\u304c\u3089\u3001\u5fc3\u306e\u4e2d\u3092\u5c11\u3057\u305a\u3064\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n            <div class=\"kr-box kr-fade\" data-num=\"02\">\n              <h3>\u5b50\u3069\u3082\u3078\u306e\u58f0\u304b\u3051<\/h3>\n              <p>\u8cac\u3081\u305f\u3044\u308f\u3051\u3067\u306f\u306a\u3044\u306e\u306b\u5f37\u304f\u306a\u308b\u3002\u305d\u3093\u306a\u6642\u306e\u8a00\u8449\u3092\u4e00\u7dd2\u306b\u8003\u3048\u307e\u3059\u3002<\/p>\n            <\/div>\n            <div class=\"kr-box kr-fade\" data-num=\"03\">\n              <h3>\u5b66\u6821\u3068\u306e\u95a2\u308f\u308a\u65b9<\/h3>\n              <p>\u5148\u751f\u3068\u306e\u3084\u308a\u53d6\u308a\u3084\u8ddd\u96e2\u611f\u306a\u3069\u3001\u7121\u7406\u3092\u3057\u3059\u304e\u306a\u3044\u5f62\u3092\u6574\u7406\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n            <div class=\"kr-box kr-fade\" data-num=\"04\">\n              <h3>\u5bb6\u65cf\u3068\u306e\u6e29\u5ea6\u5dee<\/h3>\n              <p>\u592b\u5a66\u9593\u3084\u5bb6\u65cf\u9593\u3067\u610f\u898b\u304c\u5408\u308f\u306a\u3044\u82e6\u3057\u3055\u3082\u3001\u5b89\u5fc3\u3057\u3066\u304a\u8a71\u3057\u304f\u3060\u3055\u3044\u3002<\/p>\n            <\/div>\n            <div class=\"kr-box kr-fade\" data-num=\"05\">\n              <h3>\u30de\u30de\u81ea\u8eab\u306e\u30b9\u30c8\u30ec\u30b9\u30b1\u30a2<\/h3>\n              <p>\u5b50\u3069\u3082\u306e\u305f\u3081\u306b\u9811\u5f35\u308b\u30de\u30de\u81ea\u8eab\u304c\u3001\u5c11\u3057\u547c\u5438\u3092\u3086\u308b\u3081\u3089\u308c\u308b\u6642\u9593\u3092\u5927\u5207\u306b\u3057\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u5c0f\u3055\u306a\u6848\u5185\u30ab\u30fc\u30c9 -->\n  <section id=\"price\" class=\"kr-section kr-guide\">\n    <div class=\"kr-container\">\n      <div class=\"kr-guide-grid\">\n        <div class=\"kr-photo kr-guide-photo kr-fade\">\n          <div class=\"kr-photo-note\">\u306f\u3058\u3081\u306e\u4e00\u6b69\u3092\u3001\u5c11\u3057\u8efd\u304f\u3002<\/div>\n        <\/div>\n\n        <div class=\"kr-price-card kr-fade\">\n          <div class=\"kr-label\">\u5c0f\u3055\u306a\u6848\u5185\u30ab\u30fc\u30c9<\/div>\n          <h2 class=\"kr-title\">\n            \u306f\u3058\u3081\u306e\u4e00\u6b69\u3092\u3001<br>\n            \u5c11\u3057\u8efd\u304f\u3002\n          <\/h2>\n\n          <div class=\"kr-price-main\">\n            <small>MONITOR PRICE<\/small>\n            <h3>60\u5206\u30aa\u30f3\u30e9\u30a4\u30f3\u76f8\u8ac7<\/h3>\n            <div class=\"kr-price\">3,000<span>\u5186<\/span><\/div>\n            <div class=\"kr-normal\">\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c \/ \u901a\u5e38 5,000\u5186<\/div>\n          <\/div>\n\n          <div class=\"kr-price-list\">\n            <p>\u901a\u5e38\u4fa1\u683c 5,000\u5186<\/p>\n            <p>\u30e2\u30cb\u30bf\u30fc\u4fa1\u683c 3,000\u5186<\/p>\n            <p>\u30a2\u30f3\u30b1\u30fc\u30c8\u306b\u7b54\u3048\u3066\u3044\u305f\u3060\u3051\u308b\u3068\u3001\u3055\u3089\u306b1,000\u5186OFF<\/p>\n            <p>\u3054\u81ea\u5b85\u304b\u3089Zoom\u3067\u5b89\u5fc3\u3057\u3066\u53c2\u52a0\u3067\u304d\u307e\u3059<\/p>\n            <p>\u304a\u8a71\u3057\u5185\u5bb9\u306f\u5927\u5207\u306b\u304a\u5b88\u308a\u3057\u307e\u3059<\/p>\n          <\/div>\n\n          <p class=\"kr-caution\">\n            \u203b\u4fa1\u683c\u306f\u6025\u306b\u5909\u66f4\u3055\u308c\u308b\u3053\u3068\u304c\u3042\u308b\u306e\u3067\u3054\u4e86\u627f\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n\n          <div style=\"margin-top:30px;\">\n            <a class=\"kr-btn\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeHNbjOMdQs3jZIASKsouFRma1IE02DUEj6ajJPaeNta-_NbA\/viewform\" target=\"_blank\" rel=\"noopener\">\u4eca\u306e\u6c17\u6301\u3061\u3092\u306f\u306a\u3057\u3066\u307f\u308b<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u4e88\u7d04\u3078\u306e\u30b9\u30c6\u30c3\u30d7 -->\n  <section class=\"kr-section kr-flow\">\n    <div class=\"kr-container\">\n      <div class=\"kr-fade\" style=\"text-align:center;\">\n        <div class=\"kr-label\" style=\"justify-content:center;\">\u4e88\u7d04\u3078\u306e\u5c0f\u3055\u306a\u30b9\u30c6\u30c3\u30d7<\/div>\n        <h2 class=\"kr-title\">\n          \u7533\u3057\u8fbc\u307f\u306f\u3001<br>\n          \u3080\u305a\u304b\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002\n        <\/h2>\n      <\/div>\n\n      <div class=\"kr-flow-list\">\n        <div class=\"kr-flow-item kr-fade\">\n          <div class=\"kr-flow-icon\">\u270e<\/div>\n          <small>STEP 01<\/small>\n          <h3>\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u304a\u7533\u3057\u8fbc\u307f<\/h3>\n          <p>\u3054\u5e0c\u671b\u306e\u65e5\u7a0b\u3084\u76f8\u8ac7\u5185\u5bb9\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n        <\/div>\n\n        <div class=\"kr-flow-item kr-fade\">\n          <div class=\"kr-flow-icon\">\u263d<\/div>\n          <small>STEP 02<\/small>\n          <h3>\u65e5\u7a0b\u8abf\u6574<\/h3>\n          <p>\u78ba\u8a8d\u5f8c\u3001\u65e5\u7a0b\u8abf\u6574\u306e\u3054\u9023\u7d61\u3092\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"kr-flow-item kr-fade\">\n          <div class=\"kr-flow-icon\">\u25c7<\/div>\n          <small>STEP 03<\/small>\n          <h3>\u304a\u652f\u6255\u3044<\/h3>\n          <p>\u9280\u884c\u632f\u8fbc\u307e\u305f\u306fPayPay\u3067\u304a\u9858\u3044\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n\n        <div class=\"kr-flow-item kr-fade\">\n          <div class=\"kr-flow-icon\">\u2661<\/div>\n          <small>STEP 04<\/small>\n          <h3>Zoom\u3067\u304a\u8a71\u3057<\/h3>\n          <p>\u5b89\u5fc3\u3057\u3066\u304a\u8a71\u3057\u3067\u304d\u308b\u6642\u9593\u3092\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- FAQ -->\n  <section class=\"kr-section kr-faq\">\n    <div class=\"kr-container\">\n      <div class=\"kr-faq-grid\">\n        <div class=\"kr-fade\">\n          <div class=\"kr-label\">\u3088\u304f\u3042\u308b\u3054\u8cea\u554f<\/div>\n          <h2 class=\"kr-title\">\n            \u4e0d\u5b89\u306a\u3053\u3068\u3082\u3001<br>\n            \u3053\u3053\u306b\u7f6e\u3044\u3066\u304f\u3060\u3055\u3044\u3002\n          <\/h2>\n          <p class=\"kr-text\">\n            \u306f\u3058\u3081\u3066\u306e\u76f8\u8ac7\u306f\u3001\u7dca\u5f35\u3059\u308b\u3082\u306e\u3067\u3059\u3002  \n            \u6c17\u306b\u306a\u308b\u3053\u3068\u304c\u3042\u308c\u3070\u3001\u4e8b\u524d\u306b\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n\n        <div class=\"kr-faq-wrap\">\n          <div class=\"kr-faq-item kr-fade\">\n            <button class=\"kr-faq-q\">\u5f53\u65e5\u306e\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u3067\u304d\u307e\u3059\u304b\uff1f<\/button>\n            <div class=\"kr-faq-a\">\n              <p>\u6025\u306a\u4f53\u8abf\u4e0d\u826f\u3084\u3054\u5bb6\u5ead\u306e\u4e8b\u60c5\u3082\u3042\u308b\u3068\u601d\u3044\u307e\u3059\u306e\u3067\u3001\u307e\u305a\u306f\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002\u5f53\u65e5\u30ad\u30e3\u30f3\u30bb\u30eb\u306f\u57fa\u672c\u7684\u306b\u6599\u91d1\u306e100\uff05\u3092\u304a\u9858\u3044\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kr-faq-item kr-fade\">\n            <button class=\"kr-faq-q\">\u5b50\u3069\u3082\u304c\u9014\u4e2d\u3067\u5165\u3063\u3066\u304d\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u304b\uff1f<\/button>\n            <div class=\"kr-faq-a\">\n              <p>\u3082\u3061\u308d\u3093\u5927\u4e08\u592b\u3067\u3059\u3002\u3054\u81ea\u5b85\u306e\u5b89\u5fc3\u3067\u304d\u308b\u74b0\u5883\u3067\u304a\u8a71\u3057\u304f\u3060\u3055\u3044\u306d\u3002<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kr-faq-item kr-fade\">\n            <button class=\"kr-faq-q\">\u8a71\u3057\u305f\u5185\u5bb9\u306f\u79d8\u5bc6\u3067\u3059\u304b\uff1f<\/button>\n            <div class=\"kr-faq-a\">\n              <p>\u306f\u3044\u3002\u5b89\u5fc3\u3057\u3066\u304a\u8a71\u3057\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001\u79d8\u5bc6\u306f\u53b3\u5b88\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"kr-faq-item kr-fade\">\n            <button class=\"kr-faq-q\">\u3069\u3093\u306a\u5185\u5bb9\u3067\u3082\u76f8\u8ac7\u3067\u304d\u307e\u3059\u304b\uff1f<\/button>\n            <div class=\"kr-faq-a\">\n              <p>\u306f\u3044\u3001\u5927\u4e08\u592b\u3067\u3059\u3002\u4e0d\u767b\u6821\u30fb\u5b50\u80b2\u3066\u30fb\u30de\u30de\u81ea\u8eab\u306e\u304a\u60a9\u307f\u306a\u3069\u3001\u5b89\u5fc3\u3057\u3066\u304a\u8a71\u3057\u304f\u3060\u3055\u3044\u3002<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u660e\u65e5\u306e\u671d\u3078 -->\n  <section class=\"kr-morning\">\n    <div class=\"kr-container kr-fade\">\n      <div class=\"kr-label\" style=\"justify-content:center;\">\u660e\u65e5\u306e\u671d\u3078<\/div>\n      <h2>\n        \u660e\u65e5\u306e\u671d\u3092\u3001<br>\n        \u3072\u3068\u308a\u3067\u8fce\u3048\u306a\u304f\u3066\u3044\u3044\u3088\u3046\u306b\u3002\n      <\/h2>\n      <p>\n        \u3046\u307e\u304f\u8a71\u305d\u3046\u3068\u3057\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3002<br>\n        \u3069\u3093\u306a\u304a\u6c17\u6301\u3061\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u3002<br>\n        \u307e\u305a\u306f\u3001\u4eca\u306e\u5fc3\u306e\u4e2d\u3092\u5c11\u3057\u3060\u3051\u8a71\u3057\u3066\u307f\u307e\u305b\u3093\u304b\u3002\n      <\/p>\n      <a class=\"kr-btn\" href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSeHNbjOMdQs3jZIASKsouFRma1IE02DUEj6ajJPaeNta-_NbA\/viewform\" target=\"_blank\" rel=\"noopener\">\u4eca\u306e\u6c17\u6301\u3061\u3092\u306f\u306a\u3057\u3066\u307f\u308b<\/a>\n    <\/div>\n  <\/section>\n\n  <div class=\"kr-footer-note\">\n    <div class=\"kr-container\">\n      <p>\n        \u203b\u672c\u30b5\u30fc\u30d3\u30b9\u306f\u3001\u533b\u7642\u884c\u70ba\u3084\u8a3a\u65ad\u30fb\u6cbb\u7642\u3092\u76ee\u7684\u3068\u3057\u305f\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u5f37\u3044\u4e0d\u8abf\u3084\u7dca\u6025\u6027\u306e\u3042\u308b\u5834\u5408\u306f\u3001\u533b\u7642\u6a5f\u95a2\u3084\u5c02\u9580\u6a5f\u95a2\u3078\u306e\u3054\u76f8\u8ac7\u3092\u304a\u9858\u3044\u3044\u305f\u3057\u307e\u3059\u3002\n      <\/p>\n\n      <div class=\"kr-footer-links\">\n        <a href=\"https:\/\/www.asako-room.com\/?page_id=3\">\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u30dd\u30ea\u30b7\u30fc<\/a>\n        <a href=\"https:\/\/www.asako-room.com\/?page_id=19\">\u7279\u5b9a\u5546\u53d6\u5f15\u6cd5\u306b\u57fa\u3065\u304f\u8868\u8a18<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function() {\n      const fadeEls = document.querySelectorAll('.kokoro-room-lp .kr-fade');\n\n      const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if(entry.isIntersecting) {\n            entry.target.classList.add('show');\n          }\n        });\n      }, { threshold: 0.14 });\n\n      fadeEls.forEach(el => observer.observe(el));\n\n      const faqItems = document.querySelectorAll('.kokoro-room-lp .kr-faq-item');\n\n      faqItems.forEach(item => {\n        const btn = item.querySelector('.kr-faq-q');\n        const answer = item.querySelector('.kr-faq-a');\n\n        btn.addEventListener('click', () => {\n          const isActive = item.classList.contains('active');\n\n          faqItems.forEach(other => {\n            other.classList.remove('active');\n            other.querySelector('.kr-faq-a').style.maxHeight = null;\n          });\n\n          if(!isActive) {\n            item.classList.add('active');\n            answer.style.maxHeight = answer.scrollHeight + 'px';\n          }\n        });\n      });\n    })();\n  <\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u4e0d\u767b\u6821\u306e\u304a\u5b50\u3055\u3093\u3092\u6301\u3064\u30de\u30de\u3078 \u300c\u79c1\u306e\u305b\u3044\u304b\u3082\u3057\u308c\u306a\u3044\u300d \u305d\u3046\u601d\u3063\u3066\u3057\u307e\u3046\u30de\u30de\u3078\u3002 \u5b50\u3069\u3082\u306e\u4e0d\u767b\u6821\u306b\u5411\u304d\u5408\u3046\u6bce\u65e5\u306e\u4e2d\u3067\u3001 \u4e0d\u5b89\u3082\u3001\u7126\u308a\u3082\u3001\u7f6a\u60aa\u611f\u3082\u3001 \u3072\u3068\u308a\u3067\u62b1\u3048\u3066\u3044\u307e\u305b\u3093\u304b\u3002 \u3053\u3053\u308d\u306e\u30eb\u30fc\u30e0\u306e\u6249\u3092\u3072\u3089\u304f \u6599\u91d1\u3092\u898b\u308b 60 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.asako-room.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.asako-room.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.asako-room.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.asako-room.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.asako-room.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":6,"href":"https:\/\/www.asako-room.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/www.asako-room.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/www.asako-room.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}