{"id":8,"date":"2025-10-17T20:51:45","date_gmt":"2025-10-17T11:51:45","guid":{"rendered":"http:\/\/saeba-c.co.jp\/?page_id=8"},"modified":"2026-10-25T07:51:07","modified_gmt":"2026-10-24T22:51:07","slug":"home","status":"publish","type":"page","link":"https:\/\/saeba-c.co.jp\/","title":{"rendered":""},"content":{"rendered":"\n<!-- ==================================================\n  00\uff5cSAEBA COORDINATION \/ \u5171\u901a\u30b9\u30bf\u30a4\u30eb\n  \u3053\u306e\u30d6\u30ed\u30c3\u30af\u306f\u5404\u30bb\u30af\u30b7\u30e7\u30f3\u5171\u901a\u306eCSS\u3067\u3059\u3002\n  \u914d\u8272\u3084\u4f59\u767d\u306f\u3053\u3053\u3067\u307e\u3068\u3081\u3066\u8abf\u6574\u3067\u304d\u307e\u3059\u3002\n================================================== -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');\n\n:root {\n  --saeba26-red: #e1002e;\n  --saeba26-ink: #231815;\n  --saeba26-white: #fff;\n  --saeba26-soft: #f6f5f2;\n  --saeba26-line: #dedbd7;\n  --saeba26-max: 1180px;\n  --saeba26-gutter: clamp(22px, 5vw, 68px);\n\n  \/* \u30da\u30fc\u30b8\u5168\u4f53\u306e\u4f59\u767d\u898f\u5b9a\uff1a\u5404\u30bb\u30af\u30b7\u30e7\u30f3\u3067\u5171\u6709 *\/\n  --saeba26-section-space: clamp(72px, 8vw, 118px);\n  --saeba26-heading-space: clamp(36px, 4.8vw, 66px);\n  --saeba26-information-bottom: clamp(48px, 5.6vw, 82px);\n  --saeba26-about-top: clamp(26px, 3.6vw, 48px);\n}\n\n.saeba26-section,\n.saeba26-hero,\n.saeba26-map {\n  font-family: 'Noto Sans JP', sans-serif;\n  color: var(--saeba26-ink);\n  -webkit-font-smoothing: antialiased;\n}\n\n.saeba26-section *, .saeba26-section *::before, .saeba26-section *::after,\n.saeba26-hero *, .saeba26-hero *::before, .saeba26-hero *::after,\n.saeba26-map *, .saeba26-map *::before, .saeba26-map *::after {\n  box-sizing: border-box;\n}\n\n.saeba26-section, .saeba26-hero, .saeba26-map {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  max-width: none !important;\n}\n\n.saeba26-wide {\n  position: relative;\n  width: 100vw;\n  max-width: none !important;\n  left: 50%;\n  margin-left: -50vw !important;\n  margin-right: 0 !important;\n}\n\n.saeba26-container {\n  width: min(100%, calc(var(--saeba26-max) + var(--saeba26-gutter) * 2));\n  margin: 0 auto;\n  padding: 0 var(--saeba26-gutter);\n}\n\n.saeba26-section[id] { scroll-margin-top: 85px; }\n\n.saeba26-tag {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 150px;\n  min-height: 42px;\n  padding: 9px 23px;\n  background: linear-gradient(180deg, var(--saeba26-red) 0 50%, var(--saeba26-ink) 50% 100%);\n  color: var(--saeba26-white);\n  font: 700 14px\/1.2 'Jost', sans-serif;\n  letter-spacing: .22em;\n  text-indent: .22em;\n  transition: transform .35s ease;\n}\n\n.saeba26-tag:hover { transform: translateY(-3px); }\n\n.saeba26-section-head {\n  display: grid;\n  grid-template-columns: 1fr auto 1fr;\n  align-items: center;\n  gap: clamp(14px, 3vw, 36px);\n  margin-bottom: var(--saeba26-heading-space);\n}\n\n.saeba26-section-head::before,\n.saeba26-section-head::after {\n  content: '';\n  display: block;\n  height: 1px;\n  background: var(--saeba26-line);\n}\n\n.saeba26-eyebrow,\n.saeba26-section-number {\n  font-family: 'Jost', sans-serif;\n  font-weight: 700;\n  letter-spacing: .16em;\n}\n\n.saeba26-eyebrow {\n  margin: 0 0 20px;\n  font-size: 12px;\n  color: var(--saeba26-red);\n}\n\n.saeba26-section-number {\n  display: block;\n  margin-bottom: 16px;\n  font-size: 13px;\n  color: var(--saeba26-red);\n}\n\n\/* 01\uff5cHERO *\/\n.saeba26-hero {\n  isolation: isolate;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: clamp(610px, 83svh, 920px);\n  overflow: hidden;\n  color: #fff;\n  background: linear-gradient(90deg, var(--saeba26-red) 0 50%, var(--saeba26-ink) 50% 100%);\n}\n\n.saeba26-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: .4;\n  background-image: radial-gradient(rgba(255,255,255,.24) .7px, transparent .7px);\n  background-size: 27px 27px;\n}\n\n.saeba26-hero::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 1px;\n  background: rgba(255,255,255,.13);\n  pointer-events: none;\n}\n\n.saeba26-hero__canvas {\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.saeba26-hero__inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1520px;\n  min-height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: clamp(34px, 5vw, 76px) var(--saeba26-gutter);\n}\n\n.saeba26-hero__meta,\n.saeba26-hero__foot {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  font: 600 clamp(11px, 1.1vw, 14px)\/1.5 'Jost', sans-serif;\n  letter-spacing: .16em;\n}\n\n.saeba26-hero__meta span:last-child { text-align: right; }\n\n.saeba26-hero__center {\n  text-align: center;\n  padding: 34px 0;\n}\n\n.saeba26-hero__title {\n  margin: 0;\n  font-family: 'Jost', sans-serif;\n  font-weight: 800;\n  line-height: .87;\n  letter-spacing: -.075em;\n  color: #fff;\n}\n\n.saeba26-hero__title span { display: block; }\n\n.saeba26-hero__title-main {\n  font-size: clamp(110px, 19vw, 300px);\n  animation: saeba26-title-in .9s cubic-bezier(.16,1,.3,1) both;\n}\n\n.saeba26-hero__title-sub {\n  margin-top: .18em;\n  font-size: clamp(38px, 7.8vw, 116px);\n  letter-spacing: -.055em;\n  animation: saeba26-title-in .95s .12s cubic-bezier(.16,1,.3,1) both;\n}\n\n.saeba26-hero__lead {\n  margin: clamp(25px, 4vw, 47px) 0 0;\n  font-size: clamp(13px, 1.15vw, 16px);\n  line-height: 1.9;\n  letter-spacing: .13em;\n  font-weight: 600;\n}\n\n.saeba26-hero__scroll,\n.saeba26-hero__shortcut {\n  display: inline-flex;\n  align-items: center;\n  gap: 16px;\n  min-height: 44px;\n  color: #fff !important;\n  text-decoration: none !important;\n  border-bottom: 1px solid rgba(255,255,255,.65);\n  transition: border-color .25s ease, gap .25s ease;\n}\n\n.saeba26-hero__scroll:hover,\n.saeba26-hero__shortcut:hover,\n.saeba26-hero__scroll:focus-visible,\n.saeba26-hero__shortcut:focus-visible {\n  gap: 24px;\n  border-color: #fff;\n}\n\n.saeba26-hero__arrow { font-size: 22px; line-height: 1; }\n\n@keyframes saeba26-title-in {\n  from { opacity: 0; transform: translateY(38px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* INFORMATION\uff1a\u898b\u51fa\u3057\u3068\u6295\u7a3f\u4e00\u89a7\u3092\u5225\u30d6\u30ed\u30c3\u30af\u306b\u3057\u305f\u307e\u307e\u4f59\u767d\u3092\u7d71\u4e00 *\/\n.saeba26-information {\n  padding: var(--saeba26-section-space) 0 0;\n  background: #fff;\n}\n\n.saeba26-information .saeba26-section-head {\n  margin-bottom: 0;\n}\n\n\/* Gutenberg\u30b0\u30eb\u30fc\u30d7\uff08\u4e2d\u8eab\u306f\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u30d6\u30ed\u30c3\u30af\uff09 *\/\n.saeba26-information-list {\n  box-sizing: border-box;\n  width: min(100%, calc(var(--saeba26-max) + var(--saeba26-gutter) * 2));\n  max-width: none !important;\n  margin: 0 auto !important;\n  padding: var(--saeba26-heading-space) var(--saeba26-gutter) var(--saeba26-information-bottom);\n  background: #fff;\n}\n\n.saeba26-information-list > :first-child { margin-top: 0 !important; }\n.saeba26-information-list > :last-child  { margin-bottom: 0 !important; }\n\n\/* 02\uff5cABOUT *\/\n.saeba26-about {\n  background: #fff;\n  padding: var(--saeba26-about-top) 0 var(--saeba26-section-space);\n}\n\n.saeba26-about__grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1.4fr) minmax(265px, .6fr);\n  gap: clamp(36px, 5vw, 78px);\n  align-items: end;\n}\n\n.saeba26-about__title {\n  margin: 0;\n  font-weight: 900;\n  font-size: clamp(31px, 3.8vw, 56px);\n  line-height: 1.48;\n  letter-spacing: -.045em;\n  color: var(--saeba26-ink);\n}\n\n.saeba26-about__title em {\n  font-style: normal;\n  color: var(--saeba26-red);\n}\n\n.saeba26-about__description {\n  margin: 0;\n  font-size: clamp(14px, 1.15vw, 17px);\n  font-weight: 500;\n  line-height: 2.25;\n  letter-spacing: .035em;\n}\n\n.saeba26-about__services {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin: 33px 0 0;\n  padding: 25px 0 0;\n  list-style: none;\n  border-top: 1px solid var(--saeba26-line);\n}\n\n.saeba26-about__services li {\n  padding: 7px 13px;\n  border: 1px solid #d9d5d1;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: .08em;\n}\n\n\/* 03\uff5cREASON *\/\n.saeba26-reasons-head {\n  background: var(--saeba26-soft);\n  padding: var(--saeba26-section-space) 0 clamp(32px, 4vw, 54px);\n}\n\n.saeba26-reasons-head .saeba26-section-head { margin-bottom: var(--saeba26-heading-space); }\n\n.saeba26-reasons-head__content {\n  display: flex;\n  align-items: end;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.saeba26-reasons-head__title {\n  margin: 0;\n  font-size: clamp(36px, 5vw, 70px);\n  font-weight: 900;\n  line-height: 1.25;\n  letter-spacing: -.045em;\n}\n\n.saeba26-reasons-head__title strong {\n  color: var(--saeba26-red);\n  font: 800 1.35em\/1 'Jost', sans-serif;\n}\n\n.saeba26-reasons-head__en {\n  margin: 0 0 8px;\n  color: #817c77;\n  font: 600 12px\/1.8 'Jost', sans-serif;\n  letter-spacing: .09em;\n  text-align: right;\n}\n\n.saeba26-reasons-list {\n  background: var(--saeba26-soft);\n  padding: 0 0 var(--saeba26-section-space);\n}\n\n.saeba26-reasons-list__grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 12px;\n}\n\n.saeba26-reason {\n  display: flex;\n  flex-direction: column;\n  min-height: 425px;\n  padding: clamp(30px, 3.5vw, 48px);\n  border: 1px solid #e8e5e2;\n  background: #fff;\n  transition: background .35s ease, border-color .35s ease, transform .35s ease;\n}\n\n.saeba26-reason__top {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: end;\n  justify-content: space-between;\n  gap: 12px;\n  margin-bottom: auto;\n}\n\n.saeba26-reason__number {\n  font: 800 clamp(78px, 8vw, 120px)\/.85 'Jost', sans-serif;\n  letter-spacing: -.08em;\n  color: var(--saeba26-red);\n  transition: color .35s ease;\n}\n\n.saeba26-reason__en {\n  padding-bottom: 7px;\n  color: #87817c;\n  font: 700 11px\/1.3 'Jost', sans-serif;\n  letter-spacing: .12em;\n  text-align: right;\n  transition: color .35s ease;\n}\n\n.saeba26-reason__title {\n  margin: 54px 0 17px;\n  font-size: clamp(18px, 1.65vw, 23px);\n  font-weight: 800;\n  line-height: 1.55;\n  letter-spacing: -.02em;\n  color: var(--saeba26-ink);\n  transition: color .35s ease;\n}\n\n.saeba26-reason__body {\n  margin: 0;\n  color: #5e5854;\n  font-size: 14px;\n  line-height: 2;\n  letter-spacing: .02em;\n  transition: color .35s ease;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .saeba26-reason:hover {\n    background: var(--saeba26-red);\n    border-color: var(--saeba26-red);\n    transform: translateY(-6px);\n  }\n  .saeba26-reason:hover .saeba26-reason__number,\n  .saeba26-reason:hover .saeba26-reason__en,\n  .saeba26-reason:hover .saeba26-reason__title,\n  .saeba26-reason:hover .saeba26-reason__body { color: #fff; }\n}\n\n\/* 04\uff5cLOCATION *\/\n.saeba26-location {\n  padding: var(--saeba26-section-space) 0 clamp(40px, 4.5vw, 66px);\n  background: #fff;\n}\n\n.saeba26-location .saeba26-section-head { margin-bottom: var(--saeba26-heading-space); }\n\n.saeba26-location__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: end;\n  gap: 45px;\n}\n\n.saeba26-location__title {\n  margin: 0;\n  font: 800 clamp(52px, 7vw, 100px)\/.97 'Jost', sans-serif;\n  letter-spacing: -.06em;\n  color: var(--saeba26-ink);\n}\n\n.saeba26-location__title span { color: var(--saeba26-red); }\n\n.saeba26-location__address {\n  font-style: normal;\n  font-size: clamp(15px, 1.4vw, 19px);\n  line-height: 2.1;\n  font-weight: 600;\n  letter-spacing: .025em;\n}\n\n.saeba26-location__address small {\n  display: block;\n  margin-bottom: 7px;\n  color: #817c77;\n  font: 700 12px\/1.3 'Jost', sans-serif;\n  letter-spacing: .14em;\n}\n\n.saeba26-map {\n  background: var(--saeba26-ink);\n}\n\n.saeba26-map__frame {\n  position: relative;\n  line-height: 0;\n  overflow: hidden;\n}\n\n.saeba26-map__frame iframe {\n  display: block;\n  width: 100%;\n  height: clamp(320px, 37vw, 495px);\n  border: 0;\n  filter: grayscale(100%) contrast(1.12);\n  transition: filter .4s ease;\n  background: #ddd9d5;\n}\n\n.saeba26-map__frame:focus-within iframe { filter: grayscale(0%); }\n@media (hover: hover) and (pointer: fine) {\n  .saeba26-map__frame:hover iframe { filter: grayscale(0%); }\n}\n\n.saeba26-map__bottom {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n  min-height: 88px;\n  padding: 18px var(--saeba26-gutter);\n  max-width: 1500px;\n  margin: auto;\n  color: #fff;\n  font: 600 12px\/1.5 'Jost', sans-serif;\n  letter-spacing: .11em;\n}\n\n.saeba26-map__link {\n  display: inline-flex;\n  align-items: center;\n  gap: 14px;\n  min-height: 44px;\n  color: #fff !important;\n  text-decoration: none !important;\n  border-bottom: 1px solid #fff;\n  transition: gap .25s ease;\n}\n\n.saeba26-map__link:hover,\n.saeba26-map__link:focus-visible { gap: 22px; }\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8\u30fb\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 *\/\n@media (max-width: 900px) {\n  .saeba26-about__grid { grid-template-columns: 1fr; gap: 35px; }\n  .saeba26-about__description { max-width: 680px; }\n  .saeba26-reasons-list__grid { grid-template-columns: 1fr; }\n  .saeba26-reason { min-height: 0; padding: 32px; }\n  .saeba26-reason__top { margin-bottom: 0; }\n  .saeba26-reason__title { margin-top: 32px; }\n  .saeba26-location__grid { grid-template-columns: 1fr; gap: 32px; }\n}\n\n@media (max-width: 600px) {\n  :root {\n    --saeba26-section-space: clamp(54px, 12vw, 74px);\n    --saeba26-heading-space: clamp(30px, 8vw, 44px);\n    --saeba26-information-bottom: clamp(40px, 9vw, 58px);\n    --saeba26-about-top: clamp(20px, 6vw, 34px);\n  }\n  .saeba26-hero { min-height: min(700px, 86svh); }\n  .saeba26-hero__inner { padding: 28px 22px 30px; }\n  .saeba26-hero__meta { font-size: 10px; letter-spacing: .07em; }\n  .saeba26-hero__title-main { font-size: clamp(78px, 23vw, 139px); }\n  .saeba26-hero__title-sub { font-size: clamp(27px, 9.2vw, 56px); }\n  .saeba26-hero__lead { font-size: 12px; letter-spacing: .05em; }\n  .saeba26-hero__foot { font-size: 10px; letter-spacing: .05em; }\n  .saeba26-hero__foot .saeba26-hero__shortcut { display: none; }\n  .saeba26-section-head { gap: 15px; margin-bottom: var(--saeba26-heading-space); }\n  .saeba26-tag { min-width: 128px; min-height: 40px; font-size: 13px; }\n  .saeba26-about__title { font-size: clamp(29px, 8vw, 42px); }\n  .saeba26-about__description { font-size: 14px; line-height: 2.1; }\n  .saeba26-reasons-head__content { display: block; }\n  .saeba26-reasons-head__title { font-size: clamp(33px, 9vw, 47px); }\n  .saeba26-reasons-head__en { margin-top: 20px; text-align: left; }\n  .saeba26-reasons-head .saeba26-section-head { margin-bottom: var(--saeba26-heading-space); }\n  .saeba26-reason__number { font-size: 80px; }\n  .saeba26-location .saeba26-section-head { margin-bottom: var(--saeba26-heading-space); }\n  .saeba26-location__title { font-size: clamp(54px, 15vw, 78px); }\n  .saeba26-map__frame iframe { height: 300px; }\n  .saeba26-map__bottom { align-items: flex-start; flex-direction: column; gap: 3px; padding: 20px 22px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .saeba26-hero *, .saeba26-section *, .saeba26-map * {\n    animation: none !important;\n    transition-duration: .01ms !important;\n  }\n}\n<\/style>\n\n\n\n<!-- ==========================================================\n  01\uff5cSAEBA HERO \u00d7 FIELD VOICES \/ \u9023\u7d9a\u3059\u308b1\u3064\u306e\u30d3\u30b8\u30e5\u30a2\u30eb\n  \u65e2\u5b58\u306eHERO\u3068\u65e7INSIGHT\u30d6\u30ed\u30c3\u30af\u3092\u4e21\u65b9\u524a\u9664\u3057\u3001\u3053\u308c\u306b\u7f6e\u304d\u63db\u3048\n  \u7de8\u96c6\u4f4d\u7f6e\uff1aHERO\u306e\u4f1a\u793e\u540d\u30fb\u30b3\u30d4\u30fc\uff0fSCENE 01\u301c04\u306e\u30bb\u30ea\u30d5\n  \u30b9\u30e9\u30a4\u30c9\u8868\u793a\u6642\u9593\uff1a\u672b\u5c3eJS\u5185 DURATION = 6800\n  \u65e2\u5b58\u306e\u5171\u901aCSS\u30fb\u4ed6\u306e\u56fa\u5b9a\u30da\u30fc\u30b8\u30fb\u30d7\u30e9\u30b0\u30a4\u30f3\u306f\u5909\u66f4\u4e0d\u8981\n========================================================== -->\n<style>\n\n\/* =============================================================\n   SAEBA 26 \/ CINEMATIC HERO + FIELD VOICES \u2014 SINGLE WP BLOCK\n   ONE VISUAL EXPERIENCE \/ NO SEPARATE INSIGHT HEADER\n   ============================================================= *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');\n.saeba26-cinematic {\n  --saeba26-red: #e1002e;\n  --saeba26-ink: #231815;\n  --saeba26-gutter: clamp(22px, 5vw, 68px);\n  --sk26-red: #e1002e;\n  --sk26-ink: #231815;\n  --sk26-white: #ffffff;\n  --sk26-gutter: clamp(20px, 5vw, 72px);\n  position: relative;\n  isolation: isolate;\n  width: 100vw;\n  max-width: none !important;\n  left: 50%;\n  margin: 0 0 0 -50vw !important;\n  padding: 0 !important;\n  font-family: 'Noto Sans JP', sans-serif;\n  -webkit-font-smoothing: antialiased;\n  background: linear-gradient(90deg,#e1002e 0 50%,#231815 50% 100%);\n  overflow: hidden;\n}\n.saeba26-cinematic *,\n.saeba26-cinematic *::before,\n.saeba26-cinematic *::after { box-sizing: border-box; }\n.saeba26-cinematic .saeba26-hero {\n  position: relative;\n  width: 100%;\n  margin: 0 !important;\n  max-width: none !important;\n}\n.saeba26-cinematic .saeba26-hero__inner {\n  width: 100%;\n  margin: 0 auto;\n}\n.saeba26-cinematic .saeba26-hero__title {\n  color: #fff;\n}\n.saeba26-cinematic .saeba26-hero__title-main,\n.saeba26-cinematic .saeba26-hero__title-sub {\n  overflow-wrap: normal;\n}\n\/* Gutenberg\u3067\u4e0a\u30fb\u4e0b\u306e\u30ab\u30b9\u30bf\u30e0HTML\u3068\u306e\u9593\u306b\u4f59\u8a08\u306a\u4f59\u767d\u3092\u51fa\u3055\u306a\u3044 *\/\n.saeba26-cinematic .saeba26-hero,\n.saeba26-cinematic .sk26-kinetic,\n.saeba26-cinematic .sk26-stage,\n.saeba26-cinematic .sk26-controls { margin-top: 0 !important; margin-bottom: 0 !important; }\n.saeba26-cinematic .sk26-kinetic {\n  position: relative;\n  width: 100%;\n  max-width: none !important;\n  left: auto;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  padding: 0 !important;\n}\n\/* HERO\u6700\u4e0b\u6bb5\u3068\u7b2c1\u30b7\u30fc\u30f3\u306e\u5730\u8272\u3092\u5b8c\u5168\u306b\u3064\u306a\u3052\u308b *\/\n.saeba26-cinematic .sk26-01__base {\n  background: linear-gradient(90deg, #e1002e 0 50%, #231815 50% 100%);\n}\n.saeba26-cinematic #saeba26-voices { scroll-margin-top: 80px; }\n.saeba26-cinematic .sk26-stage { width: 100%; }\n.saeba26-cinematic .sk26-controls { border-top: 1px solid rgba(255,255,255,.14); }\n.saeba26-cinematic .saeba26-hero__foot { position: relative; }\n\/* \u5883\u754c\u306f\u7dda\u3067\u3082\u4f59\u767d\u3067\u3082\u306a\u304f\u3001\u30b9\u30af\u30ed\u30fc\u30eb\u3067\u305d\u306e\u307e\u307e\u6b21\u306e\u30b7\u30fc\u30f3\u3078 *\/\n@media (max-width:600px) {\n  .saeba26-cinematic .saeba26-hero { min-height: min(700px, 86svh); }\n  .saeba26-cinematic .saeba26-hero__inner { padding: 28px 22px 30px; }\n  .saeba26-cinematic .saeba26-hero__meta { font-size:10px; letter-spacing:.07em; }\n  .saeba26-cinematic .saeba26-hero__title-main { font-size:clamp(78px,23vw,139px); }\n  .saeba26-cinematic .saeba26-hero__title-sub { font-size:clamp(27px,9.2vw,56px); }\n  .saeba26-cinematic .saeba26-hero__lead { font-size:12px; letter-spacing:.05em; }\n  .saeba26-cinematic .saeba26-hero__foot { font-size:10px; letter-spacing:.05em; }\n  .saeba26-cinematic .saeba26-hero__foot .saeba26-hero__shortcut { display:none; }\n  .saeba26-cinematic #saeba26-voices { scroll-margin-top: 66px; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .saeba26-cinematic .saeba26-hero__title-main,\n  .saeba26-cinematic .saeba26-hero__title-sub { animation: none !important; }\n  .saeba26-cinematic .saeba26-hero__scroll,\n  .saeba26-cinematic .saeba26-hero__shortcut { transition: none !important; }\n}\n\n\/* 01\uff5cHERO *\/\n.saeba26-hero {\n  isolation: isolate;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: clamp(610px, 83svh, 920px);\n  overflow: hidden;\n  color: #fff;\n  background: linear-gradient(90deg, var(--saeba26-red) 0 50%, var(--saeba26-ink) 50% 100%);\n}\n\n.saeba26-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: .4;\n  background-image: radial-gradient(rgba(255,255,255,.24) .7px, transparent .7px);\n  background-size: 27px 27px;\n}\n\n.saeba26-hero::after {\n  content: '';\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 1px;\n  background: rgba(255,255,255,.13);\n  pointer-events: none;\n}\n\n.saeba26-hero__canvas {\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.saeba26-hero__inner {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  max-width: 1520px;\n  min-height: inherit;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: clamp(34px, 5vw, 76px) var(--saeba26-gutter);\n}\n\n.saeba26-hero__meta,\n.saeba26-hero__foot {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 20px;\n  font: 600 clamp(11px, 1.1vw, 14px)\/1.5 'Jost', sans-serif;\n  letter-spacing: .16em;\n}\n\n.saeba26-hero__meta span:last-child { text-align: right; }\n\n.saeba26-hero__center {\n  text-align: center;\n  padding: 34px 0;\n}\n\n.saeba26-hero__title {\n  margin: 0;\n  font-family: 'Jost', sans-serif;\n  font-weight: 800;\n  line-height: .87;\n  letter-spacing: -.075em;\n  color: #fff;\n}\n\n.saeba26-hero__title span { display: block; }\n\n.saeba26-hero__title-main {\n  font-size: clamp(110px, 19vw, 300px);\n  animation: saeba26-title-in .9s cubic-bezier(.16,1,.3,1) both;\n}\n\n.saeba26-hero__title-sub {\n  margin-top: .18em;\n  font-size: clamp(38px, 7.8vw, 116px);\n  letter-spacing: -.055em;\n  animation: saeba26-title-in .95s .12s cubic-bezier(.16,1,.3,1) both;\n}\n\n.saeba26-hero__lead {\n  margin: clamp(25px, 4vw, 47px) 0 0;\n  font-size: clamp(13px, 1.15vw, 16px);\n  line-height: 1.9;\n  letter-spacing: .13em;\n  font-weight: 600;\n}\n\n.saeba26-hero__scroll,\n.saeba26-hero__shortcut {\n  display: inline-flex;\n  align-items: center;\n  gap: 16px;\n  min-height: 44px;\n  color: #fff !important;\n  text-decoration: none !important;\n  border-bottom: 1px solid rgba(255,255,255,.65);\n  transition: border-color .25s ease, gap .25s ease;\n}\n\n.saeba26-hero__scroll:hover,\n.saeba26-hero__shortcut:hover,\n.saeba26-hero__scroll:focus-visible,\n.saeba26-hero__shortcut:focus-visible {\n  gap: 24px;\n  border-color: #fff;\n}\n\n.saeba26-hero__arrow { font-size: 22px; line-height: 1; }\n\n@keyframes saeba26-title-in {\n  from { opacity: 0; transform: translateY(38px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* FOUR SCENES \/ COLOR PANEL ANIMATIONS *\/\n\n600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');\n\n.sk26-kinetic {\n  --sk26-red: #e1002e;\n  --sk26-ink: #231815;\n  --sk26-white: #ffffff;\n  --sk26-line: #e6e2df;\n  --sk26-gutter: clamp(20px, 5vw, 72px);\n  font-family: 'Noto Sans JP', sans-serif;\n  color: var(--sk26-ink);\n  background: var(--sk26-white);\n  position: relative;\n  isolation: isolate;\n  width: 100vw;\n  left: 50%;\n  margin-left: -50vw !important;\n  margin-right: 0 !important;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  max-width: none !important;\n  overflow: hidden;\n  -webkit-font-smoothing: antialiased;\n}\n.sk26-kinetic *, .sk26-kinetic *::before, .sk26-kinetic *::after { box-sizing: border-box; }\n.sk26-kinetic button { font: inherit; }\n.sk26-kinetic button:focus-visible { outline: 3px solid var(--sk26-red); outline-offset: 4px; }\n.sk26-kinetic__header { padding: clamp(70px, 9vw, 118px) var(--sk26-gutter) clamp(35px, 5vw, 65px); }\n.sk26-kinetic__heading {\n  max-width: 1180px; margin: 0 auto;\n  display: grid; grid-template-columns: 1fr auto 1fr;\n  gap: clamp(12px, 2.8vw, 35px); align-items: center;\n}\n.sk26-kinetic__heading::before, .sk26-kinetic__heading::after { content: ''; height: 1px; background: var(--sk26-line); }\n.sk26-kinetic__tag {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 154px; min-height: 44px; padding: 9px 24px;\n  background: linear-gradient(to bottom, var(--sk26-red) 0 50%, var(--sk26-ink) 50%);\n  color: #fff; font: 700 13px\/1.3 'Jost',sans-serif;\n  letter-spacing: .22em; text-indent: .22em;\n}\n.sk26-kinetic__subhead {\n  max-width: 1180px; margin: 30px auto 0;\n  display: flex; align-items: baseline; justify-content: space-between; gap: 20px;\n  font: 600 11px\/1.5 'Jost',sans-serif; letter-spacing: .13em;\n  color: #746d68;\n}\n.sk26-kinetic__subhead span:last-child { font-family: 'Noto Sans JP',sans-serif; letter-spacing: .05em; font-size: 12px; }\n.sk26-stage {\n  position: relative;\n  height: clamp(565px, 60vw, 760px);\n  overflow: hidden;\n  background: var(--sk26-ink);\n  isolation: isolate;\n}\n.sk26-stage::after {\n  position: absolute; inset: 0; z-index: 7;\n  content: ''; pointer-events: none;\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);\n}\n.sk26-scene {\n  position: absolute; inset: 0;\n  visibility: hidden; opacity: 0;\n  pointer-events: none;\n  overflow: hidden;\n}\n.sk26-scene.is-active { visibility: visible; opacity: 1; z-index: 3; }\n.sk26-scene.is-exiting { visibility: visible; opacity: 1; z-index: 2; }\n.sk26-motion { position: absolute; transform: translate3d(0,0,0); will-change: transform; }\n.sk26-kinetic.is-animated .sk26-scene.is-active .sk26-motion {\n  animation: sk26-enter .9s cubic-bezier(.16,1,.3,1) both;\n  animation-delay: var(--in-delay, 0s);\n}\n.sk26-kinetic.is-animated .sk26-scene.is-exiting .sk26-motion {\n  animation: sk26-exit .78s cubic-bezier(.76,0,.5,1) both;\n  animation-delay: var(--out-delay, 0s);\n}\n@keyframes sk26-enter {\n  from { opacity: .93; transform: translate3d(var(--from-x,0%),var(--from-y,0%),0); }\n  to   { opacity: 1; transform: translate3d(0,0,0); }\n}\n@keyframes sk26-exit {\n  from { opacity: 1; transform: translate3d(0,0,0); }\n  to   { opacity: 1; transform: translate3d(var(--out-x,0%),var(--out-y,0%),0); }\n}\n.sk26-panel { overflow: hidden; display: flex; flex-direction: column; justify-content: center; }\n.sk26-panel--full { inset: 0; z-index: 0; }\n.sk26-scene__micro {\n  font: 700 clamp(10px,1.2vw,14px)\/1.35 'Jost',sans-serif;\n  letter-spacing: .18em;\n}\n.sk26-scene__serial {\n  z-index: 6; bottom: 22px; left: var(--sk26-gutter);\n  color: currentColor; font: 700 12px\/1.5 'Jost',sans-serif; letter-spacing: .16em;\n}\n.sk26-word { margin: 0; font-weight: 900; letter-spacing: -.075em; line-height: 1.17; }\n.sk26-word em { font-style: normal; }\n\n\/* SCENE 01\uff1a\u5206\u65ad\u3055\u308c\u308b\u4ed5\u4e8b \/ RED + BLACK + WHITE *\/\n.sk26-scene--01 { color: var(--sk26-ink); }\n.sk26-01__base { background: var(--sk26-red); --from-x: -105%; --out-x: 105%; }\n.sk26-01__band {\n  z-index: 2; left: 0; top: 8%; width: 71%; height: 13%;\n  background: var(--sk26-ink); color: #fff;\n  padding: 0 var(--sk26-gutter);\n  --from-x: -130%; --out-x: -130%; --in-delay: .10s;\n}\n.sk26-01__band strong { font-size: clamp(16px, 2.2vw, 28px); font-weight: 800; letter-spacing: .025em; }\n.sk26-01__side {\n  z-index: 3; top: 19%; right: 0; width: 23%; height: 72%;\n  background: #fff; color: var(--sk26-ink);\n  align-items: center; padding: 25px 14px;\n  --from-y: -145%; --out-y: -145%; --in-delay: .32s;\n}\n.sk26-01__side .sk26-vertical {\n  writing-mode: vertical-rl; text-orientation: mixed;\n  font-weight: 900; font-size: clamp(28px, 4.8vw, 67px);\n  line-height: 1.3; letter-spacing: -.03em;\n}\n.sk26-01__side .sk26-side-small {\n  position: absolute; right: 15px; bottom: 18px;\n  font: 700 10px\/1.2 'Jost',sans-serif; letter-spacing: .12em;\n}\n.sk26-01__title {\n  z-index: 2; left: 5%; top: 29%; width: 72%;\n  font-size: clamp(49px, 7vw, 113px);\n  --from-x: -118%; --out-x: -120%; --in-delay: .24s;\n}\n.sk26-01__title em { color: #fff; }\n.sk26-01__tags {\n  z-index: 2; left: 5.4%; bottom: 12%;\n  background: var(--sk26-ink); color: #fff;\n  padding: 12px clamp(14px,2.5vw,33px);\n  font-size: clamp(12px,1.45vw,19px); font-weight: 700; letter-spacing: .15em;\n  --from-y: 350%; --out-y: 350%; --in-delay: .44s;\n}\n.sk26-scene--01 .sk26-scene__serial { color: #fff; --from-x:-220%; --out-x:-220%; --in-delay:.55s; }\n\n\/* SCENE 02\uff1a\u6025\u306a\u76e3\u67fb \/ BLACK + RED + WHITE *\/\n.sk26-scene--02 { color: #fff; }\n.sk26-02__base { background: var(--sk26-ink); --from-x: 105%; --out-x:-105%; }\n.sk26-02__overline {\n  z-index: 2; left: 6%; top: 8%; color: #fff;\n  --from-x:-250%; --out-x:-250%; --in-delay:.2s;\n}\n.sk26-02__red {\n  z-index: 2; left: 6%; top: 19%; width: 57%; height: 51%;\n  background: var(--sk26-red); color:#fff; padding: clamp(18px,4vw,52px);\n  --from-y:-155%; --out-y:155%; --in-delay:.13s;\n}\n.sk26-02__red strong {\n  display: block; font-weight:900;\n  font-size:clamp(65px,10.8vw,165px); line-height:.97; letter-spacing:-.1em;\n}\n.sk26-02__right {\n  z-index: 2; right: 5%; top: 24%; width: 27%;\n  font-weight: 900; line-height: 1.42;\n  font-size: clamp(25px,4.4vw,66px);\n  --from-x: 180%; --out-x: 180%; --in-delay:.34s;\n}\n.sk26-02__right em { color: var(--sk26-red); }\n.sk26-02__white {\n  z-index: 4; left: 18%; top: 72%; width: 76%; min-height: 15%;\n  background:#fff; color:var(--sk26-ink);\n  padding: 20px clamp(18px,3vw,43px);\n  --from-x: 125%; --out-x:125%; --in-delay:.48s;\n}\n.sk26-02__white strong {font-weight:900;font-size:clamp(26px,4.65vw,71px);line-height:1.3;letter-spacing:-.06em;}\n.sk26-scene--02 .sk26-scene__serial { --from-x:-200%; --out-x:-200%; --in-delay:.63s; }\n\n\/* SCENE 03\uff1a\u4f1d\u308f\u3089\u306a\u3044\u30fb\u5c4a\u304b\u306a\u3044 \/ WHITE + BLACK + RED *\/\n.sk26-scene--03 { color:var(--sk26-ink); }\n.sk26-03__base { background:#fff; --from-y:-105%; --out-y:105%; }\n.sk26-03__ghost {\n  z-index:1; left:3%; top:3%;\n  color:rgba(35,24,21,.065); font:900 clamp(130px,20vw,350px)\/.95 'Jost',sans-serif;\n  letter-spacing:-.1em; white-space:nowrap;\n  --from-x:105%; --out-x:-105%; --in-delay:.08s;\n}\n.sk26-03__eyebrow {\n  z-index:3; left:6%; top:9%; color:var(--sk26-red);\n  --from-y:-250%; --out-y:-250%; --in-delay:.12s;\n}\n.sk26-03__stripe {\n  z-index:2; padding: 12px clamp(18px,3.6vw,55px);\n  font-weight:900; font-size:clamp(28px,5.2vw,77px);\n  letter-spacing:-.07em; line-height:1.28;\n  white-space:nowrap;\n}\n.sk26-03__stripe--a {\n  left:4%; top:23%; width:75%; height:18%; background:var(--sk26-ink); color:#fff;\n  --from-x:-140%; --out-x:-140%; --in-delay:.15s;\n}\n.sk26-03__stripe--b {\n  right:3%; top:44%; width:76%; height:18%; background:var(--sk26-red); color:#fff;\n  --from-x:140%; --out-x:140%; --in-delay:.32s;\n}\n.sk26-03__stripe--c {\n  left:8%; top:65%; width:80%; height:18%; background:var(--sk26-ink); color:#fff;\n  --from-y:260%; --out-y:260%; --in-delay:.48s;\n}\n.sk26-scene--03 .sk26-scene__serial { --from-x:-200%; --out-x:-200%; --in-delay:.64s; }\n\n\/* SCENE 04\uff1a\u9858\u3044\u306e\u6b63\u4f53 \/ BLACK + WHITE + RED *\/\n.sk26-scene--04 { color:#fff; }\n.sk26-04__base { background:var(--sk26-ink); --from-y:105%; --out-y:-105%; }\n.sk26-04__top {\n  z-index:2; left:0; top:14%; width:72%; height:17%;\n  background:#fff; color:var(--sk26-ink); padding:16px var(--sk26-gutter);\n  --from-x:-130%; --out-x:-130%; --in-delay:.12s;\n}\n.sk26-04__top strong {font-size:clamp(25px,4.2vw,67px);font-weight:900;letter-spacing:-.07em;}\n.sk26-04__red {\n  z-index:2; left:15%; top:38%; width:85%; height:42%;\n  background:var(--sk26-red); color:#fff;\n  padding:clamp(18px,3vw,45px) clamp(22px,5vw,76px);\n  --from-x:110%; --out-x:110%; --in-delay:.27s;\n}\n.sk26-04__red strong {\n  display:block; font-weight:900; line-height:1.14;\n  font-size:clamp(42px,7.6vw,115px); letter-spacing:-.075em;\n}\n.sk26-04__bottom {\n  z-index:3; left:6%; bottom:8%;\n  font:800 clamp(13px,1.8vw,23px)\/1.3 'Jost',sans-serif;letter-spacing:.12em;\n  --from-y:270%; --out-y:270%; --in-delay:.51s;\n}\n.sk26-scene--04 .sk26-scene__serial { color:rgba(255,255,255,.7); --from-x:-180%; --out-x:-180%; --in-delay:.58s; }\n\n\/* \u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\uff1a\u5229\u7528\u8005\u304c\u52d5\u304d\u3092\u6b62\u3081\u3089\u308c\u308b\u69cb\u6210 *\/\n.sk26-controls {\n  min-height: 100px; background: var(--sk26-ink); color:#fff;\n  padding: 20px var(--sk26-gutter);\n  display:flex; align-items:center; justify-content:space-between; gap:26px;\n}\n.sk26-controls__left {display:flex;align-items:center;gap:17px;flex:0 0 auto;}\n.sk26-controls__label {font:700 12px\/1.5 'Jost',sans-serif;letter-spacing:.13em;color:#d5cfcc;}\n.sk26-controls__count {font:700 13px\/1 'Jost',sans-serif;letter-spacing:.15em;min-width:60px;}\n.sk26-controls__steps {display:flex;flex:1;justify-content:center;gap:8px;max-width:440px;}\n.sk26-controls__step {\n  flex:1; max-width:92px; min-width:33px; height:44px; border:0; padding:0 0 10px;\n  background:none; color:rgba(255,255,255,.55);cursor:pointer;\n  text-align:left; font:600 11px\/1.5 'Jost',sans-serif;letter-spacing:.1em;\n  transition:color .25s ease;\n}\n.sk26-controls__step::after {content:'';display:block;height:2px;margin-top:7px;background:rgba(255,255,255,.3);transition:background .25s ease;}\n.sk26-controls__step[aria-current='step'] {color:#fff;}\n.sk26-controls__step[aria-current='step']::after {background:var(--sk26-red);height:3px;}\n.sk26-controls__buttons {display:flex;gap:8px;flex:0 0 auto;}\n.sk26-controls__btn {\n  display:inline-flex;align-items:center;justify-content:center;\n  width:46px;height:46px;\n  border:1px solid rgba(255,255,255,.38);border-radius:0;background:transparent;color:#fff;\n  font:700 17px\/1 'Jost',sans-serif;cursor:pointer;transition:background .2s,border-color .2s;\n}\n.sk26-controls__btn:hover {background:var(--sk26-red);border-color:var(--sk26-red);}\n.sk26-controls__btn:disabled {opacity:.55;cursor:not-allowed;background:transparent;border-color:rgba(255,255,255,.2);}\n.sk26-controls__btn--pause {width:60px;font-size:11px;letter-spacing:.02em;}\n.sk26-kinetic__sr {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}\n\n@media (max-width: 980px) {\n  .sk26-stage {height:clamp(550px,70vw,700px);}\n  .sk26-01__title {font-size:clamp(50px,7.4vw,90px);}\n  .sk26-02__red strong {font-size:clamp(60px,10vw,114px);}\n  .sk26-03__stripe {font-size:clamp(29px,5.2vw,56px);}\n  .sk26-04__red strong {font-size:clamp(44px,7vw,82px);}\n}\n@media (max-width: 600px) {\n  .sk26-kinetic__header {padding:70px 18px 32px;}\n  .sk26-kinetic__heading {gap:12px;}\n  .sk26-kinetic__tag {min-width:136px;min-height:40px;font-size:12px;}\n  .sk26-kinetic__subhead {margin-top:19px;display:block;font-size:10px;}\n  .sk26-kinetic__subhead span:last-child {display:block;margin-top:6px;font-size:11px;}\n  .sk26-stage {height:clamp(560px,77svh,690px);}\n  .sk26-scene__serial {left:18px;bottom:18px;font-size:10px;}\n  .sk26-01__band {top:7%;width:89%;height:13%;padding-left:18px;}\n  .sk26-01__band strong {font-size:clamp(16px,5vw,21px);line-height:1.4;}\n  .sk26-01__side {top:38%;width:29%;height:49%;padding:10px 5px;}\n  .sk26-01__side .sk26-vertical {font-size:clamp(23px,6vw,33px);letter-spacing:-.08em;}\n  .sk26-01__side .sk26-side-small {font-size:8px;right:6px;bottom:6px;}\n  .sk26-01__title {left:5%;top:27%;width:70%;font-size:clamp(39px,9.2vw,55px);line-height:1.25;}\n  .sk26-01__tags {left:5%;bottom:13%;padding:12px 14px;font-size:11px;line-height:1.5;max-width:70%;}\n  .sk26-02__overline {top:8%;left:5%;font-size:10px;}\n  .sk26-02__red {left:5%;top:18%;width:70%;height:39%;padding:16px;}\n  .sk26-02__red strong {font-size:clamp(63px,15vw,92px);}\n  .sk26-02__right {right:5%;top:61%;width:51%;font-size:clamp(26px,6.5vw,38px);}\n  .sk26-02__white {left:4%;top:81%;width:91%;min-height:12%;padding:12px 15px;}\n  .sk26-02__white strong {font-size:clamp(22px,6vw,31px);}\n  .sk26-03__ghost {top:4%;font-size:130px;}\n  .sk26-03__eyebrow {left:5%;top:10%;font-size:10px;}\n  .sk26-03__stripe {padding:10px 16px;font-size:clamp(22px,6.1vw,32px);line-height:1.3;white-space:normal;}\n  .sk26-03__stripe--a {left:3%;top:23%;width:91%;height:17%;}\n  .sk26-03__stripe--b {right:0;top:44%;width:94%;height:17%;}\n  .sk26-03__stripe--c {left:3%;top:65%;width:94%;height:17%;}\n  .sk26-04__top {top:15%;width:92%;height:17%;padding:14px 17px;}\n  .sk26-04__top strong {font-size:clamp(24px,6.9vw,35px);}\n  .sk26-04__red {top:39%;left:8%;width:92%;height:39%;padding:20px 16px;}\n  .sk26-04__red strong {font-size:clamp(39px,10vw,55px);line-height:1.3;}\n  .sk26-04__bottom {left:6%;bottom:10%;font-size:11px;}\n  .sk26-controls {gap:12px;flex-wrap:wrap;padding:14px 18px 18px;min-height:112px;}\n  .sk26-controls__left {order:1;gap:9px;}\n  .sk26-controls__label {font-size:10px;}\n  .sk26-controls__count {font-size:11px;min-width:50px;}\n  .sk26-controls__buttons {order:2;margin-left:auto;}\n  .sk26-controls__btn {width:39px;height:39px;font-size:14px;}\n  .sk26-controls__btn--pause {width:51px;font-size:10px;}\n  .sk26-controls__steps {order:3;max-width:none;flex-basis:100%;gap:9px;}\n  .sk26-controls__step {height:30px;padding:0;font-size:10px;}\n  .sk26-controls__step::after {margin-top:4px;}\n}\n@media (max-width: 350px) {\n  .sk26-01__title {font-size:35px;}\n  .sk26-01__title em {font-size:.82em;letter-spacing:-.09em;}\n  .sk26-01__side .sk26-vertical {font-size:21px;}\n  .sk26-02__red strong {font-size:56px;}\n  .sk26-03__stripe {font-size:21px;}\n  .sk26-04__red strong {font-size:36px;}\n}\n@media (prefers-reduced-motion: reduce) {\n  .sk26-kinetic .sk26-motion {animation:none!important;transform:none!important;transition:none!important;will-change:auto!important;}\n  .sk26-kinetic .sk26-scene.is-exiting {visibility:hidden!important;}\n}\n\n<\/style>\n<div class=\"saeba26-cinematic\" id=\"saeba26-cinematic\">\n  <!-- BRAND HERO\uff1a\u4ee5\u524d\u3068\u540c\u3058\u69cb\u56f3\u30fb\u30d1\u30fc\u30c6\u30a3\u30af\u30eb -->\n  <section class=\"saeba26-hero\" id=\"saeba26-top\" aria-labelledby=\"saeba26-hero-title\">\n  <canvas class=\"saeba26-hero__canvas\" aria-hidden=\"true\"><\/canvas>\n  <div class=\"saeba26-hero__inner\">\n    <div class=\"saeba26-hero__meta\">\n      <span>SAEBA COORDINATION<\/span>\n      <span>HYGIENE \/ OPERATION \/ SUPPORT<\/span>\n    <\/div>\n\n    <div class=\"saeba26-hero__center\">\n      <h1 class=\"saeba26-hero__title\" id=\"saeba26-hero-title\">\n        <span class=\"saeba26-hero__title-main\">SAEBA<\/span>\n        <span class=\"saeba26-hero__title-sub\">COORDINATION<\/span>\n      <\/h1>\n      <p class=\"saeba26-hero__lead\">\u73fe\u5834\u3092\u3001\u6e05\u6f54\u3068\u5b89\u5fc3\u3067\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3059\u308b\u3002<\/p>\n    <\/div>\n\n    <div class=\"saeba26-hero__foot\">\n      <a class=\"saeba26-hero__scroll\" href=\"#saeba26-voices\">DISCOVER MORE <span class=\"saeba26-hero__arrow\" aria-hidden=\"true\">\u2193<\/span><\/a>\n      <a class=\"saeba26-hero__shortcut\" href=\"#saeba26-reasons\">OUR STRENGTHS <span class=\"saeba26-hero__arrow\" aria-hidden=\"true\">\u2197<\/span><\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n  <!-- VOICES\uff1a\u30bf\u30a4\u30c8\u30eb\u30fb\u767d\u3044\u5c0e\u5165\u5e2f\u306a\u3057\u3067HERO\u76f4\u4e0b\u306b\u9023\u7d50 -->\n  <section class=\"sk26-kinetic sk26-kinetic--merged\" id=\"saeba26-voices\" aria-label=\"SAEBA COORDINATION \u73fe\u5834\u306e\u58f0\u3068\u8ab2\u984c\">\n<div class=\"sk26-stage\" role=\"group\" aria-roledescription=\"\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\" aria-label=\"\u73fe\u5834\u306e\u58f0\u3092\u8868\u30594\u3064\u306e\u30b7\u30fc\u30f3\">\n\n    <!-- ===== SCENE 01\uff5c\u62c5\u5f53\u7a93\u53e3\u304c\u3070\u3089\u3070\u3089 ===== -->\n    <article class=\"sk26-scene sk26-scene--01 is-active\" aria-hidden=\"false\">\n      <div class=\"sk26-panel sk26-panel--full sk26-motion sk26-01__base\"><\/div>\n      <div class=\"sk26-panel sk26-motion sk26-01__band\">\n        <strong>\u691c\u67fb\u3068\u6e05\u6383\u3092\u3001\u9055\u3046\u4f1a\u793e\u3078\u3002<\/strong>\n      <\/div>\n      <div class=\"sk26-panel sk26-motion sk26-01__side\">\n        <span class=\"sk26-vertical\">\u4e00\u56de\u3067\u3001<br>\u5168\u90e8\u3002<\/span>\n        <span class=\"sk26-side-small\">ONE CONTACT?<\/span>\n      <\/div>\n      <p class=\"sk26-word sk26-motion sk26-01__title\">\n        \u691c\u67fb\u3082\u3002<br>\u6e05\u6383\u3082\u3002<br><em>\u5225\u3005\u306b\u983c\u3080\u306e\uff1f<\/em>\n      <\/p>\n      <div class=\"sk26-motion sk26-01__tags\">\u70b9\u691c\u3000\/\u3000\u6e05\u6383\u3000\/\u3000\u4fee\u7e55\u3000\/\u3000\u5185\u88c5<\/div>\n      <span class=\"sk26-scene__serial sk26-motion\">01 \/ TOO MANY CONTACTS<\/span>\n    <\/article>\n\n    <!-- ===== SCENE 02\uff5c\u6025\u306b\u52d5\u304b\u306a\u304f\u3066\u306f\u3044\u3051\u306a\u3044 ===== -->\n    <article class=\"sk26-scene sk26-scene--02\" aria-hidden=\"true\">\n      <div class=\"sk26-panel sk26-panel--full sk26-motion sk26-02__base\"><\/div>\n      <span class=\"sk26-scene__micro sk26-motion sk26-02__overline\">NO TIME TO WAIT.<\/span>\n      <div class=\"sk26-panel sk26-motion sk26-02__red\">\n        <strong>\u6025\u306a\u3001<br>\u76e3\u67fb\u3002<\/strong>\n      <\/div>\n      <p class=\"sk26-word sk26-motion sk26-02__right\">\u304d\u3087\u3046\u3001<br><em>\u3069\u3046\u306b\u304b<\/em><br>\u3057\u305f\u3044\u3002<\/p>\n      <div class=\"sk26-panel sk26-motion sk26-02__white\">\n        <strong>\u5f85\u3063\u3066\u304f\u308c\u306a\u3044\u3001\u73fe\u5834\u3002<\/strong>\n      <\/div>\n      <span class=\"sk26-scene__serial sk26-motion\">02 \/ URGENT RESPONSE<\/span>\n    <\/article>\n\n    <!-- ===== SCENE 03\uff5c\u62c5\u5f53\u30fb\u9023\u7d61\u30fb\u30d5\u30a9\u30ed\u30fc\u306e\u4e0d\u6e80 ===== -->\n    <article class=\"sk26-scene sk26-scene--03\" aria-hidden=\"true\">\n      <div class=\"sk26-panel sk26-panel--full sk26-motion sk26-03__base\"><\/div>\n      <span class=\"sk26-motion sk26-03__ghost\" aria-hidden=\"true\">WHY?<\/span>\n      <span class=\"sk26-scene__micro sk26-motion sk26-03__eyebrow\">AFTER THE INSPECTION \/ AND THEN?<\/span>\n      <div class=\"sk26-panel sk26-motion sk26-03__stripe sk26-03__stripe--a\">\u6bce\u56de\u3001\u9055\u3046\u62c5\u5f53\u3002<\/div>\n      <div class=\"sk26-panel sk26-motion sk26-03__stripe sk26-03__stripe--b\">\u4f55\u5ea6\u3082\u3001\u540c\u3058\u8aac\u660e\u3002<\/div>\n      <div class=\"sk26-panel sk26-motion sk26-03__stripe sk26-03__stripe--c\">\u691c\u67fb\u5f8c\u306e\u30d5\u30a9\u30ed\u30fc\u306f\uff1f<\/div>\n      <span class=\"sk26-scene__serial sk26-motion\">03 \/ WHERE IS THE FOLLOW-UP?<\/span>\n    <\/article>\n\n    <!-- ===== SCENE 04\uff5c\u9867\u5ba2\u304c\u672c\u5f53\u306b\u671b\u3093\u3067\u3044\u308b\u3053\u3068 ===== -->\n    <article class=\"sk26-scene sk26-scene--04\" aria-hidden=\"true\">\n      <div class=\"sk26-panel sk26-panel--full sk26-motion sk26-04__base\"><\/div>\n      <div class=\"sk26-panel sk26-motion sk26-04__top\">\n        <strong>\u3082\u3063\u3068\u3001\u67d4\u8edf\u306b\u3002<\/strong>\n      <\/div>\n      <div class=\"sk26-panel sk26-motion sk26-04__red\">\n        <strong>\u307e\u3068\u3081\u3066\u3001<br>\u304a\u9858\u3044\u3057\u305f\u3044\u3002<\/strong>\n      <\/div>\n      <span class=\"sk26-motion sk26-04__bottom\">ONE PARTNER. MANY SOLUTIONS.<\/span>\n      <span class=\"sk26-scene__serial sk26-motion\">04 \/ WHAT THE FIELD NEEDS<\/span>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"sk26-controls\" aria-label=\"\u30b9\u30e9\u30a4\u30c9\u64cd\u4f5c\">\n    <div class=\"sk26-controls__left\">\n      <span class=\"sk26-controls__label\">FIELD VOICES<\/span>\n      <span class=\"sk26-controls__count\" aria-live=\"off\"><span data-sk26-current>01<\/span> \/ 04<\/span>\n    <\/div>\n    <div class=\"sk26-controls__steps\" aria-label=\"\u30b7\u30fc\u30f3\u9078\u629e\">\n      <button type=\"button\" class=\"sk26-controls__step\" data-sk26-goto=\"0\" aria-label=\"1\u756a\u76ee\uff1a\u7a93\u53e3\u304c\u591a\u3059\u304e\u308b\" aria-current=\"step\">01<\/button>\n      <button type=\"button\" class=\"sk26-controls__step\" data-sk26-goto=\"1\" aria-label=\"2\u756a\u76ee\uff1a\u6025\u306a\u76e3\u67fb\">02<\/button>\n      <button type=\"button\" class=\"sk26-controls__step\" data-sk26-goto=\"2\" aria-label=\"3\u756a\u76ee\uff1a\u9023\u7d61\u3068\u30d5\u30a9\u30ed\u30fc\">03<\/button>\n      <button type=\"button\" class=\"sk26-controls__step\" data-sk26-goto=\"3\" aria-label=\"4\u756a\u76ee\uff1a\u307e\u3068\u3081\u3066\u4efb\u305b\u305f\u3044\">04<\/button>\n    <\/div>\n    <div class=\"sk26-controls__buttons\">\n      <button class=\"sk26-controls__btn\" type=\"button\" data-sk26-prev aria-label=\"\u524d\u306e\u30b7\u30fc\u30f3\">\u2190<\/button>\n      <button class=\"sk26-controls__btn sk26-controls__btn--pause\" type=\"button\" data-sk26-pause aria-label=\"\u81ea\u52d5\u518d\u751f\u3092\u4e00\u6642\u505c\u6b62\" aria-pressed=\"false\">PAUSE<\/button>\n      <button class=\"sk26-controls__btn\" type=\"button\" data-sk26-next aria-label=\"\u6b21\u306e\u30b7\u30fc\u30f3\">\u2192<\/button>\n    <\/div>\n  <\/div>\n  <span class=\"sk26-kinetic__sr\" data-sk26-announcer aria-live=\"polite\" aria-atomic=\"true\"><\/span>\n<\/section>\n<\/div>\n\n<!-- HERO\u7528\u306e\u8efd\u91cf\u30d1\u30fc\u30c6\u30a3\u30af\u30eb -->\n<script>\n(function () {\n  'use strict';\n  var hero = document.getElementById('saeba26-top');\n  if (!hero || hero.dataset.saeba26Initialized === 'yes') return;\n  hero.dataset.saeba26Initialized = 'yes';\n  var canvas = hero.querySelector('.saeba26-hero__canvas');\n  var ctx = canvas && canvas.getContext('2d');\n  if (!ctx) return;\n\n  var motionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n  var dots = [];\n  var width = 0, height = 0, frameId = 0, lastTime = 0;\n  var visible = true, running = false;\n  var pointer = { x: -1000, y: -1000, active: false };\n\n  function resize() {\n    var rect = hero.getBoundingClientRect();\n    width = Math.max(1, Math.round(rect.width));\n    height = Math.max(1, Math.round(rect.height));\n    var dpr = Math.min(window.devicePixelRatio || 1, 2);\n    canvas.width = Math.round(width * dpr);\n    canvas.height = Math.round(height * dpr);\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    var count = Math.min(150, Math.max(40, Math.round(width * height \/ 10000)));\n    dots = Array.from({ length: count }, function () {\n      return {\n        x: Math.random() * width,\n        y: Math.random() * height,\n        radius: 1 + Math.random() * 2.2,\n        speedX: (Math.random() - .5) * .28,\n        speedY: (Math.random() - .5) * .28,\n        alpha: .18 + Math.random() * .35\n      };\n    });\n    render(false);\n  }\n\n  function render(advance) {\n    ctx.clearRect(0, 0, width, height);\n    var influence = width < 700 ? 90 : 145;\n    dots.forEach(function (dot) {\n      if (advance) {\n        dot.x += dot.speedX;\n        dot.y += dot.speedY;\n        if (dot.x < -5) dot.x = width + 5;\n        if (dot.x > width + 5) dot.x = -5;\n        if (dot.y < -5) dot.y = height + 5;\n        if (dot.y > height + 5) dot.y = -5;\n        if (pointer.active) {\n          var dx = dot.x - pointer.x;\n          var dy = dot.y - pointer.y;\n          var distance = Math.sqrt(dx * dx + dy * dy);\n          if (distance > .1 && distance < influence) {\n            var force = (1 - distance \/ influence) * 2.4;\n            dot.x += dx \/ distance * force;\n            dot.y += dy \/ distance * force;\n          }\n        }\n      }\n      ctx.beginPath();\n      ctx.fillStyle = 'rgba(255,255,255,' + dot.alpha + ')';\n      ctx.arc(dot.x, dot.y, dot.radius, 0, Math.PI * 2);\n      ctx.fill();\n    });\n  }\n\n  function tick(time) {\n    if (!visible || document.hidden || motionQuery.matches) {\n      running = false;\n      return;\n    }\n    if (time - lastTime >= 32) {\n      render(true);\n      lastTime = time;\n    }\n    frameId = requestAnimationFrame(tick);\n  }\n\n  function start() {\n    if (running || !visible || document.hidden || motionQuery.matches) return;\n    running = true;\n    lastTime = 0;\n    frameId = requestAnimationFrame(tick);\n  }\n\n  function stop() {\n    cancelAnimationFrame(frameId);\n    running = false;\n  }\n\n  hero.addEventListener('pointermove', function (event) {\n    if (event.pointerType === 'touch') return;\n    var rect = hero.getBoundingClientRect();\n    pointer.x = event.clientX - rect.left;\n    pointer.y = event.clientY - rect.top;\n    pointer.active = true;\n  }, { passive: true });\n  hero.addEventListener('pointerleave', function () { pointer.active = false; });\n  document.addEventListener('visibilitychange', function () {\n    if (document.hidden) stop(); else start();\n  });\n\n  if ('IntersectionObserver' in window) {\n    var observer = new IntersectionObserver(function (entries) {\n      visible = entries[0].isIntersecting;\n      if (visible) start(); else stop();\n    }, { threshold: .02 });\n    observer.observe(hero);\n  }\n\n  if ('ResizeObserver' in window) {\n    new ResizeObserver(resize).observe(hero);\n  } else {\n    window.addEventListener('resize', resize, { passive: true });\n  }\n\n  if (motionQuery.addEventListener) {\n    motionQuery.addEventListener('change', function () {\n      if (motionQuery.matches) { stop(); render(false); } else start();\n    });\n  }\n\n  resize();\n  start();\n})();\n<\/script>\n\n<!-- VOICES\uff1a\u81ea\u52d5\u30b9\u30e9\u30a4\u30c9\u30fb\u624b\u52d5\u64cd\u4f5c\u30fb\u4e00\u6642\u505c\u6b62\u30fb\u30b9\u30de\u30db\u30b9\u30ef\u30a4\u30d7 -->\n<script>\n(function () {\n  'use strict';\n  var roots = document.querySelectorAll('.sk26-kinetic');\n  roots.forEach(function (root) {\n    if (root.dataset.sk26Ready === '1') return;\n    root.dataset.sk26Ready = '1';\n\n    var DURATION = 6800; \/\/ \u2190 1\u30b7\u30fc\u30f3\u306e\u8868\u793a\u6642\u9593\uff08\u30df\u30ea\u79d2\uff09\n    var scenes = Array.from(root.querySelectorAll('.sk26-scene'));\n    var steps = Array.from(root.querySelectorAll('[data-sk26-goto]'));\n    var currentLabel = root.querySelector('[data-sk26-current]');\n    var announcer = root.querySelector('[data-sk26-announcer]');\n    var pauseButton = root.querySelector('[data-sk26-pause]');\n    var reduced = window.matchMedia('(prefers-reduced-motion: reduce)');\n    var current = 0, timer = 0, cleanup = 0, active = false, userPaused = false, switching = false;\n    var labels = ['\u7a93\u53e3\u304c\u591a\u3059\u304e\u308b', '\u6025\u306a\u76e3\u67fb', '\u9023\u7d61\u3068\u30d5\u30a9\u30ed\u30fc', '\u307e\u3068\u3081\u3066\u4efb\u305b\u305f\u3044'];\n\n    function clearTimers() {\n      window.clearTimeout(timer);\n      timer = 0;\n    }\n    function canPlay() {\n      return active && !document.hidden && !userPaused && !reduced.matches;\n    }\n    function updatePauseButton() {\n      var paused = userPaused || reduced.matches;\n      pauseButton.disabled = reduced.matches;\n      pauseButton.textContent = reduced.matches ? 'OFF' : (paused ? 'PLAY' : 'PAUSE');\n      pauseButton.setAttribute('aria-label', reduced.matches ? '\u7aef\u672b\u306e\u52d5\u4f5c\u8efd\u6e1b\u8a2d\u5b9a\u306b\u3088\u308a\u81ea\u52d5\u518d\u751f\u3092\u505c\u6b62\u4e2d' : (paused ? '\u81ea\u52d5\u518d\u751f\u3092\u518d\u958b' : '\u81ea\u52d5\u518d\u751f\u3092\u4e00\u6642\u505c\u6b62'));\n      pauseButton.setAttribute('aria-pressed', String(paused));\n      if (reduced.matches) pauseButton.title = '\u7aef\u672b\u306e\u52d5\u304d\u3092\u6e1b\u3089\u3059\u8a2d\u5b9a\u306b\u3088\u308a\u81ea\u52d5\u518d\u751f\u306f\u7121\u52b9\u3067\u3059';\n      else pauseButton.removeAttribute('title');\n    }\n    function schedule() {\n      clearTimers();\n      if (canPlay()) {\n        timer = window.setTimeout(function () { goTo(current + 1, false); }, DURATION);\n      }\n    }\n    function goTo(next, manual) {\n      next = (next + scenes.length) % scenes.length;\n      if (switching || next === current) {\n        if (manual && next === current) schedule();\n        return;\n      }\n      window.clearTimeout(cleanup);\n      var outgoing = scenes[current];\n      var incoming = scenes[next];\n      var animate = !reduced.matches && root.classList.contains('is-animated');\n      outgoing.classList.remove('is-active');\n      outgoing.classList.add('is-exiting');\n      outgoing.setAttribute('aria-hidden', 'true');\n      incoming.classList.remove('is-exiting');\n      incoming.classList.add('is-active');\n      incoming.setAttribute('aria-hidden', 'false');\n      current = next;\n      currentLabel.textContent = String(current + 1).padStart(2, '0');\n      steps.forEach(function (step, index) {\n        if (index === current) step.setAttribute('aria-current', 'step');\n        else step.removeAttribute('aria-current');\n      });\n      if (manual) announcer.textContent = '\u30b7\u30fc\u30f3' + (current + 1) + '\u3001' + labels[current];\n      switching = animate;\n      cleanup = window.setTimeout(function () {\n        outgoing.classList.remove('is-exiting');\n        switching = false;\n      }, animate ? 1050 : 0);\n      schedule();\n    }\n\n\n    var swipeStartX = null, swipeStartY = null;\n    var stage = root.querySelector('.sk26-stage');\n    stage.addEventListener('touchstart', function (e) {\n      if (e.touches.length !== 1) return;\n      swipeStartX = e.touches[0].clientX;\n      swipeStartY = e.touches[0].clientY;\n    }, { passive: true });\n    stage.addEventListener('touchend', function (e) {\n      if (swipeStartX === null || !e.changedTouches.length) return;\n      var dx = e.changedTouches[0].clientX - swipeStartX;\n      var dy = e.changedTouches[0].clientY - swipeStartY;\n      swipeStartX = null;\n      swipeStartY = null;\n      if (Math.abs(dx) > 58 && Math.abs(dx) > Math.abs(dy) * 1.4) {\n        goTo(current + (dx < 0 ? 1 : -1), true);\n      }\n    }, { passive: true });\n\n    root.querySelector('[data-sk26-prev]').addEventListener('click', function () { goTo(current - 1, true); });\n    root.querySelector('[data-sk26-next]').addEventListener('click', function () { goTo(current + 1, true); });\n    steps.forEach(function (step) {\n      step.addEventListener('click', function () { goTo(parseInt(step.getAttribute('data-sk26-goto'),10), true); });\n    });\n    pauseButton.addEventListener('click', function () {\n      if (reduced.matches) { \/\/ \u7aef\u672b\u306e\u52d5\u4f5c\u8efd\u6e1b\u3092\u5c0a\u91cd\u3057\u3001\u624b\u52d5\u64cd\u4f5c\u306e\u307f\u5229\u7528\n        updatePauseButton();\n        return;\n      }\n      userPaused = !userPaused;\n      updatePauseButton();\n      schedule();\n    });\n    root.addEventListener('keydown', function (e) {\n      if (!root.contains(document.activeElement)) return;\n      if (e.key === 'ArrowLeft') { e.preventDefault(); goTo(current - 1, true); }\n      if (e.key === 'ArrowRight') { e.preventDefault(); goTo(current + 1, true); }\n    });\n    document.addEventListener('visibilitychange', schedule);\n    if (reduced.addEventListener) reduced.addEventListener('change', function () {\n      updatePauseButton();\n      schedule();\n    });\n\n    function setVisibility(visible) {\n      active = visible;\n      if (visible && !root.classList.contains('is-animated') && !reduced.matches) {\n        root.classList.add('is-animated');\n      }\n      schedule();\n    }\n    if ('IntersectionObserver' in window) {\n      var observer = new IntersectionObserver(function (entries) {\n        setVisibility(entries[0].isIntersecting);\n      }, { threshold: .12 });\n      observer.observe(root.querySelector('.sk26-stage'));\n    } else setVisibility(true);\n    updatePauseButton();\n  });\n})();\n<\/script>\n\n\n\n<!-- ==================================================\n  INFORMATION\uff5c\u304a\u77e5\u3089\u305b\u898b\u51fa\u3057\uff08\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\uff09\n================================================== -->\n<section class=\"saeba26-section saeba26-information\"\n         id=\"saeba26-information\"\n         aria-label=\"INFORMATION\">\n  <div class=\"saeba26-container\">\n    <div class=\"saeba26-section-head\">\n      <span class=\"saeba26-tag\">INFORMATION<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-group saeba26-information-list is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"nds-post-list\"><article class=\"nds-post-item\"><span class=\"nds-post-category\">INFORMATION<\/span><time class=\"nds-post-date\" datetime=\"2026-10-24T13:45:15+09:00\">2026.10.24<\/time><a class=\"nds-post-title\" href=\"https:\/\/saeba-c.co.jp\/?p=210\">WEB\u30b5\u30a4\u30c8\u306ePHP\u8106\u5f31\u6027\u5bfe\u7b56\u3092\u5b9f\u65bd\u3057\u307e\u3057\u305f<\/a><\/article><\/div>\n\n<\/div>\n\n\n\n<!-- ==================================================\n  02\uff5cABOUT \/ \u4e8b\u696d\u7d39\u4ecb\n  \u30ad\u30e3\u30c3\u30c1\u30b3\u30d4\u30fc\u30fb\u8aac\u660e\u6587\u30fb\u5bfe\u5fdc\u5206\u91ce\u3092\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002\n================================================== -->\n<section class=\"saeba26-section saeba26-about\" id=\"saeba26-about\" aria-labelledby=\"saeba26-about-title\">\n  <div class=\"saeba26-container\">\n    <div class=\"saeba26-section-head\"><span class=\"saeba26-tag\">ABOUT<\/span><\/div>\n\n    <div class=\"saeba26-about__grid\">\n      <div>\n        <span class=\"saeba26-section-number\">01 \/ ABOUT US<\/span>\n        <p class=\"saeba26-eyebrow\">ONE PARTNER. MANY SOLUTIONS.<\/p>\n        <h2 class=\"saeba26-about__title\" id=\"saeba26-about-title\">\n          \u73fe\u5834\u3092\u3001<br>\n          <em>\u6e05\u6f54\u3068\u5b89\u5fc3<\/em>\u3067<br>\n          <em>\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8<\/em>\u3059\u308b\u3002\n        <\/h2>\n      <\/div>\n\n      <div>\n        <p class=\"saeba26-about__description\">\n          SAEBA COORDINATION\u306f\u3001\u885b\u751f\u9818\u57df\u306b\u304a\u3051\u308b\u691c\u67fb\u304b\u3089\u6e05\u6383\u3001\u6a5f\u5668\u306e\u4fdd\u5b88\u3001\u5e97\u8217\u8a2d\u8a08\u3001\u55b6\u696d\u652f\u63f4\u307e\u3067\u3001\u5e45\u5e83\u3044\u696d\u52d9\u3092\u7dcf\u5408\u7684\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n        <\/p>\n        <ul class=\"saeba26-about__services\" aria-label=\"\u5bfe\u5fdc\u5206\u91ce\">\n          <li>\u691c\u67fb<\/li>\n          <li>\u6e05\u6383<\/li>\n          <li>\u6a5f\u5668\u4fdd\u5b88<\/li>\n          <li>\u5e97\u8217\u8a2d\u8a08<\/li>\n          <li>\u55b6\u696d\u652f\u63f4<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ==================================================\n  03\uff5cREASON \/ \u30bb\u30af\u30b7\u30e7\u30f3\u898b\u51fa\u3057\n================================================== -->\n<section class=\"saeba26-section saeba26-reasons-head\" id=\"saeba26-reasons\" aria-labelledby=\"saeba26-reasons-title\">\n  <div class=\"saeba26-container\">\n    <div class=\"saeba26-section-head\"><span class=\"saeba26-tag\">REASON<\/span><\/div>\n\n    <div class=\"saeba26-reasons-head__content\">\n      <div>\n        <span class=\"saeba26-section-number\">02 \/ WHY CHOOSE US<\/span>\n        <h2 class=\"saeba26-reasons-head__title\" id=\"saeba26-reasons-title\">\u9078\u3070\u308c\u308b<strong>3<\/strong>\u3064\u306e\u7406\u7531<\/h2>\n      <\/div>\n      <p class=\"saeba26-reasons-head__en\">ONE CONTACT.<br>QUICK RESPONSE.<br>TRUE PARTNERSHIP.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ==================================================\n  04\uff5cREASON \/ 3\u3064\u306e\u7279\u5fb4\u30ab\u30fc\u30c9\n  \u5404\u30ab\u30fc\u30c9\u306e\u898b\u51fa\u3057\u3068\u8aac\u660e\u6587\u3092\u7de8\u96c6\u3067\u304d\u307e\u3059\u3002\n================================================== -->\n<section class=\"saeba26-section saeba26-reasons-list\" aria-label=\"\u9078\u3070\u308c\u308b3\u3064\u306e\u7406\u7531\">\n  <div class=\"saeba26-container\">\n    <div class=\"saeba26-reasons-list__grid\">\n      <article class=\"saeba26-reason\">\n        <div class=\"saeba26-reason__top\">\n          <span class=\"saeba26-reason__number\">01<\/span>\n          <span class=\"saeba26-reason__en\">ONE CONTACT<\/span>\n        <\/div>\n        <h3 class=\"saeba26-reason__title\">\u5727\u5012\u7684\u306a\u696d\u52d9\u52b9\u7387\u5316<\/h3>\n        <p class=\"saeba26-reason__body\">\u3054\u76f8\u8ac7\u306e\u7a93\u53e3\u3092\u4e00\u672c\u5316\u3057\u3001\u7169\u96d1\u306a\u3084\u308a\u53d6\u308a\u3084\u60c5\u5831\u4f1d\u9054\u306e\u8ca0\u62c5\u3092\u8efd\u6e1b\u3002\u73fe\u5834\u304c\u672c\u6765\u306e\u696d\u52d9\u306b\u96c6\u4e2d\u3067\u304d\u308b\u74b0\u5883\u3065\u304f\u308a\u3092\u652f\u3048\u307e\u3059\u3002<\/p>\n      <\/article>\n\n      <article class=\"saeba26-reason\">\n        <div class=\"saeba26-reason__top\">\n          <span class=\"saeba26-reason__number\">02<\/span>\n          <span class=\"saeba26-reason__en\">FLEXIBLE RESPONSE<\/span>\n        <\/div>\n        <h3 class=\"saeba26-reason__title\">\u8fc5\u901f\u304b\u3064\u67d4\u8edf\u306a\u5bfe\u5fdc\u529b<\/h3>\n        <p class=\"saeba26-reason__body\">\u73fe\u5834\u3054\u3068\u306b\u7570\u306a\u308b\u72b6\u6cc1\u3084\u8ab2\u984c\u306b\u5411\u304d\u5408\u3044\u3001\u5fc5\u8981\u306b\u5fdc\u3058\u305f\u5bfe\u5fdc\u3092\u3054\u63d0\u6848\u3002\u753b\u4e00\u7684\u3067\u306f\u306a\u3044\u3001\u5b9f\u60c5\u306b\u5373\u3057\u305f\u30b5\u30dd\u30fc\u30c8\u3092\u5927\u5207\u306b\u3057\u307e\u3059\u3002<\/p>\n      <\/article>\n\n      <article class=\"saeba26-reason\">\n        <div class=\"saeba26-reason__top\">\n          <span class=\"saeba26-reason__number\">03<\/span>\n          <span class=\"saeba26-reason__en\">PARTNERSHIP<\/span>\n        <\/div>\n        <h3 class=\"saeba26-reason__title\">\u300c\u4f34\u8d70\u578b\u300d\u30d3\u30b8\u30cd\u30b9\u30d1\u30fc\u30c8\u30ca\u30fc<\/h3>\n        <p class=\"saeba26-reason__body\">\u76ee\u306e\u524d\u306e\u3054\u4f9d\u983c\u3060\u3051\u3067\u306a\u304f\u3001\u305d\u306e\u80cc\u666f\u306b\u3042\u308b\u76ee\u7684\u3084\u8ab2\u984c\u3082\u5171\u6709\u3002\u7d99\u7d9a\u7684\u306b\u76f8\u8ac7\u3067\u304d\u308b\u30d1\u30fc\u30c8\u30ca\u30fc\u3068\u3057\u3066\u3001\u6539\u5584\u306b\u53d6\u308a\u7d44\u307f\u307e\u3059\u3002<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ==================================================\n  05\uff5cLOCATION \/ \u4f4f\u6240\n  \u4f4f\u6240\u3092\u5909\u66f4\u3059\u308b\u969b\u306f\u6b21\u306e\u5730\u56f3\u30d6\u30ed\u30c3\u30af\u3082\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n================================================== -->\n<section class=\"saeba26-section saeba26-location\" id=\"saeba26-location\" aria-labelledby=\"saeba26-location-title\">\n  <div class=\"saeba26-container\">\n    <div class=\"saeba26-section-head\"><span class=\"saeba26-tag\">LOCATION<\/span><\/div>\n\n    <div class=\"saeba26-location__grid\">\n      <div>\n        <span class=\"saeba26-section-number\">03 \/ OUR OFFICE<\/span>\n        <h2 class=\"saeba26-location__title\" id=\"saeba26-location-title\">OUR<br>OFFICE<span>.<\/span><\/h2>\n      <\/div>\n      <address class=\"saeba26-location__address\">\n        <small>ADDRESS \/ TOKYO<\/small>\n        \u3012180-0004<br>\n        \u6771\u4eac\u90fd\u6b66\u8535\u91ce\u5e02\u5409\u7965\u5bfa\u672c\u753a2-4-16<br>\n        \u5409\u7965\u5bfa\u77f3\u4e95\u30d3\u30eb4F\n      <\/address>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- ==================================================\n  06\uff5cLOCATION \/ \u5730\u56f3\n  Google\u30de\u30c3\u30d7\u306e\u57cb\u3081\u8fbc\u307fURL\u306f\u5143\u30b3\u30fc\u30c9\u304b\u3089\u7d99\u627f\u3057\u3066\u3044\u307e\u3059\u3002\n================================================== -->\n<section class=\"saeba26-map saeba26-wide\" aria-label=\"SAEBA COORDINATION\u306e\u6240\u5728\u5730\u5730\u56f3\">\n  <div class=\"saeba26-map__frame\">\n    <iframe\n      title=\"SAEBA COORDINATION\u306e\u6240\u5728\u5730\u30fb\u5409\u7965\u5bfa\u77f3\u4e95\u30d3\u30eb\u5468\u8fba\u306e\u5730\u56f3\"\n      src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d5448.8545584162175!2d139.5756632456954!3d35.70387401149872!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018ee48a2fe1ebd%3A0x8f0ab398de9bba9d!2z44CSMTgwLTAwMDQg5p2x5Lqs6YO95q2m6JS16YeO5biC5ZCJ56Wl5a-65pys55S677yS5LiB55uu77yU4oiS77yR77yWIOWQieelpeWvuuefs-S6leODk-ODqw!5e0!3m2!1sja!2sjp!4v1777273354832!5m2!1sja!2sjp\"\n      loading=\"lazy\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n  <div class=\"saeba26-map__bottom\">\n    <span>SAEBA COORDINATION \/ KICHIJOJI, TOKYO<\/span>\n    <a class=\"saeba26-map__link\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%AD%A6%E8%94%B5%E9%87%8E%E5%B8%82%E5%90%89%E7%A5%A5%E5%AF%BA%E6%9C%AC%E7%94%BA2-4-16%20%E5%90%89%E7%A5%A5%E5%AF%BA%E7%9F%B3%E4%BA%95%E3%83%93%E3%83%AB\" target=\"_blank\" rel=\"noopener noreferrer\">GOOGLE MAPS\u3067\u898b\u308b <span aria-hidden=\"true\">\u2197<\/span><\/a>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>SAEBA COORDINATION HYGIENE \/ OPERATION \/ SUPPORT SAEBA COORDINATION \u73fe\u5834\u3092\u3001\u6e05\u6f54\u3068\u5b89\u5fc3\u3067\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3059\u308b\u3002 DISCOVER MORE \u2193 OUR ST [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_lightning_design_setting":{"layout":"col-one-no-subsection","site_body_padding":"true"},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":14,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}