{"id":8,"date":"2026-06-17T12:38:31","date_gmt":"2026-06-17T03:38:31","guid":{"rendered":"https:\/\/www.suuo.jp\/?page_id=8"},"modified":"2026-11-02T14:10:10","modified_gmt":"2026-11-02T05:10:10","slug":"%e5%90%88%e5%90%8c%e4%bc%9a%e7%a4%besuuo","status":"publish","type":"page","link":"https:\/\/www.suuo.jp\/","title":{"rendered":"SUUO\u3000LLC"},"content":{"rendered":"\n<style>\n\/* 2\u4eba\u306e\u30a4\u30e9\u30b9\u30c8\u306e\u9ad8\u3055\u3092\u305d\u308d\u3048\u308b *\/\n.suuo-v3 .sv-character-pair {\n  padding-bottom: 0 !important;\n}\n\n.suuo-v3 .sv-character-pair > :nth-child(2) {\n  transform: none !important;\n}\n\/* SUUO \u2014 page-specific typography and layout *\/\n.suuo-v3 {\n  --sv-ink: #292725;\n  --sv-muted: #69645f;\n  --sv-line: #d8d3cd;\n  --sv-accent: #9d492f;\n  --sv-serif: Georgia, Yu Mincho, Hiragino Mincho ProN, Noto Serif CJK JP, serif;\n  --sv-sans: Noto Sans JP, Hiragino Kaku Gothic ProN, Yu Gothic, Meiryo, sans-serif;\n  background: #fff;\n  color: var(--sv-ink);\n  font-family: var(--sv-sans);\n  font-size: 16px;\n  line-height: 1.95;\n  -webkit-font-smoothing: antialiased;\n  isolation: isolate;\n}\n.suuo-v3 *, .suuo-v3 *::before, .suuo-v3 *::after { box-sizing: border-box; }\n.suuo-v3 :where(h1,h2,h3,h4,p,figure,figcaption,ul,ol) {\n  margin: 0;\n  padding: 0;\n  color: inherit;\n}\n.suuo-v3 :where(h1,h2,h3,h4) { font-family: inherit; font-weight: 500; }\n.suuo-v3 :where(p,h1,h2,h3,h4,a) { overflow-wrap: anywhere; }\n.suuo-v3 :where(img,svg) { max-width: 100%; height: auto; vertical-align: middle; }\n.suuo-v3 .wp-block-group,\n.suuo-v3 .wp-block-columns,\n.suuo-v3 .wp-block-column,\n.suuo-v3 .wp-block-buttons {\n  min-width: 0;\n  margin: 0;\n}\n.suuo-v3 .wp-block-columns { gap: 0; }\n.suuo-v3 .wp-block-column { flex-basis: auto; flex-grow: 0; }\n.suuo-v3 :where([class*=\"sv-\"]) > :where(.wp-block-group,.wp-block-columns,.wp-block-column) {\n  margin-block: 0;\n}\n.suuo-v3 .sv-shell {\n  width: 100%;\n  max-width: 1160px;\n  padding-inline: clamp(24px, 4.1vw, 56px);\n  margin-inline: auto !important;\n}\n.suuo-v3 .sv-shell > * { max-width: none; }\n.suuo-v3 a {\n  color: inherit;\n  text-decoration-thickness: 1px;\n  text-underline-offset: .3em;\n}\n.suuo-v3 a:hover { color: var(--sv-accent); }\n.suuo-v3 a:focus-visible {\n  outline: 2px solid var(--sv-accent);\n  outline-offset: 5px;\n}\n.suuo-v3 [id] { scroll-margin-top: 28px; }\n\n\/* A quiet masthead; SUUO remains the name of the whole page. *\/\n.suuo-v3 .sv-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 32px;\n  padding-top: 30px;\n  padding-bottom: 26px;\n}\n.suuo-v3 .sv-logo,\n.suuo-v3 .sv-logo p {\n  font-family: Arial, Helvetica, var(--sv-sans);\n  font-size: 34px;\n  line-height: 1;\n  font-weight: 600;\n  letter-spacing: -.065em;\n}\n.suuo-v3 a.sv-logo,\n.suuo-v3 .sv-logo a { display: inline-block; text-decoration: none; }\n.suuo-v3 .sv-logo > span {\n  display: block;\n  margin-top: 8px;\n  color: var(--sv-muted);\n  font-family: var(--sv-sans);\n  font-size: 10.5px;\n  font-weight: 400;\n  letter-spacing: .055em;\n  line-height: 1.6;\n  white-space: nowrap;\n}\n.suuo-v3 .sv-nav {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 12px 30px;\n  font-size: 13px;\n  line-height: 1.7;\n}\n.suuo-v3 .sv-nav p { display: contents; }\n.suuo-v3 .sv-nav a { text-decoration: none; white-space: nowrap; }\n.suuo-v3 .sv-nav a:hover { text-decoration: underline; }\n\n\/* The original characters supply the page's colour and personality. *\/\n.suuo-v3 .sv-hero {\n  display: grid;\n  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr);\n  align-items: center;\n  gap: 48px;\n  padding-top: 50px;\n  padding-bottom: 96px;\n}\n.suuo-v3 .sv-eyebrow,\n.suuo-v3 .sv-eyebrow p {\n  color: var(--sv-accent);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: .1em;\n  line-height: 1.7;\n}\n.suuo-v3 .sv-hero h1 {\n  margin-top: 23px;\n  font-family: var(--sv-serif);\n  font-size: clamp(32px, 3.7vw, 48px);\n  font-weight: 400;\n  letter-spacing: .015em;\n  line-height: 1.7;\n  word-break: normal;\n}\n.suuo-v3 .sv-lead,\n.suuo-v3 .sv-lead p {\n  max-width: 32em;\n  font-size: 16px;\n  line-height: 2.05;\n}\n.suuo-v3 .sv-hero-copy > .sv-lead { margin-top: 28px; }\n.suuo-v3 .sv-hero-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px 30px;\n  margin-top: 32px;\n  font-size: 13px;\n  line-height: 1.8;\n}\n.suuo-v3 .sv-hero-links p { display: contents; }\n.suuo-v3 .sv-hero-links a { text-decoration: none; border-bottom: 1px solid var(--sv-ink); padding-bottom: 5px; }\n.suuo-v3 .sv-hero-art { padding-top: 12px; }\n.suuo-v3 .sv-character-pair {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  gap: 18px;\n  padding-bottom: 42px;\n}\n.suuo-v3 .sv-character-pair > :nth-child(2) { transform: translateY(42px); }\n.suuo-v3 .sv-character-pair figure { width: 100%; margin: 0; }\n.suuo-v3 .sv-character-pair img { display: block; width: 100%; height: auto; border: 0; border-radius: 0; }\n.suuo-v3 .sv-character-pair figcaption {\n  margin-top: 12px;\n  color: var(--sv-muted);\n  font-size: 12px;\n  line-height: 1.8;\n  text-align: left;\n}\n.suuo-v3 .sv-art-note,\n.suuo-v3 .sv-art-note p {\n  margin-top: 18px;\n  color: var(--sv-muted);\n  font-size: 12px;\n  line-height: 1.8;\n  text-align: right;\n}\n\n\/* Equal brand weight: neither name is a parent brand or a subheading. *\/\n.suuo-v3 .sv-work {\n  position: relative;\n  padding-top: 66px;\n  padding-bottom: 84px;\n}\n.suuo-v3 .sv-work::before,\n.suuo-v3 .sv-salon::before,\n.suuo-v3 .sv-about::before,\n.suuo-v3 .sv-contact::before,\n.suuo-v3 .sv-footer::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: clamp(24px, 4.1vw, 56px);\n  right: clamp(24px, 4.1vw, 56px);\n  border-top: 1px solid var(--sv-line);\n}\n.suuo-v3 .sv-section-head { max-width: 760px; }\n.suuo-v3 .sv-section-head h2 {\n  margin-top: 14px;\n  font-family: var(--sv-serif);\n  font-size: clamp(27px, 3vw, 34px);\n  font-weight: 400;\n  letter-spacing: .025em;\n  line-height: 1.65;\n}\n.suuo-v3 .sv-section-head > p:not(.sv-eyebrow),\n.suuo-v3 .sv-section-head > .sv-lead { margin-top: 20px; }\n.suuo-v3 .sv-brand-pair {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 0;\n  margin-top: 42px !important;\n  border-top: 1px solid var(--sv-ink);\n}\n.suuo-v3 .sv-brand {\n  display: flex;\n  flex-direction: column;\n  padding: 30px 40px 8px 0;\n}\n.suuo-v3 .sv-brand + .sv-brand {\n  padding-left: 40px;\n  padding-right: 0;\n  border-left: 1px solid var(--sv-line);\n}\n.suuo-v3 .sv-brand-name {\n  font-family: var(--sv-serif) !important;\n  font-size: clamp(32px, 3.8vw, 43px) !important;\n  font-weight: 400 !important;\n  letter-spacing: -.035em;\n  line-height: 1.2 !important;\n  white-space: nowrap;\n  overflow-wrap: normal !important;\n}\n.suuo-v3 .sv-reading {\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--sv-muted);\n  line-height: 1.7;\n}\n.suuo-v3 .sv-brand-tagline {\n  min-height: 3.6em;\n  margin-top: 28px;\n  font-family: var(--sv-serif);\n  font-size: 19px;\n  line-height: 1.8;\n  font-weight: 500;\n}\n.suuo-v3 .sv-description { flex-grow: 1; margin-top: 15px; font-size: 15px; line-height: 1.95; }\n.suuo-v3 .sv-service-tags {\n  margin-top: 22px;\n  color: var(--sv-accent);\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: .025em;\n  line-height: 1.8;\n}\n.suuo-v3 .sv-text-link {\n  display: inline-block;\n  align-self: flex-start;\n  width: fit-content;\n  margin-top: 22px;\n  padding-bottom: 3px;\n  border-bottom: 1px solid currentColor;\n  font-size: 13px;\n  line-height: 1.85;\n  text-decoration: none;\n}\n.suuo-v3 p.sv-text-link { border: 0; padding-bottom: 0; }\n.suuo-v3 p.sv-text-link a { display: inline-block; border-bottom: 1px solid currentColor; padding-bottom: 3px; text-decoration: none; }\n.suuo-v3 .sv-work-note { margin-top: 28px; color: var(--sv-muted); font-size: 12px; line-height: 1.9; }\n.suuo-v3 .sv-flow {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 28px;\n  margin-top: 42px !important;\n  padding-top: 27px;\n  border-top: 1px solid var(--sv-line);\n}\n.suuo-v3 .sv-flow-item > span,\n.suuo-v3 .sv-flow-number { display: block; color: var(--sv-accent); font-family: var(--sv-serif); font-size: 18px; line-height: 1.3; }\n.suuo-v3 .sv-flow-item h4 { margin-top: 11px; font-size: 15px; line-height: 1.7; font-weight: 500; }\n.suuo-v3 .sv-flow-item p { margin-top: 8px; color: var(--sv-muted); font-size: 13px; line-height: 1.85; }\n\n\/* Tea Salon has the scale and presence of a complete second activity. *\/\n.suuo-v3 .sv-salon {\n  position: relative;\n  padding-top: 76px;\n  padding-bottom: 94px;\n}\n.suuo-v3 .sv-salon-head { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px 30px; }\n.suuo-v3 .sv-salon-head > p { color: var(--sv-muted); font-size: 13px; letter-spacing: .07em; line-height: 1.7; }\n.suuo-v3 .sv-salon-head h2 {\n  font-family: var(--sv-serif);\n  font-size: clamp(64px, 8.2vw, 104px);\n  line-height: 1.1;\n  letter-spacing: -.045em;\n  font-style: italic;\n  font-weight: 400;\n}\n.suuo-v3 .sv-salon-grid {\n  display: grid;\n  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr);\n  align-items: start;\n  gap: 72px;\n  margin-top: 48px !important;\n}\n.suuo-v3 .sv-salon-feature { padding-top: 4px; }\n.suuo-v3 .sv-tea-mark {\n  max-width: 390px;\n  padding: 14px 8px 0;\n  margin-inline: auto !important;\n  color: var(--sv-ink);\n}\n.suuo-v3 .sv-tea-mark svg { display: block; width: 100%; height: auto; overflow: visible; }\n.suuo-v3 .sv-salon-quote { margin-top: 35px; }\n.suuo-v3 .sv-salon-quote,\n.suuo-v3 .sv-salon-quote h3 {\n  font-family: var(--sv-serif);\n  font-size: clamp(21px, 2.05vw, 26px);\n  line-height: 1.95;\n  font-weight: 400;\n  letter-spacing: .015em;\n}\n.suuo-v3 .sv-salon-intro,\n.suuo-v3 .sv-salon-intro p { font-size: 16px; line-height: 2.05; }\n.suuo-v3 .sv-salon-menu { margin-top: 27px !important; }\n.suuo-v3 .sv-salon-item { padding: 18px 0; border-top: 1px solid var(--sv-line); }\n.suuo-v3 .sv-salon-item h3 { font-size: 16px; font-weight: 500; line-height: 1.75; }\n.suuo-v3 .sv-salon-item p { margin-top: 7px; font-size: 14px; line-height: 1.95; }\n.suuo-v3 .sv-salon-address { margin-top: 22px !important; padding-top: 22px; border-top: 1px solid var(--sv-line); }\n.suuo-v3 .sv-salon-address p { color: var(--sv-muted); font-size: 12px; line-height: 1.95; }\n.suuo-v3 .sv-salon-address a { font-size: 13px; }\n\n\/* Biographies stay personal and unboxed. *\/\n.suuo-v3 .sv-about { position: relative; padding-top: 67px; padding-bottom: 78px; }\n.suuo-v3 .sv-profile-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px; margin-top: 38px !important; }\n.suuo-v3 .sv-profile > p:first-child { color: var(--sv-accent); font-size: 12px; letter-spacing: .08em; line-height: 1.7; }\n.suuo-v3 .sv-profile h3 { margin-top: 9px; font-family: var(--sv-serif); font-size: 31px; font-weight: 400; line-height: 1.55; }\n.suuo-v3 .sv-profile > p:not(:first-child) { margin-top: 18px; font-size: 15px; line-height: 2; }\n\n\/* Separate enquiry routes for companies and salon guests. *\/\n.suuo-v3 .sv-contact { position: relative; padding-top: 65px; padding-bottom: 76px; }\n.suuo-v3 .sv-contact-head h2 { font-family: var(--sv-serif); font-size: clamp(27px, 3.1vw, 36px); font-weight: 400; line-height: 1.65; }\n.suuo-v3 .sv-contact-head p { margin-top: 18px; font-size: 15px; line-height: 1.95; }\n.suuo-v3 .sv-contact-direct { margin-top: 28px; font-size: 14px; }\n.suuo-v3 .sv-contact-direct > span { margin-inline: 10px; color: var(--sv-muted); }\n.suuo-v3 .sv-contact-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; margin-top: 36px !important; }\n.suuo-v3 .sv-contact-option { border-top: 1px solid var(--sv-line); padding-top: 22px; }\n.suuo-v3 .sv-contact-option h3 { font-size: 17px; line-height: 1.65; font-weight: 500; }\n.suuo-v3 .sv-contact-option p { margin-top: 12px; font-size: 14px; line-height: 1.9; }\n.suuo-v3 .sv-button {\n  display: inline-block;\n  width: fit-content;\n  margin-top: 23px;\n  padding: 13px 24px;\n  color: #fff;\n  background: var(--sv-ink);\n  border: 1px solid var(--sv-ink);\n  border-radius: 0;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 1.65;\n  text-align: center;\n  text-decoration: none;\n}\n.suuo-v3 .sv-button:hover { color: #fff; background: var(--sv-accent); border-color: var(--sv-accent); }\n.suuo-v3 p.sv-button { border: 0; background: none; padding: 0; }\n.suuo-v3 p.sv-button a { display: inline-block; padding: 13px 24px; color: #fff; background: var(--sv-ink); border: 1px solid var(--sv-ink); text-decoration: none; }\n.suuo-v3 p.sv-button a:hover { background: var(--sv-accent); border-color: var(--sv-accent); }\n.suuo-v3 .sv-footer { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; padding-top: 27px; padding-bottom: 34px; }\n.suuo-v3 .sv-footer-brand,\n.suuo-v3 .sv-footer-brand p { font-size: 21px; line-height: 1.5; font-weight: 500; letter-spacing: -.025em; }\n.suuo-v3 .sv-footer-info,\n.suuo-v3 .sv-footer-info p { color: var(--sv-muted); font-size: 12px; line-height: 1.9; }\n\n@media (max-width: 1000px) and (min-width: 782px) {\n  .suuo-v3 .sv-hero { gap: 30px; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }\n  .suuo-v3 .sv-hero h1 { font-size: 36px; }\n  .suuo-v3 .sv-character-pair { gap: 13px; }\n  .suuo-v3 .sv-brand { padding-right: 28px; }\n  .suuo-v3 .sv-brand + .sv-brand { padding-left: 28px; }\n  .suuo-v3 .sv-brand-name { font-size: 36px !important; }\n  .suuo-v3 .sv-salon-grid { gap: 42px; }\n  .suuo-v3 .sv-salon-quote, .suuo-v3 .sv-salon-quote h3 { font-size: 22px; }\n}\n@media (max-width: 781px) {\n  .suuo-v3 .sv-shell { padding-inline: 24px; }\n  .suuo-v3 .sv-header { gap: 20px; padding-top: 25px; padding-bottom: 20px; }\n  .suuo-v3 .sv-logo, .suuo-v3 .sv-logo p { font-size: 29px; }\n  .suuo-v3 .sv-nav { column-gap: 16px; row-gap: 5px; font-size: 11px; }\n  .suuo-v3 .sv-hero { grid-template-columns: minmax(0,1fr); gap: 38px; padding-top: 32px; padding-bottom: 62px; }\n  .suuo-v3 .sv-hero h1 { font-size: clamp(30px, 7.8vw, 42px); line-height: 1.7; margin-top: 18px; }\n  .suuo-v3 .sv-lead, .suuo-v3 .sv-lead p { font-size: 15px; line-height: 2; }\n  .suuo-v3 .sv-hero-copy > .sv-lead { margin-top: 23px; }\n  .suuo-v3 .sv-hero-links { gap: 10px 23px; margin-top: 25px; font-size: 12px; }\n  .suuo-v3 .sv-hero-art { max-width: 440px; width: 100%; padding-top: 0; margin-inline: auto !important; }\n  .suuo-v3 .sv-character-pair { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; padding-bottom: 31px; }\n  .suuo-v3 .sv-character-pair > :nth-child(2) { transform: translateY(31px); }\n  .suuo-v3 .sv-character-pair figcaption { font-size: 11px; margin-top: 9px; }\n  .suuo-v3 .sv-art-note, .suuo-v3 .sv-art-note p { margin-top: 14px; font-size: 11px; }\n  .suuo-v3 .sv-work { padding-top: 46px; padding-bottom: 58px; }\n  .suuo-v3 .sv-work::before, .suuo-v3 .sv-salon::before, .suuo-v3 .sv-about::before, .suuo-v3 .sv-contact::before, .suuo-v3 .sv-footer::before { left: 24px; right: 24px; }\n  .suuo-v3 .sv-section-head h2 { font-size: 27px; margin-top: 11px; }\n  .suuo-v3 .sv-section-head > p:not(.sv-eyebrow) { font-size: 15px; }\n  .suuo-v3 .sv-brand-pair { grid-template-columns: minmax(0,1fr); margin-top: 31px !important; }\n  .suuo-v3 .sv-brand { padding: 26px 0 27px; }\n  .suuo-v3 .sv-brand + .sv-brand { padding: 27px 0 2px; border-left: 0; border-top: 1px solid var(--sv-line); }\n  .suuo-v3 .sv-brand-name { font-size: clamp(32px, 8.6vw, 40px) !important; }\n  .suuo-v3 .sv-brand-tagline { min-height: 0; margin-top: 22px; font-size: 18px; }\n  .suuo-v3 .sv-description { margin-top: 16px; font-size: 15px; }\n  .suuo-v3 .sv-service-tags { margin-top: 17px; }\n  .suuo-v3 .sv-text-link { margin-top: 17px; }\n  .suuo-v3 .sv-work-note { margin-top: 24px; font-size: 12px; }\n  .suuo-v3 .sv-flow { grid-template-columns: minmax(0,1fr); gap: 22px; margin-top: 31px !important; padding-top: 23px; }\n  .suuo-v3 .sv-flow-item { display: grid; grid-template-columns: 27px minmax(0,1fr); column-gap: 12px; align-items: baseline; }\n  .suuo-v3 .sv-flow-item > span, .suuo-v3 .sv-flow-number { grid-column: 1; grid-row: 1; }\n  .suuo-v3 .sv-flow-item h4 { grid-column: 2; margin-top: 0; }\n  .suuo-v3 .sv-flow-item p:not(.sv-flow-number) { grid-column: 2; margin-top: 5px; }\n  .suuo-v3 .sv-salon { padding-top: 49px; padding-bottom: 59px; }\n  .suuo-v3 .sv-salon-head { display: block; }\n  .suuo-v3 .sv-salon-head > p { font-size: 12px; }\n  .suuo-v3 .sv-salon-head h2 { font-size: clamp(62px, 17.8vw, 88px); margin-top: 9px; }\n  .suuo-v3 .sv-salon-grid { grid-template-columns: minmax(0,1fr); gap: 32px; margin-top: 21px !important; }\n  .suuo-v3 .sv-tea-mark { max-width: 360px; padding-top: 5px; }\n  .suuo-v3 .sv-salon-quote { margin-top: 18px; }\n  .suuo-v3 .sv-salon-quote, .suuo-v3 .sv-salon-quote h3 { font-size: 23px; line-height: 1.9; }\n  .suuo-v3 .sv-salon-intro, .suuo-v3 .sv-salon-intro p { font-size: 15px; line-height: 2; }\n  .suuo-v3 .sv-salon-menu { margin-top: 23px !important; }\n  .suuo-v3 .sv-about { padding-top: 47px; padding-bottom: 55px; }\n  .suuo-v3 .sv-profile-pair { grid-template-columns: minmax(0,1fr); gap: 31px; margin-top: 28px !important; }\n  .suuo-v3 .sv-profile h3 { font-size: 29px; }\n  .suuo-v3 .sv-profile > p:not(:first-child) { margin-top: 13px; }\n  .suuo-v3 .sv-contact { padding-top: 46px; padding-bottom: 54px; }\n  .suuo-v3 .sv-contact-head h2 { font-size: 28px; }\n  .suuo-v3 .sv-contact-options { grid-template-columns: minmax(0,1fr); gap: 30px; margin-top: 28px !important; }\n  .suuo-v3 .sv-contact-option { padding-top: 21px; }\n  .suuo-v3 .sv-button { margin-top: 19px; }\n  .suuo-v3 .sv-footer { display: block; padding-top: 25px; padding-bottom: 30px; }\n  .suuo-v3 .sv-footer-info { margin-top: 16px !important; }\n}\n@media (max-width: 360px) {\n  .suuo-v3 .sv-header { align-items: flex-start; }\n  .suuo-v3 .sv-nav { max-width: 190px; }\n  .suuo-v3 .sv-hero h1 { font-size: 29px; }\n  .suuo-v3 .sv-brand-name { font-size: 31px !important; }\n  .suuo-v3 .sv-salon-quote, .suuo-v3 .sv-salon-quote h3 { font-size: 21px; }\n}\n@media (prefers-reduced-motion: no-preference) {\n  .suuo-v3 a { transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease; }\n}\n@media print {\n  .suuo-v3 .sv-shell { max-width: none; padding-inline: 0; }\n  .suuo-v3 .sv-nav, .suuo-v3 .sv-hero-links { display: none; }\n  .suuo-v3 .sv-hero, .suuo-v3 .sv-work, .suuo-v3 .sv-salon, .suuo-v3 .sv-about, .suuo-v3 .sv-contact { padding-block: 25px; }\n  .suuo-v3 .sv-brand, .suuo-v3 .sv-profile, .suuo-v3 .sv-salon-item { break-inside: avoid; }\n}\n\n.suuo-contact { --sc-ink:var(--sv-ink,#292725); --sc-line:var(--sv-line,#d8d3cd); --sc-muted:var(--sv-muted,#69645f); --sc-accent:var(--sv-accent,#9d492f); color:var(--sc-ink); font-family:var(--sv-sans,Meiryo,sans-serif); font-size:15px; line-height:1.8; max-width:870px; margin:32px 0 0; }\n.suuo-contact *, .suuo-contact *::before, .suuo-contact *::after { box-sizing:border-box; }\n.suuo-contact [hidden] { display:none !important; }\n.suuo-contact :where(p,h3,fieldset,legend,ol,dl,dt,dd) { margin:0; padding:0; }\n.suuo-contact button, .suuo-contact input, .suuo-contact textarea { font:inherit; border-radius:0; }\n.suuo-contact .sc-demo-note { font-size:13px; color:var(--sc-muted); border-left:2px solid var(--sc-accent); padding:2px 0 2px 15px; margin:0 0 28px; }\n.suuo-contact .sc-steps { display:flex; gap:32px; list-style:none; border-bottom:1px solid var(--sc-line); margin:0 0 32px; padding:0; color:var(--sc-muted); font-size:13px; }\n.suuo-contact .sc-steps li { padding:0 0 14px; margin-bottom:-1px; }\n.suuo-contact .sc-steps span { font-family:Georgia,serif; font-size:18px; margin-right:7px; }\n.suuo-contact .sc-steps [aria-current] { color:var(--sc-ink); border-bottom:2px solid var(--sc-ink); }\n.suuo-contact .sc-service-fieldset { min-width:0; border:0; }\n.suuo-contact legend, .suuo-contact .sc-field > label { display:block; margin:0 0 12px; font-size:14px; font-weight:500; }\n.suuo-contact .sc-required { color:var(--sc-accent); font-size:11px; font-weight:400; margin-left:8px; }\n.suuo-contact .sc-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }\n.suuo-contact .sc-service { display:flex; gap:13px; align-items:center; padding:16px 2px; border-bottom:1px solid var(--sc-line); cursor:pointer; min-width:0; }\n.suuo-contact .sc-service:has(input:checked) { border-bottom-color:var(--sc-accent); }\n.suuo-contact input[type=radio], .suuo-contact input[type=checkbox] { flex-shrink:0; width:18px; height:18px; margin:2px 0 0; padding:0; appearance:auto; accent-color:var(--sc-accent); }\n.suuo-contact .sc-service-title { display:block; font-family:Georgia,serif; font-size:25px; line-height:1.35; font-weight:400; }\n.suuo-contact .sc-service-other { font-family:inherit; font-size:20px; }\n.suuo-contact .sc-service-caption { display:block; font-size:12px; color:var(--sc-muted); margin-top:4px; overflow-wrap:anywhere; }\n.suuo-contact .sc-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 28px; margin-top:30px; }\n.suuo-contact .sc-field { min-width:0; }\n.suuo-contact .sc-field-wide { grid-column:1\/-1; }\n.suuo-contact input[type=text], .suuo-contact input[type=email], .suuo-contact textarea { width:100%; max-width:none; min-width:0; padding:12px 14px; border:1px solid #a29b94; background:#fff; color:var(--sc-ink); box-shadow:none; font-size:16px; line-height:1.7; }\n.suuo-contact textarea { min-height:170px; resize:vertical; }\n.suuo-contact textarea::placeholder { color:#756f68; font-size:14px; }\n.suuo-contact :where(input,textarea,button,a):focus-visible { outline:2px solid var(--sc-accent); outline-offset:3px; }\n.suuo-contact :where(input,textarea)[aria-invalid=true] { border-color:#a22e23; }\n.suuo-contact .sc-hint, .suuo-contact .sc-counter { color:var(--sc-muted); font-size:12px; line-height:1.8; margin-top:6px; }\n.suuo-contact .sc-message-meta { display:flex; justify-content:space-between; gap:16px; }\n.suuo-contact .sc-counter { white-space:nowrap; font-variant-numeric:tabular-nums; }\n.suuo-contact .sc-error { color:#a22e23; font-size:13px; margin-top:7px; }\n.suuo-contact .sc-error:empty { display:none; }\n.suuo-contact .sc-consent { margin:28px 0; font-size:13px; }\n.suuo-contact .sc-consent > label { display:flex; align-items:flex-start; gap:10px; margin-top:14px; cursor:pointer; }\n.suuo-contact .sc-consent input { margin-top:3px; }\n.suuo-contact .sc-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:50px; padding:13px 24px; border:1px solid var(--sc-ink); border-radius:0; color:#fff; background:var(--sc-ink); font-size:14px; font-weight:400; line-height:1.6; cursor:pointer; text-decoration:none; }\n.suuo-contact .sc-button:hover { background:var(--sc-accent); border-color:var(--sc-accent); }\n.suuo-contact .sc-button-secondary { background:#fff; color:var(--sc-ink); }\n.suuo-contact .sc-button-secondary:hover { background:#fff; color:var(--sc-accent); }\n.suuo-contact .sc-button:disabled { opacity:.6; cursor:wait; }\n.suuo-contact .sc-actions { display:flex; gap:16px; flex-wrap:wrap; margin-top:28px; }\n.suuo-contact .sc-review h3, .suuo-contact .sc-complete h3 { font-size:24px; font-family:var(--sv-serif,serif); font-weight:400; line-height:1.8; }\n.suuo-contact .sc-review-list { margin:26px 0; }\n.suuo-contact .sc-review-list > div { display:grid; grid-template-columns:165px minmax(0,1fr); gap:20px; padding:17px 0; border-bottom:1px solid var(--sc-line); }\n.suuo-contact .sc-review-list dt { font-size:13px; color:var(--sc-muted); }\n.suuo-contact .sc-review-list dd { overflow-wrap:anywhere; white-space:pre-wrap; font-size:15px; }\n.suuo-contact .sc-alert { border-left:2px solid #a22e23; padding:10px 14px; color:#8c251c; font-size:14px; margin:0 0 24px; }\n.suuo-contact .sc-send-status { font-size:13px; color:var(--sc-muted); }\n.suuo-contact .sc-send-status:empty { display:none; }\n.suuo-contact .sc-complete { padding:24px 0 30px; }\n.suuo-contact .sc-complete-label { font-size:15px; color:var(--sc-accent); font-family:Georgia,serif; font-style:italic; margin-bottom:12px; }\n.suuo-contact .sc-complete h3 + p { margin:16px 0 24px; font-size:14px; }\n.suuo-contact .sc-honeypot { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip-path:inset(50%); }\n@media(max-width:600px) {\n  .suuo-contact { margin-top:26px; }\n  .suuo-contact .sc-fields { grid-template-columns:minmax(0,1fr); gap:22px; }\n  .suuo-contact .sc-services { grid-template-columns:1fr; gap:0; }\n  .suuo-contact .sc-service { gap:9px; padding:15px 0; align-items:flex-start; }\n  .suuo-contact .sc-service input { margin-top:6px; }\n  .suuo-contact .sc-service-title { font-size:23px; }\n  .suuo-contact .sc-service-other { font-size:18px; }\n  .suuo-contact .sc-service-caption { font-size:12px; }\n  .suuo-contact .sc-message-meta { display:block; }\n  .suuo-contact .sc-counter { display:block; text-align:right; }\n  .suuo-contact .sc-review-list > div { grid-template-columns:1fr; gap:5px; }\n  .suuo-contact .sc-actions { flex-direction:column-reverse; }\n  .suuo-contact .sc-button { width:100%; }\n  .suuo-contact .sc-steps { gap:26px; }\n}\n@media(max-width:380px) { .suuo-contact .sc-services { grid-template-columns:1fr; } }\n\n<\/style>\n\n\n\n<div class=\"wp-block-group alignfull suuo-v3 is-layout-flow wp-block-group-is-layout-flow\" id=\"sv-top\">\n<div class=\"wp-block-group sv-shell sv-header is-layout-flow wp-block-group-is-layout-flow\">\n<a class=\"sv-logo\" href=\"#sv-top\" aria-label=\"SUUO \u30c8\u30c3\u30d7\">SUUO<span>\u5973\u6027\u306e\u30d8\u30eb\u30b9\u30b1\u30a2<\/span><\/a>\n\n\n\n<nav class=\"sv-nav\" aria-label=\"\u30da\u30fc\u30b8\u5185\u30e1\u30cb\u30e5\u30fc\"><a href=\"#sv-work\">\u4f01\u696d\u5411\u3051\u30b5\u30fc\u30d3\u30b9<\/a><a href=\"#sv-salon\">Tea Salon<\/a><a href=\"#sv-books\">\u66f8\u7c4d\u7d39\u4ecb<\/a><a href=\"#sv-about\">\u79c1\u305f\u3061\u306b\u3064\u3044\u3066<\/a><a href=\"#sv-contact\">\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/nav>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-shell sv-hero is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-hero-copy is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sv-eyebrow wp-block-paragraph\">\u533b\u5e2b\u3068\u770b\u8b77\u5e2b\u304c\u3064\u304f\u308b\u3001\u5973\u6027\u306e\u30d8\u30eb\u30b9\u30b1\u30a2<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">\u50cd\u304f\u65e5\u306b\u3082\u3001<br>\u3072\u3068\u606f\u3064\u304f\u65e5\u306b\u3082\u3002<\/h1>\n\n\n\n<p class=\"sv-lead wp-block-paragraph\">\u8eab\u4f53\u306e\u3053\u3068\u3092\u76f8\u8ac7\u3067\u304d\u308b\u8077\u5834\u3068\u3001<br>\u81ea\u5206\u3092\u3044\u305f\u308f\u308b\u30b5\u30ed\u30f3\u306e\u6642\u9593\u3002<br>SUUO\u306f\u3001\u305d\u306e\u3069\u3061\u3089\u3082\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group sv-hero-links is-layout-flow wp-block-group-is-layout-flow\">\n<a class=\"sv-text-link\" href=\"#sv-work\">\u4f01\u696d\u5411\u3051\u30b5\u30fc\u30d3\u30b9\u3092\u898b\u308b<span aria-hidden=\"true\">&nbsp;\u2192<\/span><\/a>\n\n\n\n<a class=\"sv-text-link\" href=\"#sv-salon\">Tea Salon\u3092\u898b\u308b<span aria-hidden=\"true\">&nbsp;\u2192<\/span><\/a>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-hero-art is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns is-not-stacked-on-mobile sv-character-pair is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column sv-character is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large sv-portrait\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/\u6700\u7d42\u8272\u8abf\u6574-768x1024.png\" alt=\"\u767d\u8863\u59ff\u306e\u307d\u3093\u3072\u306a\uff08\u533b\u5e2b\uff09\u306e\u30a4\u30e9\u30b9\u30c8\" class=\"wp-image-24\" srcset=\"https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/\u6700\u7d42\u8272\u8abf\u6574-768x1024.png 768w, https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/\u6700\u7d42\u8272\u8abf\u6574-225x300.png 225w, https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/\u6700\u7d42\u8272\u8abf\u6574.png 1086w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">\u307d\u3093\u3072\u306a <span>\u533b\u5e2b<\/span><\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column sv-character is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large sv-portrait\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" src=\"https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/7ffa12e5-9e81-4390-aa7e-657328bc93ed-1-768x1024.png\" alt=\"\u3077\u3093\u3059\uff08\u770b\u8b77\u5e2b\uff09\u3068\u5b50\u3069\u3082\u306e\u30a4\u30e9\u30b9\u30c8\" class=\"wp-image-26\" srcset=\"https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/7ffa12e5-9e81-4390-aa7e-657328bc93ed-1-768x1024.png 768w, https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/7ffa12e5-9e81-4390-aa7e-657328bc93ed-1-225x300.png 225w, https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/06\/7ffa12e5-9e81-4390-aa7e-657328bc93ed-1.png 1086w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">\u3077\u3093\u3059 <span>\u770b\u8b77\u5e2b<\/span><\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"sv-art-note wp-block-paragraph\">\u307d\u3093\u3072\u306a \uff06 \u3077\u3093\u3059<\/p>\n<\/div>\n<\/div>\n\n\n\n<div id=\"sv-work\" class=\"wp-block-group sv-shell sv-work is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-section-head is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sv-eyebrow wp-block-paragraph\">\u4f01\u696d\u30fb\u56e3\u4f53\u306e\u7686\u3055\u307e\u3078<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u4f01\u696d\u3067\u306e\u5065\u5eb7\u652f\u63f4<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5973\u6027\u306e\u5065\u5eb7\u306b\u3064\u3044\u3066\u3001\u76f8\u8ac7\u3059\u308b\u6a5f\u4f1a\u3068\u5b66\u3076\u6a5f\u4f1a\u3092\u3002<br>\u4f01\u696d\u306e\u76ee\u7684\u3084\u53c2\u52a0\u8005\u306b\u5408\u308f\u305b\u3066\u3001\u5185\u5bb9\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns sv-brand-pair is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column sv-brand is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading sv-brand-name\">FemVisit<\/h3>\n\n\n\n<p class=\"sv-reading wp-block-paragraph\">\u30d5\u30a7\u30e0\u30d3\u30b8\u30c3\u30c8<\/p>\n\n\n\n<p class=\"sv-brand-tagline wp-block-paragraph\">\u50cd\u304f\u5973\u6027\u306e\u3082\u3068\u3078\u3001\u533b\u7642\u3092\u5c4a\u3051\u308b\u3002<\/p>\n\n\n\n<p class=\"sv-description wp-block-paragraph\">\u533b\u5e2b\u30fb\u770b\u8b77\u5e2b\u304c\u4f01\u696d\u3092\u8a2a\u554f\u3057\u3001\u6708\u7d4c\u3084\u66f4\u5e74\u671f\u306a\u3069\u306e\u5065\u5eb7\u76f8\u8ac7\u3092\u304a\u53d7\u3051\u3057\u307e\u3059\u3002\u63a1\u8840\u30fb\u691c\u67fb\u306b\u3064\u3044\u3066\u3082\u3001\u5b9f\u65bd\u4f53\u5236\u3068\u4f1a\u5834\u6761\u4ef6\u3092\u78ba\u8a8d\u3057\u3066\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"sv-service-tags wp-block-paragraph\">\u5065\u5eb7\u76f8\u8ac7 \uff0f \u63a1\u8840\u30fb\u691c\u67fb\u306e\u3054\u76f8\u8ac7<\/p>\n\n\n\n<a class=\"sv-text-link\" href=\"#sv-contact\" data-suuo-service=\"femvisit\">FemVisit\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3059\u308b<span aria-hidden=\"true\">&nbsp;\u2192<\/span><\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column sv-brand is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading sv-brand-name\">FemCare Works<\/h3>\n\n\n\n<p class=\"sv-reading wp-block-paragraph\">\u30d5\u30a7\u30e0\u30b1\u30a2\u30ef\u30fc\u30af\u30b9<\/p>\n\n\n\n<p class=\"sv-brand-tagline wp-block-paragraph\">\u5973\u6027\u306e\u5065\u5eb7\u304c\u3001\u50cd\u304f\u672a\u6765\u3092\u3064\u304f\u308b\u3002<\/p>\n\n\n\n<p class=\"sv-description wp-block-paragraph\">\u5973\u6027\u306e\u5065\u5eb7\u3092\u30c6\u30fc\u30de\u306b\u3001\u76f8\u8ac7\u4f1a\u3084\u30bb\u30df\u30ca\u30fc\u3092\u4f01\u753b\u3057\u307e\u3059\u3002\u5f93\u696d\u54e1\u3001\u7ba1\u7406\u8077\u3001\u4eba\u4e8b\u62c5\u5f53\u8005\u306a\u3069\u3001\u53c2\u52a0\u3055\u308c\u308b\u65b9\u306b\u5408\u308f\u305b\u3066\u5185\u5bb9\u3092\u7d44\u307f\u7acb\u3066\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"sv-service-tags wp-block-paragraph\">\u76f8\u8ac7\u4f1a \uff0f \u30bb\u30df\u30ca\u30fc<\/p>\n\n\n\n<a class=\"sv-text-link\" href=\"#sv-contact\" data-suuo-service=\"femcare\">FemCare Works\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3059\u308b<span aria-hidden=\"true\">&nbsp;\u2192<\/span><\/a>\n<\/div>\n<\/div>\n\n\n\n<p class=\"sv-work-note wp-block-paragraph\">\u5065\u5eb7\u76f8\u8ac7\u30fb\u691c\u67fb\u30fb\u30bb\u30df\u30ca\u30fc\u306f\u3001\u3054\u5e0c\u671b\u306b\u5408\u308f\u305b\u3066\u7d44\u307f\u5408\u308f\u305b\u3092\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u5185\u5bb9\u30fb\u6599\u91d1\u30fb\u5bfe\u5fdc\u30a8\u30ea\u30a2\u3001\u500b\u5225\u76f8\u8ac7\u3084\u691c\u67fb\u7d50\u679c\u306e\u53d6\u308a\u6271\u3044\u306f\u3001\u5c0e\u5165\u6642\u306b\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group sv-flow is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-flow-item is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"sv-flow-number\">1<\/span>\n\n\n\n<h4 class=\"wp-block-heading\">\u307e\u305a\u306f\u3054\u76f8\u8ac7<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u76ee\u7684\u30fb\u4eba\u6570\u30fb\u5834\u6240\u30fb\u3054\u5e0c\u671b\u3092\u4f3a\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-flow-item is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"sv-flow-number\">2<\/span>\n\n\n\n<h4 class=\"wp-block-heading\">\u5185\u5bb9\u3068\u8cbb\u7528\u306e\u3054\u6848\u5185<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b9f\u65bd\u65b9\u6cd5\u3084\u4f1a\u5834\u74b0\u5883\u3092\u78ba\u8a8d\u3057\u3001\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-flow-item is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"sv-flow-number\">3<\/span>\n\n\n\n<h4 class=\"wp-block-heading\">\u65e5\u7a0b\u3092\u6c7a\u3081\u3066\u5b9f\u65bd<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e8b\u524d\u306b\u5408\u610f\u3057\u305f\u5185\u5bb9\u3067\u3001\u8a2a\u554f\u3084\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u5b9f\u65bd\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"sv-salon\" class=\"wp-block-group sv-shell sv-salon is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-salon-head is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sv-eyebrow wp-block-paragraph\">Grace Earth Clinic<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tea Salon<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-columns sv-salon-grid is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column sv-salon-feature is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"sv-tea-mark\" aria-hidden=\"true\">\n<svg viewBox=\"0 0 360 240\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n<path d=\"M40 166C42 180 92 191 149 188C188 187 215 178 220 168\"\/>\n<path d=\"M43 165C59 158 80 155 96 155M177 156C195 158 211 162 220 168\"\/>\n<path d=\"M73 105C75 131 78 157 97 166C119 177 153 174 167 159C176 149 180 126 181 105\"\/>\n<ellipse cx=\"127\" cy=\"104\" rx=\"54\" ry=\"12\"\/>\n<path d=\"M85 106C108 99 144 99 169 106\"\/>\n<path d=\"M182 112C216 102 222 131 201 143C194 147 186 148 178 148\"\/>\n<path d=\"M183 122C199 116 205 127 195 133C191 136 187 137 181 138\"\/>\n<path d=\"M104 79C94 68 117 59 108 47M137 77C127 63 151 54 141 39\"\/>\n<path d=\"M231 157L281 127L323 143L276 173Z\"\/>\n<path d=\"M231 157L234 181L277 196L276 173M277 196L322 165L323 143\"\/>\n<path d=\"M241 157L280 135L308 145M242 163L269 173\"\/>\n<path d=\"M246 172L247 177M255 174L256 181M265 178L266 184M286 177L287 181M296 170L296 175M305 164L305 169\"\/>\n<path d=\"M217 185C239 203 306 212 335 178M220 184C221 182 224 180 227 179\"\/>\n<path d=\"M58 204L114 215M113 211C122 207 134 214 133 217C130 222 116 219 113 215\"\/>\n<\/svg><\/div>\n\n\n\n<h3 class=\"wp-block-heading sv-salon-quote\">\u691c\u67fb\u3067\u77e5\u308a\u3001\u65bd\u8853\u3067\u6574\u3048\u3001<br>\u304a\u8336\u3068\u304a\u83d3\u5b50\u3067<br>\u4f59\u97fb\u3092\u697d\u3057\u3080\u3002<\/h3>\n\n\n\n<p class=\"sv-salon-aside wp-block-paragraph\">\u5e74\u9f62\u3092\u91cd\u306d\u308b\u3053\u3068\u3092\u3001<br>\u81ea\u5206\u3092\u6574\u3048\u308b\u304d\u3063\u304b\u3051\u306b\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column sv-salon-copy is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"sv-salon-intro wp-block-paragraph\">Grace Earth Clinic Tea Salon\u306f\u3001\u5e74\u9f62\u3092\u91cd\u306d\u308b\u5973\u6027\u304c\u3001\u81ea\u5206\u306e\u8eab\u4f53\u3068\u5fc3\u306b\u5411\u304d\u5408\u3046\u305f\u3081\u306e\u6642\u9593\u3092\u304a\u5c4a\u3051\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u75b2\u308c\u3084\u3086\u3089\u304e\u3001\u7f8e\u5bb9\u3001\u9aea\u3084\u808c\u306e\u5909\u5316\u306a\u3069\u3001\u305d\u306e\u3068\u304d\u306e\u6c17\u304c\u304b\u308a\u3092\u4f3a\u3044\u307e\u3059\u3002\u533b\u7642\u3068\u3057\u3066\u306e\u5b89\u5fc3\u611f\u3068\u3001\u30b5\u30ed\u30f3\u3067\u904e\u3054\u3059\u3088\u3046\u306a\u5fc3\u5730\u3088\u3055\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-group sv-salon-menu is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-salon-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">\u691c\u67fb\u3067\u3001\u4eca\u306e\u81ea\u5206\u3092\u77e5\u308b<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u691c\u67fb\u306b\u3088\u308b\u5185\u5074\u306e\u898b\u3048\u308b\u5316\u3092\u901a\u3058\u3066\u3001\u3054\u81ea\u8eab\u306e\u4f53\u8abf\u3084\u30b1\u30a2\u306b\u3064\u3044\u3066\u8003\u3048\u308b\u304d\u3063\u304b\u3051\u306b\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-salon-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">\u70b9\u6ef4\u30fb\u4e0a\u6e05\u30b1\u30a2\u306e\u3054\u76f8\u8ac7<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f53\u8abf\u3084\u3054\u5e0c\u671b\u3092\u4f3a\u3044\u3001\u62c5\u5f53\u533b\u304c\u30b1\u30a2\u306e\u5185\u5bb9\u3068\u9069\u5fdc\u3092\u78ba\u8a8d\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-salon-item is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">\u304a\u8336\u3068\u304a\u83d3\u5b50\u304b\u3089\u306f\u3058\u307e\u308b\u3001\u304a\u304b\u3057\u7642\u6cd5<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u304a\u8336\u306e\u9999\u308a\u3092\u697d\u3057\u307f\u3001\u5c0f\u3055\u306a\u304a\u83d3\u5b50\u3092\u5473\u308f\u3046\u3002<br>\n\u8eab\u4f53\u306e\u3053\u3068\u3084\u3001\u65e5\u3005\u306e\u6c17\u304c\u304b\u308a\u3092\u8a71\u3057\u3066\u307f\u308b\u3002<br><br>\nSUUO\u306e\u300c\u304a\u304b\u3057\u7642\u6cd5\u300d\u306f\u3001\u304a\u8336\u3068\u304a\u83d3\u5b50\u3001\u305d\u3057\u3066\u4f1a\u8a71\u3092\u304d\u3063\u304b\u3051\u306b\u3001\u81ea\u5206\u306e\u8eab\u4f53\u3068\u5fc3\u306b\u76ee\u3092\u5411\u3051\u308b\u6642\u9593\u306e\u63d0\u6848\u3067\u3059\u3002<br><br>\n\u533b\u5e2b\u3068\u770b\u8b77\u5e2b\u3001\u305d\u308c\u305e\u308c\u306e\u8996\u70b9\u3067\u304a\u8a71\u3092\u4f3a\u3044\u306a\u304c\u3089\u3001\u81ea\u5206\u306b\u5408\u3046\u30b1\u30a2\u3092\u8003\u3048\u308b\u6642\u9593\u3092\u5927\u5207\u306b\u3057\u307e\u3059\u3002<br><br>\n\u300c\u304a\u304b\u3057\u7642\u6cd5\u300d\u306f\u3001\u75c5\u6c17\u3092\u6cbb\u3059\u305f\u3081\u306e\u6cbb\u7642\u6cd5\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u533b\u7642\u6a5f\u95a2\u3067\u306e\u8a3a\u65ad\u30fb\u6cbb\u7642\u306b\u4ee3\u308f\u308b\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-salon-address is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Grace Earth Clinic Tea Salon<br>\u6771\u4eac\u90fd\u6e0b\u8c37\u533a\u4ee3\u3005\u67281-35-3<br>toDOe\u4ee3\u3005\u67287\u968e<\/p>\n\n\n\n<a class=\"sv-text-link\" href=\"#sv-contact\" data-suuo-service=\"salon\">Tea Salon\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3059\u308b<span aria-hidden=\"true\">&nbsp;\u2192<\/span><\/a>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<style>\n#sv-books.suuo-books {\n  --sb-ink: #2e3730;\n  --sb-muted: #646c61;\n  --sb-line: #dfe3d9;\n  --sb-accent: #52654b;\n  box-sizing: border-box;\n  width: 100%;\n  margin: 0;\n  padding: clamp(48px, 4.4vw, 64px) 0;\n  background: #fff;\n  color: var(--sb-ink);\n  font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", Meiryo, sans-serif;\n  text-align: left;\n  scroll-margin-top: 96px;\n}\n#sv-books.suuo-books *,\n#sv-books.suuo-books *::before,\n#sv-books.suuo-books *::after { box-sizing: border-box; }\n#sv-books.suuo-books .suuo-books__inner {\n  width: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 0 clamp(24px, 4.2vw, 56px);\n}\n#sv-books.suuo-books .suuo-books__header {\n  display: flex;\n  align-items: baseline;\n  gap: 24px;\n  margin: 0 0 30px;\n  padding: 0 0 16px;\n  border-bottom: 1px solid var(--sb-line);\n}\n#sv-books.suuo-books .suuo-books__eyebrow {\n  margin: 0;\n  padding: 0;\n  color: var(--sb-accent);\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 1.6;\n  letter-spacing: .18em;\n}\n#sv-books.suuo-books .suuo-books__heading {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: none;\n  color: var(--sb-ink);\n  font-family: Georgia, \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Noto Serif CJK JP\", serif;\n  font-size: clamp(26px, 2.7vw, 34px);\n  font-weight: 400;\n  line-height: 1.5;\n  letter-spacing: .08em;\n}\n#sv-books.suuo-books .suuo-books__grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  column-gap: clamp(40px, 6.5vw, 84px);\n  row-gap: 60px;\n}\n#sv-books.suuo-books .suuo-books__book {\n  min-width: 0;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  background: none;\n}\n#sv-books.suuo-books .suuo-books__cover {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 280px;\n  margin: 0 0 24px;\n  padding: 0;\n}\n#sv-books.suuo-books .suuo-books__cover img {\n  display: block;\n  width: auto;\n  max-width: 100%;\n  height: 280px;\n  max-height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  object-fit: contain;\n}\n#sv-books.suuo-books .suuo-books__title {\n  margin: 0 0 10px;\n  padding: 0;\n  border: 0;\n  background: none;\n  color: var(--sb-ink);\n  font-family: Georgia, \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Noto Serif CJK JP\", serif;\n  font-size: clamp(23px, 2.05vw, 26px);\n  font-weight: 400;\n  line-height: 1.55;\n  letter-spacing: .025em;\n}\n#sv-books.suuo-books .suuo-books__title span { display: block; }\n#sv-books.suuo-books .suuo-books__subtitle {\n  min-height: 27px;\n  margin: 0 0 14px;\n  padding: 0;\n  color: var(--sb-muted);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.9;\n  letter-spacing: .025em;\n}\n#sv-books.suuo-books .suuo-books__meta {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 20px;\n  row-gap: 4px;\n  margin: 0 0 20px;\n  padding: 0 0 14px;\n  border-bottom: 1px solid var(--sb-line);\n  color: var(--sb-muted);\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.8;\n  letter-spacing: .015em;\n}\n#sv-books.suuo-books .suuo-books__meta span { white-space: nowrap; }\n#sv-books.suuo-books .suuo-books__description p {\n  margin: 0 0 1em;\n  padding: 0;\n  color: var(--sb-ink);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 2;\n  letter-spacing: .025em;\n  overflow-wrap: break-word;\n}\n#sv-books.suuo-books .suuo-books__description p:last-child { margin-bottom: 0; }\n@media (max-width: 780px) {\n  #sv-books.suuo-books .suuo-books__header { gap: 18px; margin-bottom: 38px; }\n  #sv-books.suuo-books .suuo-books__grid { grid-template-columns: minmax(0, 1fr); gap: 56px; }\n  #sv-books.suuo-books .suuo-books__book + .suuo-books__book { padding-top: 48px; border-top: 1px solid var(--sb-line); }\n  #sv-books.suuo-books .suuo-books__cover { margin-bottom: 26px; }\n  #sv-books.suuo-books .suuo-books__title { font-size: 25px; }\n  #sv-books.suuo-books .suuo-books__subtitle { min-height: 0; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #sv-books.suuo-books { scroll-behavior: auto; }\n}\n<\/style>\n\n<section id=\"sv-books\" class=\"suuo-books\" aria-labelledby=\"suuo-books-heading\">\n  <div class=\"suuo-books__inner\">\n    <header class=\"suuo-books__header\">\n      <p class=\"suuo-books__eyebrow\" aria-hidden=\"true\">BOOKS<\/p>\n      <h2 id=\"suuo-books-heading\" class=\"suuo-books__heading\">\u66f8\u7c4d\u7d39\u4ecb<\/h2>\n    <\/header>\n\n    <div class=\"suuo-books__grid\">\n      <article class=\"suuo-books__book\" aria-labelledby=\"suuo-books-essay-title\">\n        <figure class=\"suuo-books__cover\">\n          <img src=\"https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/11\/%E6%9B%B8%E7%B1%8D%EF%BC%91.jpg\" width=\"628\" height=\"905\" alt=\"\u300c\u304a\u304b\u3057\u7642\u6cd5\u300d\u3068\u3044\u3046\u3084\u3055\u3057\u3044\u7fd2\u6163 \u2015 \u672a\u6765\u306e\u79c1\u3068\u697d\u3057\u3080\u304a\u83d3\u5b50\u306e\u8868\u7d19\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <h3 id=\"suuo-books-essay-title\" class=\"suuo-books__title\"><span>\u300c\u304a\u304b\u3057\u7642\u6cd5\u300d\u3068\u3044\u3046<\/span><span>\u3084\u3055\u3057\u3044\u7fd2\u6163<\/span><\/h3>\n        <p class=\"suuo-books__subtitle\">\u672a\u6765\u306e\u79c1\u3068\u697d\u3057\u3080\u304a\u83d3\u5b50<\/p>\n        <div class=\"suuo-books__meta\">\n          <span>\u8457\u8005\uff1a\u307d\u3093\u3072\u306a\uff06\u3077\u3093\u3059<\/span>\n          <span><time datetime=\"2026-10-13\">2026\/10\/13<\/time> \u767a\u58f2\u4e2d<\/span>\n        <\/div>\n        <div class=\"suuo-books__description\">\n          <p>\u300e\u304a\u304b\u3057\u7642\u6cd5\u3068\u3044\u3046\u3084\u3055\u3057\u3044\u7fd2\u6163\u300f\u306f\u3001\u304a\u83d3\u5b50\u597d\u304d\u306e\u533b\u5e2b\u30fb\u307d\u3093\u3072\u306a\u3068\u770b\u8b77\u5e2b\u30fb\u3077\u3093\u3059\u304c\u7db4\u308b\u300140\u6b73\u304b\u3089\u306e\u5973\u6027\u306e\u65e5\u3005\u306b\u5bc4\u308a\u6dfb\u304640\u306e\u30a8\u30c3\u30bb\u30fc\u3002\u767d\u9aea\u3001\u5927\u798f\u3001\u591c\u4e2d\u306e\u30b1\u30fc\u30ad\u3001\u5bb6\u4e8b\u3084\u5b50\u80b2\u3066\u306a\u3069\u3001\u5c11\u3057\u60c5\u3051\u306a\u304f\u3066\u611b\u304a\u3057\u3044\u65e5\u5e38\u3092\u3001\u304a\u83d3\u5b50\u306e\u30a4\u30e9\u30b9\u30c8\u3068\u3068\u3082\u306b\u63cf\u304d\u307e\u3059\u3002<\/p>\n          <p>\u5065\u5eb7\u3082\u597d\u304d\u306a\u304a\u83d3\u5b50\u3082\u5927\u5207\u306b\u3057\u306a\u304c\u3089\u3001\u81ea\u5206\u3092\u3044\u305f\u308f\u308b\u6642\u9593\u3092\u898b\u3064\u3051\u308b1\u518a\u3067\u3059\u3002\u6700\u5f8c\u306b\u3001\u5fc3\u3068\u4f53\u306b\u76ee\u3092\u5411\u3051\u308b\u300c\u304a\u304b\u3057\u7642\u6cd5\u300d\u306b\u3064\u3044\u3066\u3082\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"suuo-books__book\" aria-labelledby=\"suuo-books-meeting-title\">\n        <figure class=\"suuo-books__cover\">\n          <img src=\"https:\/\/www.suuo.jp\/wp-content\/uploads\/2026\/11\/%E6%9B%B8%E7%B1%8D2.jpg\" width=\"1078\" height=\"1518\" alt=\"\u307d\u3093\u3072\u306a\uff06\u3077\u3093\u3059\u306e\u304a\u83d3\u5b50\u4f1a\u8b70 \u2015 \u66f4\u5e74\u671f\u3068\u3001\u304a\u3084\u3064\u3068\u3001\u304b\u3089\u3060\u306e \u304a\u304b\u3057\u7642\u6cd5\u306e\u8868\u7d19\" loading=\"lazy\" decoding=\"async\">\n        <\/figure>\n        <h3 id=\"suuo-books-meeting-title\" class=\"suuo-books__title\"><span>\u307d\u3093\u3072\u306a\uff06\u3077\u3093\u3059\u306e<\/span><span>\u304a\u83d3\u5b50\u4f1a\u8b70<\/span><\/h3>\n        <p class=\"suuo-books__subtitle\">\u66f4\u5e74\u671f\u3068\u3001\u304a\u3084\u3064\u3068\u3001\u304b\u3089\u3060\u306e \u304a\u304b\u3057\u7642\u6cd5<\/p>\n        <div class=\"suuo-books__meta\">\n          <span>\u8457\u8005\uff1a\u307d\u3093\u3072\u306a\uff06\u3077\u3093\u3059<\/span>\n          <span><time datetime=\"2026-10-19\">2026\/10\/19<\/time> \u767a\u58f2\u4e2d<\/span>\n        <\/div>\n        <div class=\"suuo-books__description\">\n          <p>\u8ab0\u304b\u306e\u305f\u3081\u306b\u9811\u5f35\u308b\u6bce\u65e5\u306b\u3001\u81ea\u5206\u3092\u5927\u5207\u306b\u3059\u308b\u304a\u83d3\u5b50\u306e\u6642\u9593\u3092\u3002\u5973\u6027\u5185\u79d1\u306e\u8a3a\u7642\u3068\u7d30\u80de\u7814\u7a76\u306b\u643a\u308f\u308b\u533b\u5e2b\u307d\u3093\u3072\u306a\u3068\u3001\u770b\u8b77\u5e2b\u3077\u3093\u3059\u304c\u3001\u66f4\u5e74\u671f\u306e\u5fc3\u3068\u304b\u3089\u3060\u3001\u304a\u3084\u3064\u306e\u9078\u3073\u65b9\u3084\u98df\u3079\u65b9\u3092\u3084\u3055\u3057\u304f\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n          <p>\u300c\u304a\u304b\u3057\u7642\u6cd5\u300d\u306f\u3001\u304a\u83d3\u5b50\u3067\u75c5\u6c17\u3092\u6cbb\u3059\u65b9\u6cd5\u3067\u306f\u306a\u304f\u3001\u304a\u8336\u3068\u304a\u83d3\u5b50\u3092\u304d\u3063\u304b\u3051\u306b\u81ea\u5206\u3092\u3044\u305f\u308f\u308b\u7fd2\u6163\u3002\u6804\u990a\u306e\u57fa\u672c\u304b\u3089\u3001\u91cf\u3084\u6642\u9593\u3001\u98f2\u307f\u7269\u3068\u306e\u7d44\u307f\u5408\u308f\u305b\u307e\u3067\u3001\u697d\u3057\u3080\u5de5\u592b\u3092\u5c4a\u3051\u307e\u3059\u3002\u7518\u3044\u3082\u306e\u3082\u3001\u81ea\u5206\u3089\u3057\u3055\u3082\u5927\u5207\u306b\u3057\u305f\u3044\u3042\u306a\u305f\u3078\u3002<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n\n<div id=\"sv-about\" class=\"wp-block-group sv-shell sv-about is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-section-head is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sv-eyebrow wp-block-paragraph\">\u79c1\u305f\u3061\u306b\u3064\u3044\u3066<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u307d\u3093\u3072\u306a \uff06 \u3077\u3093\u3059<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5c02\u9580\u7684\u306a\u3053\u3068\u3082\u3001\u65e5\u3005\u306e\u5c0f\u3055\u306a\u6c17\u304c\u304b\u308a\u3082\u3002<br>\u533b\u5e2b\u3068\u770b\u8b77\u5e2b\u3001\u305d\u308c\u305e\u308c\u306e\u8996\u70b9\u3067\u304a\u8a71\u3092\u4f3a\u3044\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-columns sv-profile-pair is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column sv-profile is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"sv-reading wp-block-paragraph\">\u533b\u5e2b<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u307d\u3093\u3072\u306a<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u533b\u5e2b\u306e\u8996\u70b9\u304b\u3089\u3001\u6708\u7d4c\u3084\u66f4\u5e74\u671f\u3092\u306f\u3058\u3081\u3068\u3059\u308b\u5973\u6027\u306e\u5065\u5eb7\u3092\u308f\u304b\u308a\u3084\u3059\u304f\u304a\u4f1d\u3048\u3057\u307e\u3059\u3002\u8eab\u4f53\u306e\u5909\u5316\u3084\u65e5\u3005\u306e\u6c17\u304c\u304b\u308a\u306b\u5411\u304d\u5408\u3044\u3001\u81ea\u5206\u306b\u5408\u3046\u30b1\u30a2\u3084\u53d7\u8a3a\u3092\u8003\u3048\u308b\u304a\u624b\u4f1d\u3044\u3092\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column sv-profile is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"sv-reading wp-block-paragraph\">\u770b\u8b77\u5e2b<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u3077\u3093\u3059<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u770b\u8b77\u5e2b\u306e\u8996\u70b9\u304b\u3089\u3001\u4ed5\u4e8b\u3084\u66ae\u3089\u3057\u306e\u4e2d\u3067\u611f\u3058\u308b\u5c0f\u3055\u306a\u4e0d\u8abf\u3084\u3001\u8a71\u3057\u306b\u304f\u3044\u60a9\u307f\u306b\u8033\u3092\u50be\u3051\u307e\u3059\u3002\u304a\u8336\u3084\u304a\u83d3\u5b50\u3092\u4f1a\u8a71\u306e\u304d\u3063\u304b\u3051\u306b\u3001\u6c17\u517c\u306d\u306a\u304f\u76f8\u8ac7\u3067\u304d\u308b\u3001\u3042\u305f\u305f\u304b\u306a\u6642\u9593\u3092\u5927\u5207\u306b\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"sv-contact\" class=\"wp-block-group sv-shell sv-contact is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-contact-head is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">\u3054\u76f8\u8ac7\u30fb\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f01\u696d\u5411\u3051\u306e\u6d3b\u52d5\u3082\u3001Tea Salon\u3067\u306e\u904e\u3054\u3057\u65b9\u3082\u3002<br>\u3054\u5e0c\u671b\u306b\u5408\u308f\u305b\u3066\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n<\/div>\n\n\n\n<div class=\"suuo-contact\" data-mode=\"live\" data-endpoint=\"https:\/\/www.suuo.jp\/wp-admin\/admin-ajax.php\">\n  <p class=\"sc-demo-note\" data-demo-note hidden>\u30aa\u30d5\u30e9\u30a4\u30f3\u898b\u672c\u3067\u3059\u3002\u5165\u529b\u30fb\u78ba\u8a8d\u30fb\u5b8c\u4e86\u753b\u9762\u3092\u304a\u8a66\u3057\u3044\u305f\u3060\u3051\u307e\u3059\u3002\u30e1\u30fc\u30eb\u306f\u9001\u4fe1\u3055\u308c\u307e\u305b\u3093\u3002<\/p>\n  <ol class=\"sc-steps\" aria-label=\"\u304a\u554f\u3044\u5408\u308f\u305b\u306e\u624b\u9806\">\n    <li data-step=\"edit\" aria-current=\"step\"><span>01<\/span> \u5165\u529b<\/li>\n    <li data-step=\"review\"><span>02<\/span> \u78ba\u8a8d<\/li>\n    <li data-step=\"complete\"><span>03<\/span> \u5b8c\u4e86<\/li>\n  <\/ol>\n  <form class=\"sc-form\" method=\"post\" novalidate>\n    <div class=\"sc-alert\" data-validation-alert role=\"alert\" tabindex=\"-1\" hidden><\/div>\n    <fieldset class=\"sc-service-fieldset\">\n      <legend>\u3054\u76f8\u8ac7\u5148 <span class=\"sc-required\">\u5fc5\u9808<\/span><\/legend>\n      <div class=\"sc-services\">\n        <label class=\"sc-service\"><input type=\"radio\" name=\"service\" value=\"femvisit\" required aria-describedby=\"sc-service-error\"><span><span class=\"sc-service-title\">FemVisit<\/span><span class=\"sc-service-caption\">\u4f01\u696d\u8a2a\u554f\u30fb\u5065\u5eb7\u76f8\u8ac7\u30fb\u691c\u67fb<\/span><\/span><\/label>\n        <label class=\"sc-service\"><input type=\"radio\" name=\"service\" value=\"femcare\" required aria-describedby=\"sc-service-error\"><span><span class=\"sc-service-title\">FemCare Works<\/span><span class=\"sc-service-caption\">\u76f8\u8ac7\u4f1a\u30fb\u30bb\u30df\u30ca\u30fc<\/span><\/span><\/label>\n        <label class=\"sc-service\"><input type=\"radio\" name=\"service\" value=\"salon\" required aria-describedby=\"sc-service-error\"><span><span class=\"sc-service-title\">Tea Salon<\/span><span class=\"sc-service-caption\">Grace Earth Clinic Tea Salon<\/span><\/span><\/label>\n        <label class=\"sc-service\"><input type=\"radio\" name=\"service\" value=\"other\" required aria-describedby=\"sc-service-error\"><span><span class=\"sc-service-title sc-service-other\">\u305d\u306e\u4ed6<\/span><span class=\"sc-service-caption\">\u76f8\u8ac7\u5148\u304c\u304a\u6c7a\u307e\u308a\u3067\u306a\u3044\u65b9\u3082<\/span><\/span><\/label>\n      <\/div>\n      <p id=\"sc-service-error\" class=\"sc-error\" data-error=\"service\"><\/p>\n    <\/fieldset>\n    <div class=\"sc-fields\">\n      <div class=\"sc-field\">\n        <label for=\"sc-name\">\u304a\u540d\u524d <span class=\"sc-required\">\u5fc5\u9808<\/span><\/label>\n        <input id=\"sc-name\" name=\"name\" type=\"text\" autocomplete=\"name\" maxlength=\"100\" required aria-describedby=\"sc-name-error\">\n        <p id=\"sc-name-error\" class=\"sc-error\" data-error=\"name\"><\/p>\n      <\/div>\n      <div class=\"sc-field\">\n        <label for=\"sc-email\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 <span class=\"sc-required\">\u5fc5\u9808<\/span><\/label>\n        <input id=\"sc-email\" name=\"email\" type=\"email\" autocomplete=\"email\" maxlength=\"254\" required aria-describedby=\"sc-email-hint sc-email-error\">\n        <p id=\"sc-email-hint\" class=\"sc-hint\">\u3053\u3061\u3089\u306e\u30a2\u30c9\u30ec\u30b9\u3078\u304a\u8fd4\u4e8b\u3057\u307e\u3059\u3002<\/p>\n        <p id=\"sc-email-error\" class=\"sc-error\" data-error=\"email\"><\/p>\n      <\/div>\n      <div class=\"sc-field sc-field-wide\" data-company-row hidden>\n        <label for=\"sc-company\">\u4f01\u696d\u30fb\u56e3\u4f53\u540d <span class=\"sc-required\">\u5fc5\u9808<\/span><\/label>\n        <input id=\"sc-company\" name=\"company\" type=\"text\" autocomplete=\"organization\" maxlength=\"160\" disabled aria-describedby=\"sc-company-error\">\n        <p id=\"sc-company-error\" class=\"sc-error\" data-error=\"company\"><\/p>\n      <\/div>\n      <div class=\"sc-field sc-field-wide\">\n        <label for=\"sc-message\">\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9 <span class=\"sc-required\">\u5fc5\u9808<\/span><\/label>\n        <textarea id=\"sc-message\" name=\"message\" rows=\"6\" maxlength=\"3000\" required aria-describedby=\"sc-message-hint sc-message-error\" placeholder=\"\u3054\u5e0c\u671b\u306e\u5185\u5bb9\u3084\u65e5\u7a0b\u306a\u3069\u3001\u307e\u305a\u306f\u6982\u8981\u3092\u304a\u77e5\u3089\u305b\u304f\u3060\u3055\u3044\u3002\"><\/textarea>\n        <div class=\"sc-message-meta\"><p id=\"sc-message-hint\" class=\"sc-hint\">\u8a73\u3057\u3044\u75c7\u72b6\u3084\u691c\u67fb\u7d50\u679c\u306a\u3069\u306e\u8a18\u8f09\u306f\u304a\u63a7\u3048\u304f\u3060\u3055\u3044\u3002<\/p><span class=\"sc-counter\" data-count>0 \/ 3,000<\/span><\/div>\n        <p id=\"sc-message-error\" class=\"sc-error\" data-error=\"message\"><\/p>\n      <\/div>\n    <\/div>\n    <div class=\"sc-honeypot\" aria-hidden=\"true\"><label>\u3053\u306e\u6b04\u306f\u7a7a\u306e\u307e\u307e\u306b\u3057\u3066\u304f\u3060\u3055\u3044<input name=\"website\" type=\"text\" autocomplete=\"off\" tabindex=\"-1\"><\/label><\/div>\n    <div class=\"sc-consent\">\n      <p>\u3054\u5165\u529b\u3044\u305f\u3060\u3044\u305f\u60c5\u5831\u306f\u3001\u304a\u554f\u3044\u5408\u308f\u305b\u3078\u306e\u56de\u7b54\u3068\u95a2\u9023\u3059\u308b\u3054\u9023\u7d61\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n      <label><input type=\"checkbox\" name=\"consent\" value=\"1\" required aria-describedby=\"sc-consent-error\"><span>\u4e0a\u8a18\u306e\u5229\u7528\u76ee\u7684\u306b\u540c\u610f\u3057\u307e\u3059\u3002<\/span><\/label>\n      <p id=\"sc-consent-error\" class=\"sc-error\" data-error=\"consent\"><\/p>\n    <\/div>\n    <button class=\"sc-button\" type=\"submit\" data-ready-submit disabled>\u5165\u529b\u5185\u5bb9\u3092\u78ba\u8a8d\u3059\u308b <span aria-hidden=\"true\">\u2192<\/span><\/button>\n  <\/form>\n  <section class=\"sc-review\" data-review hidden aria-labelledby=\"sc-review-title\">\n    <h3 id=\"sc-review-title\" tabindex=\"-1\">\u5185\u5bb9\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002<\/h3>\n    <p class=\"sc-hint\">\u5909\u66f4\u3059\u308b\u5834\u5408\u306f\u300c\u5165\u529b\u753b\u9762\u306b\u623b\u308b\u300d\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002<\/p>\n    <dl class=\"sc-review-list\">\n      <div><dt>\u3054\u76f8\u8ac7\u5148<\/dt><dd data-value=\"service\"><\/dd><\/div>\n      <div><dt>\u304a\u540d\u524d<\/dt><dd data-value=\"name\"><\/dd><\/div>\n      <div><dt>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/dt><dd data-value=\"email\"><\/dd><\/div>\n      <div data-review-company hidden><dt>\u4f01\u696d\u30fb\u56e3\u4f53\u540d<\/dt><dd data-value=\"company\"><\/dd><\/div>\n      <div><dt>\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9<\/dt><dd data-value=\"message\"><\/dd><\/div>\n    <\/dl>\n    <p class=\"sc-send-status\" data-send-status role=\"status\" aria-live=\"polite\"><\/p>\n    <div class=\"sc-alert\" data-send-alert role=\"alert\" hidden><\/div>\n    <div class=\"sc-actions\"><button class=\"sc-button sc-button-secondary\" type=\"button\" data-edit>\u5165\u529b\u753b\u9762\u306b\u623b\u308b<\/button><button class=\"sc-button\" type=\"button\" data-send>\u3053\u306e\u5185\u5bb9\u3067\u9001\u4fe1\u3059\u308b <span aria-hidden=\"true\">\u2192<\/span><\/button><\/div>\n  <\/section>\n  <section class=\"sc-complete\" data-complete hidden aria-labelledby=\"sc-complete-title\">\n    <p class=\"sc-complete-label\" data-complete-label>Thank you<\/p>\n    <h3 id=\"sc-complete-title\" tabindex=\"-1\" data-complete-title>\u304a\u554f\u3044\u5408\u308f\u305b\u3092\u9001\u4fe1\u3057\u307e\u3057\u305f\u3002<\/h3>\n    <p data-complete-message>\u5185\u5bb9\u3092\u78ba\u8a8d\u306e\u3046\u3048\u3001\u3054\u5165\u529b\u3044\u305f\u3060\u3044\u305f\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3078\u3054\u9023\u7d61\u3057\u307e\u3059\u3002<\/p>\n    <button class=\"sc-button sc-button-secondary\" type=\"button\" data-restart>\u30d5\u30a9\u30fc\u30e0\u3078\u623b\u308b<\/button>\n  <\/section>\n  <noscript><p class=\"sc-alert\">\u30d5\u30a9\u30fc\u30e0\u306e\u3054\u5229\u7528\u306b\u306fJavaScript\u3092\u6709\u52b9\u306b\u3057\u3066\u304f\u3060\u3055\u3044\u3002\u30e1\u30fc\u30eb\u3067\u3082\u304a\u554f\u3044\u5408\u308f\u305b\u3044\u305f\u3060\u3051\u307e\u3059\uff1a<a href=\"mailto:info@suuo.jp\">info@suuo.jp<\/a><\/p><\/noscript>\n<\/div>\n\n\n\n<p class=\"sv-contact-direct\"><a href=\"mailto:info@suuo.jp\">info<@>suuo.jp<\/a><span>\uff0f<\/span><a href=\"tel:0368252937\">03\uff086825\uff092937<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-shell sv-footer is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group sv-footer-brand is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"sv-footer-wordmark wp-block-paragraph\">SUUO<\/p>\n\n\n\n<p class=\"sv-footer-legal wp-block-paragraph\">SUUO LLC<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group sv-footer-info is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u672c\u793e\u3000\u6771\u4eac\u90fd\u6e0b\u8c37\u533a\u5e83\u5c3e1-2-1<\/p>\n\n\n\n<p><a href=\"tel:0368252937\">03\uff086825\uff092937<\/a><span>\u3000\uff0f\u3000<\/span><a href=\"mailto:info(@)suuo.jp\">info<@>suuo.jp<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<script>(() => {\n  'use strict';\n  const serviceNames = {femvisit:'FemVisit',femcare:'FemCare Works',salon:'Grace Earth Clinic Tea Salon',other:'\u305d\u306e\u4ed6'};\n  const corporate = value => value === 'femvisit' || value === 'femcare';\n  const length = value => Array.from(value).length;\n  document.querySelectorAll('.suuo-contact').forEach(root => {\n    if (root.dataset.suuoInitialized === 'true') return;\n    root.dataset.suuoInitialized = 'true';\n    const form = root.querySelector('form');\n    const demo = root.dataset.mode === 'demo';\n    const review = root.querySelector('[data-review]');\n    const complete = root.querySelector('[data-complete]');\n    const company = form.elements.namedItem('company');\n    const send = root.querySelector('[data-send]');\n    const edit = root.querySelector('[data-edit]');\n    const sendAlert = root.querySelector('[data-send-alert]');\n    let snapshot = null;\n    let credentials = null;\n    let busy = false;\n    const value = name => String(new FormData(form).get(name) || '').trim();\n    const focus = element => element.focus({preventScroll:false});\n\n    function stage(current) {\n      form.hidden = current !== 'edit';\n      review.hidden = current !== 'review';\n      complete.hidden = current !== 'complete';\n      root.querySelectorAll('[data-step]').forEach(el => {\n        if (el.dataset.step === current) el.setAttribute('aria-current','step');\n        else el.removeAttribute('aria-current');\n      });\n    }\n    function clearErrors() {\n      root.querySelectorAll('[data-error]').forEach(el => {el.textContent = '';});\n      root.querySelectorAll('[aria-invalid]').forEach(el => el.removeAttribute('aria-invalid'));\n      root.querySelector('[data-validation-alert]').hidden = true;\n    }\n    function showErrors(errors) {\n      clearErrors();\n      const known = ['service','name','email','company','message','consent'];\n      known.forEach(key => {\n        if (!errors[key]) return;\n        root.querySelector(`[data-error=\"${key}\"]`).textContent = errors[key];\n        form.querySelectorAll(`[name=\"${key}\"]`).forEach(el => el.setAttribute('aria-invalid','true'));\n      });\n      const alert = root.querySelector('[data-validation-alert]');\n      alert.textContent = '\u5165\u529b\u5185\u5bb9\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002';\n      alert.hidden = false;\n      stage('edit');\n      focus(alert);\n    }\n    function updateService() {\n      const needed = corporate(value('service'));\n      root.querySelector('[data-company-row]').hidden = !needed;\n      company.disabled = !needed;\n      company.required = needed;\n      if (!needed) {\n        root.querySelector('[data-error=\"company\"]').textContent = '';\n        company.removeAttribute('aria-invalid');\n      }\n    }\n    function readAndValidate() {\n      const data = Object.fromEntries(['service','name','email','company','message','consent','website'].map(k => [k,value(k)]));\n      const errors = {};\n      if (!Object.prototype.hasOwnProperty.call(serviceNames,data.service)) errors.service = '\u3054\u76f8\u8ac7\u5148\u3092\u9078\u3093\u3067\u304f\u3060\u3055\u3044\u3002';\n      if (!data.name || length(data.name)>100) errors.name = '\u304a\u540d\u524d\u3092100\u6587\u5b57\u4ee5\u5185\u3067\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002';\n      if (!data.email || data.email.length>254 || form.elements.namedItem('email').validity.typeMismatch) errors.email = '\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u6b63\u3057\u304f\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002';\n      if (corporate(data.service) && (!data.company || length(data.company)>160)) errors.company = '\u4f01\u696d\u30fb\u56e3\u4f53\u540d\u3092160\u6587\u5b57\u4ee5\u5185\u3067\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002';\n      if (!data.message || length(data.message)>3000) errors.message = '\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\u30923,000\u6587\u5b57\u4ee5\u5185\u3067\u3054\u5165\u529b\u304f\u3060\u3055\u3044\u3002';\n      if (data.consent !== '1') errors.consent = '\u5229\u7528\u76ee\u7684\u3092\u3054\u78ba\u8a8d\u306e\u3046\u3048\u3001\u540c\u610f\u306b\u30c1\u30a7\u30c3\u30af\u3092\u5165\u308c\u3066\u304f\u3060\u3055\u3044\u3002';\n      if (!corporate(data.service)) data.company = '';\n      return {data,errors};\n    }\n    async function post(values) {\n      if (!root.dataset.endpoint || root.dataset.endpoint.includes('__SUUO_')) {\n        const error = new Error('\u73fe\u5728\u30d5\u30a9\u30fc\u30e0\u3092\u6e96\u5099\u4e2d\u3067\u3059\u3002\u4e0b\u8a18\u306e\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u304b\u3089\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002');\n        error.status = 503;\n        throw error;\n      }\n      const controller = new AbortController();\n      const timeout = window.setTimeout(() => controller.abort(),25000);\n      try {\n        const response = await fetch(root.dataset.endpoint, {\n          method:'POST', credentials:'same-origin', cache:'no-store',\n          headers:{'Content-Type':'application\/x-www-form-urlencoded;charset=UTF-8'},\n          body:new URLSearchParams(values), signal:controller.signal\n        });\n        const json = await response.json();\n        if (!response.ok || !json.success) {\n          const error = new Error(json.data?.message || '\u9001\u4fe1\u3067\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u5c11\u3057\u6642\u9593\u3092\u304a\u3044\u3066\u3001\u3082\u30461\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002');\n          error.fields = json.data?.fields;\n          error.code = json.data?.code;\n          error.status = response.status;\n          throw error;\n        }\n        return json.data;\n      } finally { window.clearTimeout(timeout); }\n    }\n    function showComplete() {\n      if (demo) {\n        root.querySelector('[data-complete-label]').textContent = 'Preview';\n        root.querySelector('[data-complete-title]').textContent = '\u30d5\u30a9\u30fc\u30e0\u306e\u52d5\u4f5c\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3057\u305f\u3002';\n        root.querySelector('[data-complete-message]').textContent = '\u3053\u308c\u306f\u30aa\u30d5\u30e9\u30a4\u30f3\u898b\u672c\u3067\u3059\u3002\u3054\u5165\u529b\u3044\u305f\u3060\u3044\u305f\u5185\u5bb9\u3084\u30e1\u30fc\u30eb\u306f\u9001\u4fe1\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002';\n        root.querySelector('[data-restart]').textContent = '\u3082\u30461\u5ea6\u8a66\u3059';\n      }\n      form.reset();\n      updateService();\n      root.querySelector('[data-count]').textContent = '0 \/ 3,000';\n      root.querySelectorAll('[data-value]').forEach(el => {el.textContent = '';});\n      snapshot = null;\n      credentials = null;\n      stage('complete');\n      focus(root.querySelector('[data-complete-title]'));\n    }\n    root.querySelector('[data-demo-note]').hidden = !demo;\n    if (demo) send.textContent = '\u898b\u672c\u306e\u9001\u4fe1\u3092\u8a66\u3059 \u2192';\n    form.querySelector('[data-ready-submit]').disabled = false;\n    form.addEventListener('change', event => {\n      if (event.target.name === 'service') updateService();\n    });\n    form.elements.namedItem('message').addEventListener('input',event => {\n      root.querySelector('[data-count]').textContent = `${length(event.target.value).toLocaleString('ja-JP')} \/ 3,000`;\n    });\n    form.addEventListener('submit',event => {\n      event.preventDefault();\n      if (busy) return;\n      const result = readAndValidate();\n      if (Object.keys(result.errors).length) {showErrors(result.errors);return;}\n      clearErrors();\n      \/\/ Keep the token for retries of the same submission; a revised message is a new submission.\n      if (credentials && snapshot && JSON.stringify(snapshot) !== JSON.stringify(result.data)) credentials = null;\n      snapshot = result.data;\n      root.querySelectorAll('[data-value]').forEach(el => {\n        const key = el.dataset.value;\n        el.textContent = key === 'service' ? serviceNames[snapshot.service] : snapshot[key];\n      });\n      root.querySelector('[data-review-company]').hidden = !corporate(snapshot.service);\n      sendAlert.hidden = true;\n      root.querySelector('[data-send-status]').textContent = '';\n      stage('review');\n      focus(root.querySelector('#sc-review-title'));\n    });\n    edit.addEventListener('click',() => {\n      if (busy) return;\n      stage('edit');\n      focus(form.querySelector('input[name=\"service\"]:checked') || form.querySelector('input'));\n    });\n    send.addEventListener('click',async () => {\n      if (busy || !snapshot) return;\n      if (demo) {showComplete();return;}\n      busy = true;\n      send.disabled = true;\n      edit.disabled = true;\n      review.setAttribute('aria-busy','true');\n      sendAlert.hidden = true;\n      root.querySelector('[data-send-status]').textContent = '\u9001\u4fe1\u3057\u3066\u3044\u307e\u3059\u3002';\n      try {\n        if (!credentials) credentials = await post({action:'suuo_cf_token'});\n        await post({...snapshot,action:'suuo_cf_send',nonce:credentials.nonce,token:credentials.token});\n        showComplete();\n      } catch(error) {\n        if (error.fields && Object.keys(error.fields).length) {\n          showErrors(error.fields);\n        } else {\n          sendAlert.textContent = error.status ? error.message : '\u901a\u4fe1\u72b6\u6cc1\u3092\u3054\u78ba\u8a8d\u306e\u3046\u3048\u3001\u540c\u3058\u5185\u5bb9\u3067\u3082\u30461\u5ea6\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002';\n          sendAlert.hidden = false;\n        }\n        if (error.code === 'token_expired' || error.code === 'invalid_nonce' || error.code === 'content_changed') credentials = null;\n      } finally {\n        busy = false;\n        send.disabled = false;\n        edit.disabled = false;\n        review.removeAttribute('aria-busy');\n        root.querySelector('[data-send-status]').textContent = '';\n      }\n    });\n    root.querySelector('[data-restart]').addEventListener('click',() => {\n      clearErrors();\n      stage('edit');\n      focus(form.querySelector('input'));\n    });\n    document.querySelectorAll('[data-suuo-service]').forEach(link => {\n      link.addEventListener('click',event => {\n        if (busy) {event.preventDefault();return;}\n        const selected = link.dataset.suuoService;\n        if (!Object.prototype.hasOwnProperty.call(serviceNames,selected)) return;\n        stage('edit');\n        form.querySelectorAll('input[name=\"service\"]').forEach(el => {el.checked = el.value === selected;});\n        clearErrors();\n        updateService();\n      });\n    });\n    updateService();\n  });\n})();\n<\/script>\n\n<style id=\"suuo-design-refinement\">\n\/* SUUO design refinement \u2014 2026-10-30 *\/\n\/* Add after the existing SUUO styles. Content and form logic are preserved. *\/\n\/* The verified homepage is WordPress page 8. Remove duplicate theme chrome. *\/\nbody.home.page-id-8 .wp-site-blocks > main#wp--skip-link--target {\n  margin-top: 0 !important;\n  padding-top: 0 !important;\n}\nbody.home.page-id-8 #wp--skip-link--target > .wp-block-group {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\nbody.home.page-id-8 #wp--skip-link--target .wp-block-post-title { display: none; }\nbody.home.page-id-8 #wp--skip-link--target .wp-block-post-content { margin-block-start: 0 !important; }\nbody.home.page-id-8 .wp-site-blocks > footer.wp-block-template-part { display: none; }\n.suuo-v3 {\n  --sv-ink: #2e3730;\n  --sv-muted: #646c61;\n  --sv-line: #d9ddd2;\n  --sv-accent: #52654b;\n  --sv-paper: #f5f6ef;\n  --sv-tea: #f7f1e7;\n  --sv-serif: Georgia, \"Yu Mincho\", \"Hiragino Mincho ProN\", \"Noto Serif CJK JP\", serif;\n  --sv-sans: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", Meiryo, sans-serif;\n  background: #fff;\n  color: var(--sv-ink);\n  line-height: 1.95;\n}\n.suuo-v3 .sv-shell { max-width: 1240px; padding-inline: clamp(24px,4.2vw,56px); }\n.suuo-v3 .sv-header { padding-block: 32px 28px; gap: 36px; }\n.suuo-v3 .sv-logo, .suuo-v3 .sv-logo p { font-size: 38px; letter-spacing: -.06em; }\n.suuo-v3 .sv-logo > span { font-size: 11px; letter-spacing: .08em; margin-top: 10px; }\n.suuo-v3 .sv-nav { gap: 10px 28px; font-size: 13px; }\n.suuo-v3 .sv-nav a { display: inline-flex; align-items: center; min-height: 44px; }\n.suuo-v3 .sv-nav a[href=\"#sv-contact\"] {\n  justify-content: center;\n  padding: 10px 23px;\n  border: 1px solid var(--sv-ink);\n  border-radius: 999px;\n  color: #fff;\n  background: var(--sv-ink);\n  text-decoration: none;\n}\n.suuo-v3 .sv-nav a[href=\"#sv-contact\"]:hover { background: var(--sv-accent); border-color: var(--sv-accent); }\n\n\/* The two original illustrations share an identical frame and baseline. *\/\n.suuo-v3 .sv-hero {\n  grid-template-columns: minmax(0,1.14fr) minmax(0,1fr);\n  gap: 58px;\n  padding-top: 68px;\n  padding-bottom: 100px;\n}\n.suuo-v3 .sv-eyebrow, .suuo-v3 .sv-eyebrow p { font-size: 12px; letter-spacing: .12em; line-height: 1.85; }\n.suuo-v3 .sv-hero-copy > .sv-eyebrow { border-left: 2px solid var(--sv-accent); padding-left: 14px; }\n.suuo-v3 .sv-hero h1 {\n  margin-top: 27px;\n  font-size: clamp(38px,4.5vw,58px);\n  line-height: 1.58;\n  letter-spacing: .015em;\n  font-weight: 400;\n  overflow-wrap: normal;\n  word-break: normal;\n  line-break: strict;\n}\n.suuo-v3 .sv-hero-copy > .sv-lead { margin-top: 28px; }\n.suuo-v3 .sv-lead, .suuo-v3 .sv-lead p { font-size: 15px; line-height: 2.15; }\n.suuo-v3 .sv-hero-links { align-items: center; gap: 16px 26px; margin-top: 31px !important; }\n.suuo-v3 .sv-hero-links a {\n  display: inline-flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  min-height: 46px;\n  margin-top: 0;\n  padding: 8px 0;\n  font-size: 13px;\n}\n.suuo-v3 .sv-hero-links a:first-child {\n  padding: 12px 23px;\n  border: 1px solid var(--sv-ink);\n  border-radius: 999px;\n  color: #fff;\n  background: var(--sv-ink);\n}\n.suuo-v3 .sv-hero-links a:first-child:hover { background: var(--sv-accent); border-color: var(--sv-accent); }\n.suuo-v3 .sv-hero-art { padding-top: 8px; }\n.suuo-v3 .sv-character-pair {\n  grid-template-columns: repeat(2,minmax(0,1fr));\n  align-items: start;\n  gap: 22px;\n  padding-bottom: 0 !important;\n}\n.suuo-v3 .sv-character-pair > :nth-child(2) { transform: none !important; }\n.suuo-v3 .sv-character-pair img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 3 \/ 4;\n  height: auto;\n  object-fit: cover;\n  border-radius: 50% 50% 4px 4px \/ 37.5% 37.5% 4px 4px;\n}\n.suuo-v3 .sv-character-pair figcaption {\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 4px 10px;\n  margin-top: 17px;\n  font-family: var(--sv-serif);\n  font-size: 16px;\n  line-height: 1.8;\n  color: var(--sv-ink);\n}\n.suuo-v3 .sv-character-pair figcaption span { font-family: var(--sv-sans); font-size: 11px; color: var(--sv-muted); }\n.suuo-v3 .sv-art-note, .suuo-v3 .sv-art-note p { margin-top: 20px; font-size: 11px; letter-spacing: .12em; text-align: center; }\n\n\/* Services: equal typography, spacing, and link positions. *\/\n.suuo-v3 .sv-work { padding-block: 76px 96px; }\n.suuo-v3 .sv-section-head { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 60px; max-width: none; }\n.suuo-v3 .sv-section-head > .sv-eyebrow { grid-column: 1; grid-row: 1; }\n.suuo-v3 .sv-section-head > h2 { grid-column: 1; grid-row: 2; margin-top: 0; font-size: clamp(29px,3.05vw,38px); line-height: 1.65; letter-spacing: .035em; }\n.suuo-v3 .sv-section-head > p:not(.sv-eyebrow) { grid-column: 2; grid-row: 1 \/ span 2; align-self: end; margin-top: 0; font-size: 14px; line-height: 2; }\n.suuo-v3 .sv-brand-pair { gap: 30px; margin-top: 42px !important; border-top: 0; }\n.suuo-v3 .sv-brand, .suuo-v3 .sv-brand + .sv-brand {\n  padding: 37px 35px 24px;\n  border: 0;\n  border-top: 2px solid #76866a;\n  border-radius: 0 0 5px 5px;\n  background: var(--sv-paper);\n}\n.suuo-v3 .sv-brand-name { font-size: clamp(34px,3.4vw,46px) !important; line-height: 1.2 !important; letter-spacing: -.04em; white-space: normal; overflow-wrap: normal !important; }\n.suuo-v3 .sv-brand .sv-reading { margin-top: 10px; letter-spacing: .05em; }\n.suuo-v3 .sv-brand-tagline { font-size: 19px; line-height: 1.9; margin-top: 26px; min-height: 3.8em; }\n.suuo-v3 .sv-description { font-size: 14px; line-height: 2.05; margin-top: 14px; }\n.suuo-v3 .sv-service-tags { margin-top: 23px; font-size: 12px; letter-spacing: .025em; }\n.suuo-v3 .sv-brand > .sv-text-link {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  width: 100%;\n  min-height: 50px;\n  margin-top: 27px;\n  padding: 16px 0 3px;\n  border-bottom: 0;\n  border-top: 1px solid #cdd4c5;\n  font-size: 13px;\n}\n.suuo-v3 .sv-work-note { max-width: 80em; margin-top: 24px; font-size: 12px; line-height: 1.95; }\n.suuo-v3 .sv-flow { gap: 32px; padding-top: 30px; margin-top: 36px !important; }\n.suuo-v3 .sv-flow-item { display: grid; grid-template-columns: 30px minmax(0,1fr); column-gap: 12px; align-items: baseline; }\n.suuo-v3 .sv-flow-item > span, .suuo-v3 .sv-flow-number { grid-column: 1; grid-row: 1 \/ span 2; font-size: 27px; font-style: italic; color: var(--sv-accent); }\n.suuo-v3 .sv-flow-item h4 { grid-column: 2; margin-top: 0; font-size: 14px; }\n.suuo-v3 .sv-flow-item p:not(.sv-flow-number) { grid-column: 2; margin-top: 8px; font-size: 12px; line-height: 1.95; }\n\n\/* Tea Salon: a warm paper surface and the existing line illustration. *\/\n.suuo-v3 .sv-salon { padding-block: 76px 80px; background: var(--sv-tea); border-radius: 5px; }\n.suuo-v3 .sv-salon::before { display: none; }\n.suuo-v3 .sv-salon-head { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }\n.suuo-v3 .sv-salon-head > p { color: var(--sv-accent); font-family: var(--sv-sans); font-size: 12px; letter-spacing: .16em; }\n.suuo-v3 .sv-salon-head h2 { font-family: Georgia,var(--sv-serif); font-size: clamp(68px,7.9vw,103px); line-height: 1.12; letter-spacing: -.05em; color: var(--sv-ink); }\n.suuo-v3 .sv-salon-grid { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 76px; margin-top: 46px !important; }\n.suuo-v3 .sv-salon-feature { display: flex; flex-direction: column; padding-top: 0; }\n.suuo-v3 .sv-salon-quote, .suuo-v3 .sv-salon-quote h3 { font-size: clamp(23px,2.35vw,30px); line-height: 1.85; letter-spacing: .025em; }\n.suuo-v3 .sv-salon-quote { order: 1; margin-top: 0; }\n.suuo-v3 .sv-salon-aside { order: 2; margin-top: 24px; color: var(--sv-muted); font-size: 14px; line-height: 2; }\n.suuo-v3 .sv-tea-mark { order: 3; width: 100%; max-width: 330px; padding: 0; margin: 28px 0 0 !important; color: #657355; }\n.suuo-v3 .sv-salon-intro, .suuo-v3 .sv-salon-intro p { font-size: 15px; line-height: 2.05; }\n.suuo-v3 .sv-salon-copy > p + p { margin-top: 18px; font-size: 14px; line-height: 2.05; }\n.suuo-v3 .sv-salon-menu { margin-top: 30px !important; }\n.suuo-v3 .sv-salon-item { padding: 21px 0; border-color: #d9d2c4; }\n.suuo-v3 .sv-salon-item h3 { font-family: var(--sv-serif); font-size: 19px; line-height: 1.7; font-weight: 500; }\n.suuo-v3 .sv-salon-item p { margin-top: 9px; font-size: 13px; line-height: 2; }\n.suuo-v3 .sv-salon-address { padding-top: 23px; margin-top: 10px !important; border-color: #d9d2c4; }\n.suuo-v3 .sv-salon-address .sv-text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 44px; margin-top: 14px; }\n\n.suuo-v3 .sv-about { padding-block: 92px; }\n.suuo-v3 .sv-about::before { display: none; }\n.suuo-v3 .sv-profile-pair { gap: 64px; margin-top: 42px !important; }\n.suuo-v3 .sv-profile { border-top: 1px solid var(--sv-line); padding-top: 27px; }\n.suuo-v3 .sv-profile h3 { font-size: 34px; margin-top: 8px; letter-spacing: .045em; }\n.suuo-v3 .sv-profile > p:not(:first-child) { font-size: 14px; line-height: 2.15; margin-top: 20px; }\n\n\/* Contact: the introduction and the existing form sit side by side. *\/\n.suuo-v3 .sv-contact {\n  display: grid;\n  grid-template-columns: minmax(0,.77fr) minmax(0,1.23fr);\n  grid-template-rows: auto 1fr;\n  gap: 0 60px;\n  padding-block: 80px 90px;\n}\n.suuo-v3 .sv-contact-head { grid-column: 1; grid-row: 1; }\n.suuo-v3 .sv-contact-head h2 { font-size: clamp(27px,2.5vw,32px); line-height: 1.65; letter-spacing: .015em; }\n.suuo-v3 .sv-contact-head p { margin-top: 22px; font-size: 14px; line-height: 2.05; }\n.suuo-v3 .suuo-contact { grid-column: 2; grid-row: 1 \/ span 2; max-width: none; margin: 0 !important; }\n.suuo-v3 .sv-contact-direct { grid-column: 1; grid-row: 2; align-self: start; margin-top: 28px; font-size: 13px; line-height: 2.2; }\n.suuo-v3 .suuo-contact .sc-steps { font-size: 12px; gap: 26px; margin-bottom: 30px; }\n.suuo-v3 .suuo-contact .sc-services { gap: 12px; }\n.suuo-v3 .suuo-contact .sc-service { padding: 16px 12px; border: 1px solid var(--sv-line); border-radius: 4px; align-items: flex-start; background: #fff; }\n.suuo-v3 .suuo-contact .sc-service input { margin-top: 6px; }\n.suuo-v3 .suuo-contact .sc-service:has(input:checked) { border-color: var(--sv-accent); background: var(--sv-paper); }\n.suuo-v3 .suuo-contact .sc-service-title { font-size: 23px; }\n.suuo-v3 .suuo-contact .sc-service-other { font-size: 18px; }\n.suuo-v3 .suuo-contact .sc-service-caption { font-size: 11px; line-height: 1.8; }\n.suuo-v3 .suuo-contact input[type=text], .suuo-v3 .suuo-contact input[type=email], .suuo-v3 .suuo-contact textarea { padding: 13px 14px; border-color: #b9c1b3; border-radius: 4px; background: #fcfdf9; }\n.suuo-v3 .suuo-contact :where(input,textarea)[aria-invalid=true] { border-color: #a22e23; }\n.suuo-v3 .suuo-contact .sc-button { border-radius: 999px; padding-inline: 25px; min-height: 50px; }\n.suuo-v3 .sv-footer { padding-block: 32px 40px; align-items: center; }\n.suuo-v3 .sv-footer-brand .sv-footer-wordmark { font-family: Arial,Helvetica,var(--sv-sans); font-size: 46px; line-height: 1; letter-spacing: -.065em; font-weight: 600; }\n.suuo-v3 .sv-footer-brand .sv-footer-legal { margin-top: 9px; font-size: 10px; letter-spacing: .16em; font-weight: 400; }\n.suuo-v3 .sv-footer-info { text-align: right; }\n\n@media (min-width: 782px) and (max-width: 1050px) {\n  .suuo-v3 .sv-header { gap: 24px; }\n  .suuo-v3 .sv-nav { column-gap: 17px; font-size: 12px; }\n  .suuo-v3 .sv-nav a[href=\"#sv-contact\"] { padding-inline: 18px; }\n  .suuo-v3 .sv-hero { gap: 36px; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); }\n  .suuo-v3 .sv-hero h1 { font-size: clamp(34px,4.4vw,45px); }\n  .suuo-v3 .sv-hero-links { gap: 12px 18px; }\n  .suuo-v3 .sv-hero-links a { font-size: 12px; }\n  .suuo-v3 .sv-hero-links a:first-child { padding-inline: 18px; }\n  .suuo-v3 .sv-character-pair { gap: 17px; }\n  .suuo-v3 .sv-brand, .suuo-v3 .sv-brand + .sv-brand { padding-inline: 27px; }\n  .suuo-v3 .sv-brand-name { font-size: 37px !important; }\n  .suuo-v3 .sv-section-head { gap: 10px 36px; }\n  .suuo-v3 .sv-salon-grid { gap: 42px; }\n  .suuo-v3 .sv-salon-quote, .suuo-v3 .sv-salon-quote h3 { font-size: 24px; }\n  .suuo-v3 .sv-contact { gap: 0 36px; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }\n  .suuo-v3 .suuo-contact .sc-services { grid-template-columns: 1fr; }\n  .suuo-v3 .suuo-contact .sc-fields { grid-template-columns: 1fr; }\n}\n@media (max-width: 781px) {\n  .suuo-v3 .sv-shell { padding-inline: 24px; }\n  .suuo-v3 .sv-header { position: relative; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px; padding-block: 24px 16px; }\n  .suuo-v3 .sv-logo, .suuo-v3 .sv-logo p { font-size: 34px; }\n  .suuo-v3 .sv-logo > span { font-size: 11px; margin-top: 7px; }\n  .suuo-v3 .sv-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); width: 100%; max-width: none; gap: 0 10px; font-size: 12px; padding-top: 10px; border-top: 1px solid var(--sv-line); }\n  .suuo-v3 .sv-nav a { justify-content: center; min-height: 44px; }\n  .suuo-v3 .sv-nav a[href=\"#sv-contact\"] { position: absolute; top: 28px; right: 24px; padding: 8px 17px; min-height: 42px; font-size: 12px; }\n  .suuo-v3 .sv-hero { grid-template-columns: minmax(0,1fr); gap: 38px; padding-top: 38px; padding-bottom: 60px; }\n  .suuo-v3 .sv-hero h1 { font-size: clamp(29px,8.05vw,46px); line-height: 1.65; letter-spacing: .01em; margin-top: 22px; }\n  .suuo-v3 .sv-eyebrow, .suuo-v3 .sv-eyebrow p { font-size: 11px; letter-spacing: .07em; }\n  .suuo-v3 .sv-hero-copy > .sv-eyebrow { padding-left: 11px; }\n  .suuo-v3 .sv-hero-copy > .sv-lead { margin-top: 22px; }\n  .suuo-v3 .sv-lead, .suuo-v3 .sv-lead p { font-size: 14px; line-height: 2.05; }\n  .suuo-v3 .sv-hero-links { gap: 12px 21px; margin-top: 25px !important; }\n  .suuo-v3 .sv-hero-links a { font-size: 12px; min-height: 44px; }\n  .suuo-v3 .sv-hero-links a:first-child { padding: 12px 18px; }\n  .suuo-v3 .sv-hero-art { width: 100%; max-width: 430px; padding-top: 0; margin-inline: auto !important; }\n  .suuo-v3 .sv-character-pair { gap: 18px; }\n  .suuo-v3 .sv-character-pair figcaption { font-size: 14px; gap: 3px 7px; margin-top: 13px; }\n  .suuo-v3 .sv-character-pair figcaption span { font-size: 11px; }\n  .suuo-v3 .sv-art-note, .suuo-v3 .sv-art-note p { margin-top: 15px; font-size: 11px; }\n  .suuo-v3 .sv-work { padding-block: 53px 59px; }\n  .suuo-v3 .sv-section-head { display: block; }\n  .suuo-v3 .sv-section-head > h2 { margin-top: 12px; font-size: 28px; line-height: 1.65; }\n  .suuo-v3 .sv-section-head > p:not(.sv-eyebrow) { margin-top: 19px; font-size: 14px; line-height: 2; }\n  .suuo-v3 .sv-brand-pair { grid-template-columns: minmax(0,1fr); gap: 23px; margin-top: 28px !important; }\n  .suuo-v3 .sv-brand, .suuo-v3 .sv-brand + .sv-brand { padding: 29px 25px 21px; border: 0; border-top: 2px solid #76866a; }\n  .suuo-v3 .sv-brand-name { font-size: clamp(31px,8.3vw,42px) !important; }\n  .suuo-v3 .sv-brand-tagline { font-size: 18px; min-height: 0; margin-top: 24px; line-height: 1.85; }\n  .suuo-v3 .sv-description { font-size: 14px; margin-top: 16px; line-height: 2; }\n  .suuo-v3 .sv-brand > .sv-text-link { font-size: 12px; margin-top: 23px; }\n  .suuo-v3 .sv-flow { grid-template-columns: 1fr; gap: 23px; margin-top: 30px !important; padding-top: 27px; }\n  .suuo-v3 .sv-flow-item p:not(.sv-flow-number) { margin-top: 5px; }\n  .suuo-v3 .sv-salon { padding-block: 51px 55px; border-radius: 0; }\n  .suuo-v3 .sv-salon-head { gap: 2px; }\n  .suuo-v3 .sv-salon-head h2 { margin-top: 8px; font-size: clamp(62px,17.4vw,86px); }\n  .suuo-v3 .sv-salon-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 29px !important; }\n  .suuo-v3 .sv-salon-quote, .suuo-v3 .sv-salon-quote h3 { font-size: 24px; line-height: 1.85; }\n  .suuo-v3 .sv-salon-aside { margin-top: 18px; font-size: 13px; }\n  .suuo-v3 .sv-tea-mark { max-width: 280px; margin: 18px auto 0 !important; }\n  .suuo-v3 .sv-salon-intro, .suuo-v3 .sv-salon-intro p { font-size: 14px; }\n  .suuo-v3 .sv-salon-copy > p + p { font-size: 14px; }\n  .suuo-v3 .sv-salon-item h3 { font-size: 18px; }\n  .suuo-v3 .sv-about { padding-block: 56px 58px; }\n  .suuo-v3 .sv-profile-pair { grid-template-columns: 1fr; gap: 30px; margin-top: 29px !important; }\n  .suuo-v3 .sv-profile { padding-top: 22px; }\n  .suuo-v3 .sv-profile h3 { font-size: 29px; }\n  .suuo-v3 .sv-profile > p:not(:first-child) { font-size: 14px; margin-top: 14px; }\n  .suuo-v3 .sv-contact { display: block; padding-block: 53px 57px; }\n  .suuo-v3 .sv-contact-head h2 { font-size: 27px; }\n  .suuo-v3 .sv-contact-head p { font-size: 14px; margin-top: 17px; }\n  .suuo-v3 .suuo-contact { margin-top: 29px !important; }\n  .suuo-v3 .suuo-contact .sc-service-title { font-size: 23px; }\n  .suuo-v3 .suuo-contact .sc-service-caption { font-size: 12px; }\n  .suuo-v3 .sv-contact-direct { font-size: 13px; margin-top: 25px; }\n  .suuo-v3 .sv-footer { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 16px 30px; padding-block: 28px 32px; }\n  .suuo-v3 .sv-footer-brand .sv-footer-wordmark { font-size: 39px; }\n  .suuo-v3 .sv-footer-info { text-align: left; margin-top: 0 !important; }\n}\n@media (max-width: 400px) {\n  .suuo-v3 .sv-shell { padding-inline: 22px; }\n  .suuo-v3 .sv-nav { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0 4px; font-size: 11px; }\n  .suuo-v3 .sv-nav a { justify-content: center; }\n  .suuo-v3 .sv-nav a[href=\"#sv-contact\"] { min-height: 42px; right: 22px; }\n  .suuo-v3 .sv-hero { padding-top: 29px; }\n  .suuo-v3 .sv-hero h1 { font-size: clamp(26px,8.05vw,32px); letter-spacing: 0; }\n  .suuo-v3 .sv-hero-copy > .sv-lead { text-wrap: pretty; }\n  .suuo-v3 .sv-hero-links { gap: 11px 18px; }\n  .suuo-v3 .sv-hero-links a:first-child { padding-inline: 16px; }\n  .suuo-v3 .sv-brand, .suuo-v3 .sv-brand + .sv-brand { padding-inline: 20px; }\n  .suuo-v3 .sv-brand-name { font-size: clamp(28px,8.25vw,33px) !important; }\n  .suuo-v3 .sv-brand-tagline { font-size: 17px; }\n  .suuo-v3 .sv-salon-quote, .suuo-v3 .sv-salon-quote h3 { font-size: 22px; }\n}\n@media print {\n  .suuo-v3 .sv-shell { max-width: none; padding-inline: 0; }\n  .suuo-v3 .sv-header, .suuo-v3 .sv-hero, .suuo-v3 .sv-work, .suuo-v3 .sv-salon, .suuo-v3 .sv-about, .suuo-v3 .sv-contact { padding-block: 24px; }\n  .suuo-v3 .sv-contact { display: block; }\n  .suuo-v3 .sv-brand, .suuo-v3 .sv-salon { background: #fff; }\n}\n\n<\/style>\n<style id=\"suuo-finishing-adjustments\">\n\/* SUUO: current design, with restrained finishing adjustments. *\/\n\/* Add after the existing suuo-design-refinement block. *\/\n.suuo-v3 {\n  --sv-line: #dfe3d9;\n  --sv-paper: #f9faf6;\n  --sv-tea: #faf7f0;\n}\n\n.suuo-v3 .sv-hero-copy > .sv-eyebrow {\n  border-left-width: 1px;\n  border-left-color: #819078;\n}\n.suuo-v3 .sv-character-pair figcaption { letter-spacing: .035em; }\n\n\/* Two services keep identical weight and aligned links. *\/\n.suuo-v3 .sv-brand,\n.suuo-v3 .sv-brand + .sv-brand {\n  border-top: 1px solid #929e87;\n  border-radius: 0;\n}\n.suuo-v3 .sv-brand .sv-reading { letter-spacing: .09em; }\n.suuo-v3 .sv-brand > .sv-text-link { border-top-color: var(--sv-line); }\n.suuo-v3 .sv-service-tags { letter-spacing: .04em; }\n.suuo-v3 .sv-flow { border-top-color: var(--sv-line); }\n\n\/* A quieter title and a wider reading column for Tea Salon. *\/\n.suuo-v3 .sv-salon { border-radius: 0; }\n.suuo-v3 .sv-salon-head h2 {\n  font-size: clamp(68px, 7vw, 88px);\n  letter-spacing: -.045em;\n}\n.suuo-v3 .sv-salon-head > p { letter-spacing: .12em; }\n.suuo-v3 .sv-salon-item { border-color: #dedccf; }\n.suuo-v3 .sv-salon-item h3 { letter-spacing: .025em; }\n.suuo-v3 .sv-salon-item p {\n  font-size: 14px;\n  line-height: 2.05;\n}\n.suuo-v3 .sv-salon-menu > .sv-salon-item:last-child {\n  margin-top: 8px;\n  padding-top: 27px;\n}\n.suuo-v3 .sv-salon-menu > .sv-salon-item:last-child h3 {\n  font-size: 20px;\n  line-height: 1.85;\n}\n.suuo-v3 .sv-salon-address { border-color: #dedccf; }\n.suuo-v3 .sv-salon-address .sv-text-link { gap: 26px; padding-bottom: 5px; }\n.suuo-v3 .sv-profile { border-top-color: var(--sv-line); }\n.suuo-v3 .sv-profile h3 { letter-spacing: .055em; }\n\n@media (min-width: 1051px) {\n  .suuo-v3 .sv-hero h1 {\n    font-size: clamp(46px, 4.35vw, 56px);\n    line-height: 1.55;\n    letter-spacing: .025em;\n  }\n  .suuo-v3 .sv-hero { padding-top: 72px; padding-bottom: 94px; }\n  .suuo-v3 .sv-hero-copy > .sv-lead { margin-top: 30px; }\n  .suuo-v3 .sv-brand-pair { gap: 36px; }\n  .suuo-v3 .sv-brand,\n  .suuo-v3 .sv-brand + .sv-brand { padding: 39px 36px 25px; }\n  .suuo-v3 .sv-salon-grid {\n    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);\n    gap: 80px;\n    margin-top: 40px !important;\n  }\n  .suuo-v3 .sv-salon-quote,\n  .suuo-v3 .sv-salon-quote h3 { font-size: 28px; }\n  .suuo-v3 .sv-tea-mark { max-width: 300px; margin-top: 32px !important; }\n  .suuo-v3 .sv-salon-intro,\n  .suuo-v3 .sv-salon-intro p { font-size: 16px; line-height: 2; }\n}\n\n@media (min-width: 782px) and (max-width: 1050px) {\n  .suuo-v3 .sv-salon-head h2 { font-size: 78px; }\n  .suuo-v3 .sv-salon-grid {\n    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);\n    gap: 40px;\n  }\n}\n\n@media (min-width: 782px) and (max-width: 900px) {\n  .suuo-v3 .sv-salon-quote,\n  .suuo-v3 .sv-salon-quote h3 { font-size: 22px; letter-spacing: .01em; }\n}\n\n@media (max-width: 781px) {\n  .suuo-v3 .sv-salon-head h2 { font-size: clamp(62px, 16vw, 76px); }\n  .suuo-v3 .sv-salon-grid { margin-top: 27px !important; }\n  .suuo-v3 .sv-salon-menu > .sv-salon-item:last-child h3 { font-size: 19px; }\n  .suuo-v3 .sv-salon-menu > .sv-salon-item:last-child { padding-top: 24px; }\n}\n\n<\/style>\n\n<style id=\"suuo-books-menu-layout\">\n@media (min-width: 441px) and (max-width: 781px) {\n  .suuo-v3 .sv-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }\n}\n@media (max-width: 440px) {\n  .suuo-v3 .sv-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>SUUO\u5973\u6027\u306e\u30d8\u30eb\u30b9\u30b1\u30a2 \u4f01\u696d\u5411\u3051\u30b5\u30fc\u30d3\u30b9Tea Salon\u66f8\u7c4d\u7d39\u4ecb\u79c1\u305f\u3061\u306b\u3064\u3044\u3066\u304a\u554f\u3044\u5408\u308f\u305b \u533b\u5e2b\u3068\u770b\u8b77\u5e2b\u304c\u3064\u304f\u308b\u3001\u5973\u6027\u306e\u30d8\u30eb\u30b9\u30b1\u30a2 \u50cd\u304f\u65e5\u306b\u3082\u3001\u3072\u3068\u606f\u3064\u304f\u65e5\u306b\u3082\u3002 \u8eab\u4f53\u306e\u3053\u3068\u3092\u76f8\u8ac7\u3067\u304d\u308b\u8077\u5834\u3068\u3001\u81ea\u5206\u3092\u3044\u305f\u308f\u308b\u30b5\u30ed\u30f3\u306e [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.suuo.jp\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.suuo.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.suuo.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.suuo.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.suuo.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":24,"href":"https:\/\/www.suuo.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/www.suuo.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/www.suuo.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}