{"id":9,"date":"2025-12-25T05:23:08","date_gmt":"2025-12-24T20:23:08","guid":{"rendered":"https:\/\/base-base-base.ciao.jp\/wordpress\/?page_id=9"},"modified":"2026-10-27T04:54:30","modified_gmt":"2026-10-26T19:54:30","slug":"%e3%80%90top%e3%80%91","status":"publish","type":"page","link":"https:\/\/base-base-base.ciao.jp\/wordpress\/","title":{"rendered":"\u3010TOP\u3011"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull u-mb-ctrl u-mb-0\"><div class=\"swell-block-fullWide__inner\">\n<style>\n\/* BASE\u5c02\u7528\uff1a\u307b\u304b\u306e\u30a8\u30ea\u30a2\u306b\u5f71\u97ff\u3057\u306a\u3044\u3088\u3046\u306b\u30af\u30e9\u30b9\u3092\u9650\u5b9a *\/\n.baseMv{\n  --base-bg:#f5f2ec;\n  --base-ink:#fff;\n  --base-accent:#1f3a5f;\n  --base-duration:1600ms;\n  --base-ease:cubic-bezier(.45,0,.2,1);\n  position:relative;\n  isolation:isolate;\n  width:100vw;\n  max-width:none;\n  height:100svh;\n  min-height:620px;\n  margin:0 calc(50% - 50vw);\n  overflow:hidden;\n  overflow-anchor:none;\n  background:var(--base-bg);\n  color:var(--base-ink);\n  font-family:\"Hiragino Sans\",\"Noto Sans JP\",\"Yu Gothic\",Meiryo,sans-serif;\n  -webkit-font-smoothing:antialiased;\n}\n\n.baseMv,\n.baseMv *,\n.baseMv *::before,\n.baseMv *::after{\n  box-sizing:border-box;\n}\n\n.baseMv p,\n.baseMv h1,\n.baseMv figure{\n  margin:0;\n  padding:0;\n}\n\n.baseMv__stage{\n  display:flex;\n  position:absolute;\n  inset:0;\n}\n\n.baseMv__block{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  flex:0 0 37.5%;\n  min-width:0;\n  min-height:0;\n  overflow:hidden;\n  transition:flex-basis var(--base-duration) var(--base-ease);\n}\n\n.baseMv__block.is-large{\n  flex-basis:62.5%;\n}\n\n.baseMv__aux{\n  position:relative;\n  flex:1 1 0%;\n  min-height:0;\n  overflow:hidden;\n  background:var(--base-bg);\n}\n\n.baseMv__main{\n  position:relative;\n  flex:0 0 50%;\n  min-height:0;\n  overflow:hidden;\n  transition:flex-basis var(--base-duration) var(--base-ease);\n}\n\n.baseMv__block.is-large .baseMv__main{\n  flex-basis:100%;\n}\n\n.baseMv__frame{\n  position:absolute;\n  inset:0;\n  overflow:hidden;\n  opacity:0;\n  z-index:0;\n  transition:opacity 1000ms ease;\n  pointer-events:none;\n}\n\n.baseMv__frame.is-show{\n  opacity:1;\n  z-index:1;\n}\n\n\/* \u5199\u771f\u306e\u9ad8\u3055\u3068\u57fa\u6e96\u4f4d\u7f6e\u3092\u56fa\u5b9a\u3002\u67a0\u3060\u3051\u304c\u4f38\u7e2e\u3059\u308b *\/\n.baseMv__main .baseMv__frame{\n  top:auto;\n  bottom:0;\n  height:var(--base-photo-height,100svh);\n}\n\n.baseMv__aux .baseMv__frame{\n  top:0;\n  bottom:auto;\n  height:calc(var(--base-photo-height,100svh) * .5);\n}\n\n.baseMv .baseMv__frame img{\n  display:block;\n  width:100%;\n  height:100%;\n  max-width:none;\n  margin:0;\n  object-fit:cover;\n  object-position:center;\n  border-radius:0;\n  transform:none!important;\n  animation:none!important;\n  transition:none;\n}\n\n\/* \u5c0f\u3055\u3044\u5199\u771f\u306b\u5c11\u3057\u6fc3\u3044\u30ab\u30d0\u30fc\u3001\u5927\u304d\u3044\u5199\u771f\u306b\u8584\u3044\u30ab\u30d0\u30fc *\/\n.baseMv__main::after,\n.baseMv__aux::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:2;\n  pointer-events:none;\n  background:rgba(16,24,34,.30);\n  transition:background var(--base-duration) var(--base-ease);\n}\n\n.baseMv__block.is-large .baseMv__main::after{\n  background:rgba(0,0,0,.20);\n}\n\n.baseMv__watermark{\n  position:absolute;\n  z-index:3;\n  right:-.03em;\n  bottom:calc(50% + 12px);\n  color:rgba(255,255,255,.22);\n  font-size:clamp(52px,8vw,130px);\n  font-weight:500;\n  letter-spacing:.035em;\n  line-height:1;\n  pointer-events:none;\n  transition:opacity var(--base-duration) var(--base-ease);\n}\n\n.baseMv__block.is-large .baseMv__watermark{\n  opacity:0;\n}\n\n.baseMv__copy{\n  position:absolute;\n  z-index:5;\n  left:clamp(24px,4.8vw,72px);\n  bottom:64px;\n}\n\n.baseMv .baseMv__title{\n  border:0!important;\n  padding:0!important;\n  margin:0!important;\n  background:none!important;\n  color:#fff!important;\n  font-family:inherit;\n  font-size:clamp(28px,3.2vw,86px)!important;\n  font-weight:700;\n  line-height:1.3!important;\n  letter-spacing:.06em;\n}\n\n.baseMv__title::before,\n.baseMv__title::after{\n  display:none!important;\n}\n\n.baseMv .baseMv__en{\n  margin-top:14px;\n  font-size:12px;\n  line-height:1.8;\n  letter-spacing:.18em;\n  color:#fff;\n}\n\n.baseMv__control{\n  position:absolute;\n  z-index:6;\n  right:24px;\n  bottom:40px;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:22px;\n}\n\n.baseMv .baseMv__pause{\n  appearance:none;\n  border:0;\n  border-radius:0;\n  background:none;\n  box-shadow:none;\n  padding:4px;\n  min-width:26px;\n  color:#fff;\n  font-family:inherit;\n  font-size:11px;\n  font-weight:400;\n  line-height:1.3;\n  letter-spacing:.05em;\n  cursor:pointer;\n}\n\n.baseMv__pause:focus-visible{\n  outline:1px solid #fff;\n  outline-offset:4px;\n}\n\n.baseMv__scroll{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:18px;\n  font-size:10px;\n  letter-spacing:.12em;\n}\n\n.baseMv__scrollLine{\n  position:relative;\n  width:1px;\n  height:92px;\n  background:rgba(255,255,255,.65);\n}\n\n.baseMv__scrollLine::after{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:-2px;\n  width:5px;\n  height:5px;\n  border-radius:50%;\n  background:#fff;\n  animation:baseMvScroll 2.4s ease-in-out infinite;\n}\n\n.baseMv__scrollText{\n  writing-mode:vertical-rl;\n}\n\n@keyframes baseMvScroll{\n  0%{\n    transform:translateY(0);\n    opacity:0;\n  }\n  15%{\n    opacity:1;\n  }\n  85%{\n    opacity:1;\n  }\n  100%{\n    transform:translateY(92px);\n    opacity:0;\n  }\n}\n\n\/* \u753b\u9762\u4e0b\u7aef\u306e\u9032\u884c\u30d0\u30fc\uff1aJS\u306e\u5207\u308a\u66ff\u3048\u6642\u8a08\u3068\u540c\u671f *\/\n.baseMv__progress{\n  position:absolute;\n  z-index:7;\n  left:0;\n  right:0;\n  bottom:0;\n  height:4px;\n  background:rgba(255,255,255,.65);\n}\n\n.baseMv__progressBar{\n  display:block;\n  width:100%;\n  height:100%;\n  background:var(--base-accent);\n  transform:scaleX(0);\n  transform-origin:left center;\n}\n\n.baseMv__sources{\n  display:none;\n}\n\n\/* \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 *\/\n@media(max-width:767px){\n  .baseMv{\n    height:100svh;\n    min-height:600px;\n    max-height:960px;\n  }\n\n  .baseMv__stage{\n    flex-direction:column;\n  }\n\n  .baseMv__main .baseMv__frame,\n  .baseMv__aux .baseMv__frame{\n    top:0;\n    bottom:0;\n    height:100%;\n  }\n\n  .baseMv__block,\n  .baseMv__block.is-large{\n    flex:none;\n    width:100%;\n    transition:none;\n  }\n\n  \/* \u4e0a\u306e\u5927\u304d\u3044\u5199\u771f *\/\n  .baseMv__block:first-child{\n    flex:0 0 72%;\n    height:72%;\n  }\n\n  .baseMv__block:first-child .baseMv__aux{\n    display:none;\n  }\n\n  .baseMv__block:first-child .baseMv__main{\n    flex:1 1 auto;\n    height:100%;\n    transition:none;\n  }\n\n  \/* \u4e0b\u306e2\u679a\u306e\u5199\u771f *\/\n  .baseMv__block:last-child{\n    flex:0 0 28%;\n    height:28%;\n    flex-direction:row;\n  }\n\n  .baseMv__block:last-child .baseMv__aux{\n    flex:0 0 50%;\n    height:100%;\n  }\n\n  .baseMv__block:last-child .baseMv__main{\n    flex:0 0 50%;\n    height:100%;\n    transition:none;\n  }\n\n  .baseMv__block .baseMv__main::after{\n    background:rgba(0,0,0,.25);\n  }\n\n  .baseMv__block:last-child .baseMv__main::after{\n    background:rgba(16,24,34,.30);\n  }\n\n  .baseMv__watermark{\n    display:none;\n  }\n\n  \/* \u6587\u5b57\u30a8\u30ea\u30a2\u3092\u4e0a\u306e\u5199\u771f\u3068\u4e0b\u306e\u5199\u771f\u306e\u5883\u76ee\u306b\u914d\u7f6e *\/\n  .baseMv__copy{\n    left:24px;\n    right:24px;\n    top:72%;\n    bottom:auto;\n    transform:translateY(-50%);\n  }\n\n  .baseMv .baseMv__title{\n    font-size:clamp(28px,7.2vw,38px)!important;\n    line-height:1.65;\n    text-shadow:0 2px 8px rgba(0,0,0,.45);\n  }\n\n  .baseMv .baseMv__en{\n    font-size:10px;\n    letter-spacing:.14em;\n    margin-top:12px;\n    text-shadow:0 2px 8px rgba(0,0,0,.45);\n  }\n\n  \/* \u6587\u5b57\u3068\u91cd\u306a\u3089\u306a\u3044\u3088\u3046\u64cd\u4f5c\u30a8\u30ea\u30a2\u3092\u4e0b\u3078\u79fb\u52d5 *\/\n  .baseMv__control{\n    left:24px;\n    right:24px;\n    bottom:20px;\n    flex-direction:row;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap:16px;\n  }\n\n  .baseMv__scroll{\n    gap:10px;\n    margin-left:auto;\n  }\n\n  .baseMv__scrollLine{\n    height:60px;\n  }\n\n  .baseMv__scrollText{\n    writing-mode:horizontal-tb;\n    font-size:9px;\n  }\n\n  .baseMv__pause{\n    position:absolute;\n    left:0;\n    bottom:0;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .baseMv__block,\n  .baseMv__main,\n  .baseMv__frame{\n    transition:none;\n  }\n\n  .baseMv__frame.is-show img,\n  .baseMv__scrollLine::after{\n    animation:none;\n  }\n}\n<\/style>\n\n<section class=\"baseMv\" aria-label=\"BASE\u937c\u7078\u9662\u63a5\u9aa8\u9662 \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\" aria-roledescription=\"\u30ab\u30eb\u30fc\u30bb\u30eb\">\n  <div class=\"baseMv__stage\" aria-hidden=\"true\">\n    <div class=\"baseMv__block is-large\">\n      <div class=\"baseMv__aux\"><\/div>\n      <div class=\"baseMv__main\"><\/div>\n      <span class=\"baseMv__watermark\">BASE<\/span>\n    <\/div>\n\n    <div class=\"baseMv__block\">\n      <div class=\"baseMv__aux\"><\/div>\n      <div class=\"baseMv__main\"><\/div>\n      <span class=\"baseMv__watermark\">BASE<\/span>\n    <\/div>\n  <\/div>\n\n  <div class=\"baseMv__sources\" aria-hidden=\"true\">\n    <!-- \u30d1\u30bf\u30fc\u30f301\uff1a\u5de6\u304c\u5927\u304d\u3044\u5199\u771f -->\n    <div data-base-set=\"\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2870.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\" fetchpriority=\"high\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_3601.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_2989.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n    <\/div>\n\n    <!-- \u30d1\u30bf\u30fc\u30f302\uff1a\u53f3\u304c\u5927\u304d\u3044\u5199\u771f -->\n    <div data-base-set=\"\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_2804.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_2931.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_2880.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n    <\/div>\n\n    <!-- \u30d1\u30bf\u30fc\u30f303\uff1a\u5de6\u304c\u5927\u304d\u3044\u5199\u771f -->\n    <div data-base-set=\"\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_3009.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_2914.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_2781.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\">\n    <\/div>\n\n    <!-- \u30d1\u30bf\u30fc\u30f304\uff1a\u53f3\u304c\u5927\u304d\u3044\u5199\u771f -->\n    <div data-base-set=\"\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/IMG_3566.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\" style=\"object-position:25% center\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2944.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\" style=\"object-position:70% center\">\n      <img src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2765.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\" decoding=\"async\" style=\"object-position:70% center\">\n    <\/div>\n  <\/div>\n\n  <div class=\"baseMv__copy\">\n    <h1 class=\"baseMv__title\">\n      \u8eab\u4f53\u306e\u30d9\u30fc\u30b9\u3092\u3001<br>\u3068\u3068\u306e\u3048\u308b\u3002\n    <\/h1>\n    <p class=\"baseMv__en\">BASE SHINKYU SEKKOTUSIN<\/p>\n  <\/div>\n\n  <div class=\"baseMv__control\">\n    <div class=\"baseMv__scroll\" aria-hidden=\"true\">\n      <span class=\"baseMv__scrollLine\"><\/span>\n      <span class=\"baseMv__scrollText\">Scroll Down<\/span>\n    <\/div>\n\n    <button class=\"baseMv__pause\" type=\"button\" aria-label=\"\u81ea\u52d5\u5207\u308a\u66ff\u3048\u3092\u505c\u6b62\">\u2161<\/button>\n  <\/div>\n\n  <div class=\"baseMv__progress\" aria-hidden=\"true\">\n    <span class=\"baseMv__progressBar\"><\/span>\n  <\/div>\n<\/section>\n\n<script>\n(() => {\n  function init(root){\n    if(root.dataset.baseInitialized) return;\n    root.dataset.baseInitialized='true';\n\n    const INTERVAL=5000; \/\/ 1\u30d1\u30bf\u30fc\u30f3\u306e\u8868\u793a\u6642\u9593\u30025000\uff1d5\u79d2\n    const blocks=[...root.querySelectorAll('.baseMv__block')];\n    const main=blocks.map(el=>el.querySelector('.baseMv__main'));\n    const aux=blocks.map(el=>el.querySelector('.baseMv__aux'));\n    const bar=root.querySelector('.baseMv__progressBar');\n    const pause=root.querySelector('.baseMv__pause');\n    const mobile=matchMedia('(max-width:767px)');\n    const reduced=matchMedia('(prefers-reduced-motion:reduce)');\n    const sets=[...root.querySelectorAll('[data-base-set]')];\n\n    if(\n      sets.length!==4 ||\n      sets.some(set=>set.querySelectorAll('img').length!==3)\n    ) return;\n\n    const frames=sets.map((set,index)=>{\n      return [...set.querySelectorAll('img')].map((img,slot)=>{\n        const frame=document.createElement('figure');\n        frame.className='baseMv__frame';\n        frame.appendChild(img);\n\n        if(slot<2){\n          main[slot].appendChild(frame);\n        }else{\n          aux[index%2===0 ? 1 : 0].appendChild(frame);\n        }\n\n        return frame;\n      });\n    });\n\n    root.querySelector('.baseMv__sources').remove();\n\n    let current=0;\n    let elapsed=0;\n    let last=0;\n    let raf=0;\n    let userPaused=reduced.matches;\n    let inView=true;\n\n    const running=()=>{\n      return !userPaused && !document.hidden && inView;\n    };\n\n    function render(){\n      const leftLarge=mobile.matches || current%2===0;\n\n      blocks[0].classList.toggle('is-large',leftLarge);\n      blocks[1].classList.toggle('is-large',!leftLarge);\n\n      frames.forEach((group,index)=>{\n        group.forEach(frame=>{\n          frame.classList.toggle('is-show',index===current);\n        });\n      });\n\n      root.dataset.pattern=String(current+1);\n    }\n\n    function relocate(){\n      frames.forEach((group,index)=>{\n        const target=mobile.matches ? 1 : (index%2===0 ? 1 : 0);\n        aux[target].appendChild(group[2]);\n      });\n\n      render();\n    }\n\n    function setPattern(index){\n      current=index;\n      elapsed=0;\n      bar.style.transform='scaleX(0)';\n      render();\n    }\n\n    function tick(now){\n      if(!running()){\n        raf=0;\n        last=0;\n        return;\n      }\n\n      if(last) elapsed+=now-last;\n      last=now;\n\n      if(elapsed>=INTERVAL){\n        setPattern((current+1)%4);\n      }\n\n      bar.style.transform=\n        'scaleX('+Math.min(elapsed\/INTERVAL,1)+')';\n\n      raf=requestAnimationFrame(tick);\n    }\n\n    function sync(){\n      cancelAnimationFrame(raf);\n      raf=0;\n      last=0;\n\n      if(running()){\n        raf=requestAnimationFrame(tick);\n      }\n\n      pause.textContent=userPaused ? '\u25b6' : '\u2161';\n\n      pause.setAttribute(\n        'aria-label',\n        userPaused ? '\u81ea\u52d5\u5207\u308a\u66ff\u3048\u3092\u518d\u958b' : '\u81ea\u52d5\u5207\u308a\u66ff\u3048\u3092\u505c\u6b62'\n      );\n    }\n\n    pause.addEventListener('click',()=>{\n      userPaused=!userPaused;\n      sync();\n    });\n\n    document.addEventListener('visibilitychange',sync);\n\n    mobile.addEventListener('change',()=>{\n      relocate();\n      sync();\n    });\n\n    reduced.addEventListener('change',()=>{\n      userPaused=reduced.matches;\n      sync();\n    });\n\n    if('IntersectionObserver' in window){\n      new IntersectionObserver(entries=>{\n        inView=entries[0].isIntersecting;\n        sync();\n      },{threshold:0}).observe(root);\n    }\n\n    function measure(){\n      root.style.setProperty(\n        '--base-photo-height',\n        root.getBoundingClientRect().height+'px'\n      );\n    }\n\n    measure();\n\n    if('ResizeObserver' in window){\n      new ResizeObserver(measure).observe(root);\n    }else{\n      window.addEventListener('resize',measure);\n    }\n\n    relocate();\n    sync();\n  }\n\n  const boot=()=>{\n    document.querySelectorAll('.baseMv').forEach(init);\n  };\n\n  if(document.readyState==='loading'){\n    document.addEventListener('DOMContentLoaded',boot,{once:true});\n  }else{\n    boot();\n  }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated fadeInUp\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&amp;display=swap\">\n\n<style>\n.baseConcept{\n  --bc-main:#74c0bd;\n  --bc-bg:#74c0bd;\n  --bc-text:#FFF;\n  position:relative;\n  isolation:isolate;\n  width:100vw;\n  max-width:none;\n  margin:0 calc(50% - 50vw);\n  padding:70px 0 110px;\n  overflow:hidden;\n  background:var(--bc-bg);\n  color:var(--bc-text);\n  font-family:\"Noto Sans JP\",sans-serif;\n  font-weight:400;\n}\n\n.baseConcept,\n.baseConcept *,\n.baseConcept *::before,\n.baseConcept *::after{\n  box-sizing:border-box;\n}\n\n.baseConcept p,\n.baseConcept figure{\n  margin:0;\n}\n\n.baseConcept a{\n  color:inherit;\n  text-decoration:none;\n}\n\n\/* \u80cc\u666f\u5199\u771f *\/\n.baseConcept__backdrop{\n  position:absolute;\n  inset:0;\n  z-index:-2;\n  pointer-events:none;\n  background:\n    url(\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/SAMPLE.jpg\")\n    center \/ cover no-repeat;\n}\n\n\/* \u30e1\u30a4\u30f3\u30ab\u30e9\u30fc\u306e\u900f\u904e\u30ab\u30d0\u30fc *\/\n.baseConcept__backdrop::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:rgba(116,192,189,.97);\n}\n\n\/* \u80cc\u666f\u306e\u5de8\u5927\u6587\u5b57 *\/\n.baseConcept__brand{\n  position:absolute;\n  right:-.05em;\n  bottom:-.18em;\n  z-index:-1;\n  color:rgba(255,255,255,.12);\n  font-size:clamp(220px,39vw,720px);\n  font-weight:800;\n  line-height:1;\n  letter-spacing:-.07em;\n  pointer-events:none;\n  user-select:none;\n}\n\n\/* \u5199\u771f\u30b9\u30e9\u30a4\u30c9 *\/\n.baseConcept__rail{\n  position:relative;\n  z-index:1;\n  height:calc(clamp(300px,36vw,640px) * .666667);\n  overflow:hidden;\n}\n\n.baseConcept__track{\n  display:flex;\n  width:max-content;\n  animation:bcSlide 52s linear infinite;\n  will-change:transform;\n}\n\n.baseConcept__group{\n  display:flex;\n  flex:none;\n  align-items:flex-start;\n  gap:clamp(24px,4vw,72px);\n  padding-right:clamp(24px,4vw,72px);\n  min-width:100vw;\n}\n\n\/* \u5168\u5199\u771f\u3092\u540c\u3058\u30b5\u30a4\u30ba\u30fb\u6bd4\u7387\u30fb\u9ad8\u3055\u306b\u7d71\u4e00 *\/\n.baseConcept .baseConcept__photo{\n  flex:none;\n  width:clamp(300px,36vw,640px);\n  aspect-ratio:3\/2;\n  margin:0;\n  overflow:hidden;\n  border-radius:7px;\n}\n\n.baseConcept .baseConcept__photo img{\n  display:block;\n  width:100%;\n  height:100%;\n  max-width:none;\n  margin:0;\n  object-fit:cover;\n  object-position:center;\n}\n\n@keyframes bcSlide{\n  to{\n    transform:translateX(-50%);\n  }\n}\n\n\/* \u30b3\u30d4\u30fc\u3068\u672c\u6587 *\/\n.baseConcept__inner{\n  position:relative;\n  z-index:2;\n  width:min(1200px,86%);\n  margin:-94px auto 0;\n  display:grid;\n  grid-template-columns:220px minmax(0,1fr);\n  column-gap:60px;\n  align-items:start;\n}\n\n\/* \u5de6\u5074\u306e\u7e26\u66f8\u304d\u30b3\u30d4\u30fc *\/\n.baseConcept .baseConcept__title{\n  display:flex;\n  flex-direction:row-reverse;\n  justify-content:flex-start;\n  align-items:flex-start;\n  gap:17px;\n  width:max-content;\n  max-width:100%;\n  padding:0;\n  margin:0 0 0 auto;\n  border:0;\n  background:none;\n  box-shadow:none;\n  color:#1c3331;\n  font-family:inherit;\n  font-size:clamp(26px,2.5vw,38px);\n  font-weight:700;\n  line-height:1.5;\n  letter-spacing:.05em;\n}\n\n\/* SWELL\u306e\u898b\u51fa\u3057\u88c5\u98fe\u3092\u7121\u52b9\u5316 *\/\n.baseConcept .baseConcept__title::before,\n.baseConcept .baseConcept__title::after{\n  content:none !important;\n}\n\n\/* \u767d\u5e2f\u306f\u4e0a\u7aef\u3092\u63c3\u3048\u3001\u4e0b\u7aef\u3092\u6587\u5b57\u91cf\u306b\u5408\u308f\u305b\u308b *\/\n.baseConcept .baseConcept__title > span{\n  position:relative;\n  isolation:isolate;\n  display:block;\n  writing-mode:vertical-rl;\n  text-orientation:upright;\n  white-space:nowrap;\n  height:auto;\n  min-height:0;\n  margin-top:0;\n  padding:20px 7px 24px;\n  background:transparent;\n}\n\n.baseConcept .baseConcept__title > span::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:#fff;\n  transform-origin:center top;\n}\n\n.baseConcept__title .baseConcept__titleMain{\n  color:#377f7a;\n}\n\n.baseConcept .baseConcept__titleText{\n  display:block;\n  font:inherit;\n  color:inherit;\n  letter-spacing:inherit;\n}\n\n\/* \u53f3\u5074\u30ab\u30e9\u30e0 *\/\n.baseConcept__body{\n  position:relative;\n  min-width:0;\n  padding-top:110px;\n}\n\n\/* \u8f2a\u90ed\u6587\u5b57\u306e\u30a6\u30a9\u30fc\u30bf\u30fc\u30de\u30fc\u30af *\/\n.baseConcept__watermark{\n  position:absolute;\n  top:-40px;\n  left:-14px;\n  white-space:nowrap;\n  font-size:clamp(67px,11.3vw,190px)!important;\n  font-weight:800;\n  line-height:1.1;\n  letter-spacing:-.045em;\n  color:transparent;\n  -webkit-text-stroke:1px rgba(255,255,255,.45);\n  pointer-events:none;\n  user-select:none;\n}\n\n.baseConcept .baseConcept__label{\n  display:flex;\n  align-items:center;\n  gap:18px;\n  margin:0 0 40px;\n  font-size:15px;\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n.baseConcept__label::before{\n  content:\"\";\n  width:64px;\n  height:1px;\n  background:rgba(23,63,61,.5);\n}\n\n.baseConcept__copy{\n  max-width:800px;\n  font-size:19px;\n  line-height:2.5;\n  letter-spacing:.055em;\n  font-weight:500;\n}\n\n.baseConcept .baseConcept__copy p+p{\n  margin-top:25px;\n}\n\n\/* \u30dc\u30bf\u30f3 *\/\n.baseConcept__action{\n  display:flex;\n  justify-content:flex-end;\n  margin-top:60px;\n}\n\n.baseConcept .baseConcept__button{\n  display:inline-flex;\n  align-items:center;\n  gap:22px;\n  padding:8px 0 8px 14px;\n  font-size:15px;\n  font-weight:700;\n  line-height:1.5;\n  letter-spacing:.06em;\n}\n\n.baseConcept__circle{\n  position:relative;\n  display:grid;\n  place-items:center;\n  flex:none;\n  width:66px;\n  height:66px;\n  overflow:hidden;\n  border:1px solid #fff;\n  border-radius:50%;\n  background:#fff;\n  color:#285e5b;\n  isolation:isolate;\n  transition:\n    color .35s ease,\n    transform .35s ease;\n}\n\n.baseConcept__circle::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  background:var(--bc-main);\n  transform:translateX(-102%);\n  transition:transform .4s cubic-bezier(.22,.61,.36,1);\n}\n\n.baseConcept__circle svg{\n  display:block;\n  width:29px;\n  height:29px;\n  transition:transform .35s ease;\n}\n\n.baseConcept__button:focus-visible{\n  outline:2px solid var(--bc-text);\n  outline-offset:7px;\n  border-radius:4px;\n}\n\n.baseConcept__button:focus-visible .baseConcept__circle::before{\n  transform:translateX(0);\n}\n\n@media(hover:hover){\n  .baseConcept__button:hover .baseConcept__circle::before{\n    transform:translateX(0);\n  }\n\n  .baseConcept__button:hover .baseConcept__circle{\n    transform:translateX(4px);\n  }\n\n  .baseConcept__button:hover svg{\n    transform:translateX(3px);\n  }\n}\n\n.baseConcept__button:active .baseConcept__circle{\n  transform:scale(.94);\n}\n\n\/* \u672c\u6587\u30fb\u5c0f\u898b\u51fa\u3057\u30fb\u30dc\u30bf\u30f3\u306e\u51fa\u73fe *\/\n.baseConcept.bc-ready [data-bc-reveal]:not(.baseConcept__title){\n  opacity:0;\n  transform:translateY(18px);\n  transition:\n    opacity 1s ease,\n    transform 1.1s cubic-bezier(.22,1,.36,1);\n}\n\n.baseConcept.bc-ready [data-bc-reveal].is-visible:not(.baseConcept__title){\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* \u7e26\u66f8\u304d\u30b3\u30d4\u30fc\u306e\u51fa\u73fe\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n.baseConcept.bc-ready .baseConcept__title[data-bc-reveal]{\n  opacity:1;\n  transform:none;\n  filter:none;\n}\n\n\/* \u767d\u5e2f\u304c\u4e0a\u304b\u3089\u4e0b\u3078\u4f38\u3073\u308b *\/\n.baseConcept.bc-ready .baseConcept__title > span::before{\n  transform:scaleY(0);\n  transition:transform 1.05s cubic-bezier(.22,1,.36,1);\n}\n\n\/* \u6587\u5b57\u306f\u5c11\u3057\u9045\u308c\u3066\u73fe\u308c\u308b *\/\n.baseConcept.bc-ready .baseConcept__titleText{\n  opacity:0;\n  transform:translateY(22px);\n  filter:blur(4px);\n  transition:\n    opacity .9s ease,\n    transform 1.1s cubic-bezier(.22,1,.36,1),\n    filter .9s ease;\n  transition-delay:.24s;\n}\n\n.baseConcept.bc-ready .baseConcept__titleSub::before{\n  transition-delay:.18s;\n}\n\n.baseConcept.bc-ready .baseConcept__titleSub .baseConcept__titleText{\n  transition-delay:.42s;\n}\n\n.baseConcept.bc-ready .baseConcept__title.is-visible > span::before{\n  transform:scaleY(1);\n}\n\n.baseConcept.bc-ready .baseConcept__title.is-visible .baseConcept__titleText{\n  opacity:1;\n  transform:translateY(0);\n  filter:blur(0);\n}\n\n\/* \u5927\u304d\u3044PC *\/\n@media(min-width:1600px){\n  .baseConcept__inner{\n    column-gap:90px;\n    grid-template-columns:240px minmax(0,1fr);\n  }\n}\n\n\/* \u30bf\u30d6\u30ec\u30c3\u30c8 *\/\n@media(max-width:1000px){\n  .baseConcept__inner{\n    width:90%;\n    grid-template-columns:170px minmax(0,1fr);\n    column-gap:35px;\n  }\n\n  .baseConcept__copy{\n    font-size:15px;\n    line-height:2.3;\n  }\n\n  .baseConcept__body{\n    padding-top:100px;\n  }\n}\n\n\/* \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 *\/\n@media(max-width:600px){\n  .baseConcept{\n    padding:34px 0 66px;\n  }\n\n  .baseConcept__rail{\n    height:calc(260px * .666667);\n  }\n\n  .baseConcept__group{\n    gap:20px;\n    padding-right:20px;\n  }\n\n  .baseConcept .baseConcept__photo{\n    width:260px;\n    aspect-ratio:3\/2;\n    margin:0;\n    border-radius:5px;\n  }\n\n  .baseConcept__track{\n    animation-duration:40s;\n  }\n\n  .baseConcept__inner{\n    width:calc(100% - 36px);\n    margin-top:-56px;\n    grid-template-columns:85px minmax(0,1fr);\n    column-gap:18px;\n  }\n\n  .baseConcept .baseConcept__title{\n    gap:8px;\n    font-size:22px;\n    line-height:1.35;\n    letter-spacing:.05em;\n  }\n\n  .baseConcept .baseConcept__title > span{\n    height:auto;\n    min-height:0;\n    margin-top:0;\n    padding:14px 4px 17px;\n  }\n\n  .baseConcept__body{\n    padding-top:82px;\n  }\n\n  .baseConcept__watermark{\n    top:7px;\n    left:-4px;\n    font-size:64px;\n    letter-spacing:-.06em;\n  }\n\n  .baseConcept .baseConcept__label{\n    gap:9px;\n    margin-bottom:25px;\n    font-size:12px;\n    letter-spacing:.03em;\n  }\n\n  .baseConcept__label::before{\n    width:25px;\n  }\n\n  .baseConcept__copy{\n    font-size:16px;\n    line-height:2.15;\n    letter-spacing:.025em;\n  }\n\n  .baseConcept .baseConcept__copy p+p{\n    margin-top:22px;\n  }\n\n  .baseConcept__action{\n    margin-top:36px;\n  }\n\n  .baseConcept .baseConcept__button{\n    gap:11px;\n    padding-left:0;\n    font-size:12px;\n    letter-spacing:0;\n  }\n\n  .baseConcept__circle{\n    width:48px;\n    height:48px;\n  }\n\n  .baseConcept__circle svg{\n    width:24px;\n    height:24px;\n  }\n\n  .baseConcept__brand{\n    bottom:10px;\n    font-size:210px;\n  }\n}\n\n\/* \u52d5\u304d\u3092\u6291\u3048\u308b\u8a2d\u5b9a\u3078\u306e\u5bfe\u5fdc *\/\n@media(prefers-reduced-motion:reduce){\n  .baseConcept__track{\n    animation:none;\n  }\n\n  .baseConcept.bc-ready .baseConcept__title > span::before,\n  .baseConcept.bc-ready .baseConcept__title .baseConcept__titleText,\n  .baseConcept.bc-ready [data-bc-reveal]:not(.baseConcept__title){\n    opacity:1;\n    transform:none;\n    filter:none;\n    transition:none;\n  }\n\n  .baseConcept__circle,\n  .baseConcept__circle::before,\n  .baseConcept__circle svg{\n    transition:none;\n  }\n}\n<\/style>\n\n<section class=\"baseConcept\" aria-label=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u306e\u30b3\u30f3\u30bb\u30d7\u30c8\">\n\n  <div class=\"baseConcept__backdrop\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"baseConcept__brand\" aria-hidden=\"true\">\n    BASE\n  <\/div>\n\n  <!-- \u5199\u771f\u306f\u3059\u3079\u3066\u540c\u3058\u30b5\u30a4\u30ba\u30fb\u9ad8\u3055\u3067\u5de6\u3078\u6d41\u308c\u307e\u3059 -->\n  <div class=\"baseConcept__rail\" aria-label=\"\u9662\u5185\u306e\u5199\u771f\">\n    <div class=\"baseConcept__track\">\n      <div class=\"baseConcept__group\">\n\n        <figure class=\"baseConcept__photo\">\n          <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2732.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u306e\u9662\u5185\u98a8\u666f\" decoding=\"async\">\n        <\/figure>\n\n        <figure class=\"baseConcept__photo\">\n          <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2746.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u306e\u69d8\u5b50\" decoding=\"async\">\n        <\/figure>\n\n        <figure class=\"baseConcept__photo\">\n          <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2944.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u306e\u65bd\u8853\u98a8\u666f\" decoding=\"async\">\n        <\/figure>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"baseConcept__inner\">\n\n    <!-- \u5de6\u5074\uff1a\u767d\u5e2f\u4ed8\u304d\u7e26\u66f8\u304d\u30b3\u30d4\u30fc -->\n    <h2 class=\"baseConcept__title\" data-bc-reveal=\"\">\n      <span class=\"baseConcept__titleMain\">\n        <b class=\"baseConcept__titleText\">\u8eab\u4f53\u306e\u539f\u56e0\u304b\u3089\u3068\u3068\u306e\u3048\u3066\u3001<\/b>\n      <\/span>\n      <span class=\"baseConcept__titleSub\">\n        <b class=\"baseConcept__titleText\">\u5065\u5eb7\u306a\u30ab\u30e9\u30c0\u306b\u3002<\/b>\n      <\/span>\n    <\/h2>\n\n    <!-- \u53f3\u5074\uff1a\u30b3\u30f3\u30bb\u30d7\u30c8\u672c\u6587 -->\n    <div class=\"baseConcept__body\">\n\n      <div class=\"baseConcept__watermark\" aria-hidden=\"true\">\n        CONCEPT\n      <\/div>\n\n      <p class=\"baseConcept__label\" data-bc-reveal=\"\">\n        \u79c1\u305f\u3061\u306e\u30b3\u30f3\u30bb\u30d7\u30c8\n      <\/p>\n\n      <div class=\"baseConcept__copy\" data-bc-reveal=\"\">\n        <p>\n          \u3055\u3044\u305f\u307e\u5e02\u5317\u533a\u6adb\u5f15\u753a\u306b\u3042\u308b\u5f53\u9662\u3067\u306f\u3001\u554f\u8a3a\u3084\u30a8\u30b3\u30fc\u691c\u67fb\u7b49\u3067\u602a\u6211\u306b\u5bfe\u3059\u308b\u6b63\u78ba\u306a\u73fe\u72b6\u628a\u63e1\u3092\u884c\u3044\u3001\u9069\u5207\u306a\u51e6\u7f6e\u3092\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          \u306a\u304b\u306a\u304b\u6539\u5584\u3057\u306a\u3044\u75db\u307f\u3084\u30b9\u30dd\u30fc\u30c4\u969c\u5bb3\u306b\u5bfe\u3057\u3066\u306f\u3001\u52d5\u304d\u306b\u5bfe\u3059\u308b\u30a8\u30e9\u30fc\u52d5\u4f5c\u3084\u3001\u8eab\u4f53\u672c\u6765\u306e\u52d5\u304d\u306b\u7740\u76ee\u3002\n        <\/p>\n\n        <p>\n          \u8eab\u4f53\u672c\u6765\u306e\u52d5\u304d\u304c\u51fa\u305b\u308b\u3088\u3046\u306b\u904b\u52d5\u7642\u6cd5\u3092\u884c\u3044\u3001\u8eab\u4f53\u306eBASE\u304b\u3089\u6574\u3048\u3066\u3044\u304d\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"baseConcept__action\" data-bc-reveal=\"\">\n        <a class=\"baseConcept__button\" href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/first\/\">\n          <span>\u8a73\u3057\u304f\u306f\u3053\u3061\u3089<\/span>\n\n          <span class=\"baseConcept__circle\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 32 32\" fill=\"none\">\n              <path d=\"M5 16h21M17 7l9 9-9 9\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <\/svg>\n          <\/span>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  function boot(){\n    document.querySelectorAll('.baseConcept').forEach(function(section){\n      if(section.dataset.bcInit) return;\n\n      section.dataset.bcInit = '1';\n\n      \/* \u5199\u771f\u3092\u8907\u88fd\u3057\u3066\u9014\u5207\u308c\u306a\u3044\u30eb\u30fc\u30d7\u3092\u4f5c\u6210 *\/\n      var track = section.querySelector('.baseConcept__track');\n      var group = track.querySelector('.baseConcept__group');\n      var duplicate = group.cloneNode(true);\n\n      duplicate.setAttribute('aria-hidden', 'true');\n\n      duplicate.querySelectorAll('img').forEach(function(img){\n        img.alt = '';\n      });\n\n      track.appendChild(duplicate);\n\n      \/* \u30b9\u30af\u30ed\u30fc\u30eb\u6642\u306e\u51fa\u73fe\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3 *\/\n      if(!('IntersectionObserver' in window)) return;\n\n      var observer = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if(entry.isIntersecting){\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target);\n          }\n        });\n      },{\n        threshold:0,\n        rootMargin:'0px 0px -35px 0px'\n      });\n\n      section.classList.add('bc-ready');\n\n      section.querySelectorAll('[data-bc-reveal]').forEach(function(el){\n        observer.observe(el);\n      });\n    });\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', boot, {once:true});\n  }else{\n    boot();\n  }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-60 sp-py-20 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<div class=\"wp-block-group sp_only box02 has-white-color has-swl-main-background-color has-text-color has-background has-link-color wp-elements-1\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group sp_only\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl\" style=\"line-height:1.1\"><span style=\"font-size:35px\" class=\"swl-fz\">NEWS<\/span><br>\u304a\u77e5\u3089\u305b<\/h2>\n\n\n<div class=\"p-postListWrap u-mb-ctrl u-mb-30\"><ul class=\"p-postList -type-list\"><li class=\"p-postList__item\">\n\t<a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/gw_care\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" width=\"819\" height=\"1024\"  src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/a4958b8c9ca2a0d810acb2d9167e0592-819x1024.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/a4958b8c9ca2a0d810acb2d9167e0592-819x1024.jpg 819w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/a4958b8c9ca2a0d810acb2d9167e0592-240x300.jpg 240w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/a4958b8c9ca2a0d810acb2d9167e0592-768x960.jpg 768w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/a4958b8c9ca2a0d810acb2d9167e0592.jpg 1040w\" sizes=\"auto, (min-width: 960px) 400px, 36vw\" loading=\"lazy\" >\t<\/figure>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<h2 class=\"p-postList__title\">\u3010 GW\u306f\u8eab\u4f53\u306e\u30b1\u30a2\u3057\u3088\u3046\uff01 \u3011\u937c\u7078\u65bd\u8853\u3092\u671f\u9593\u9650\u5b9a\u3067\u5272\u5f15\u3057\u307e\u3059\uff01<\/h2>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-04-16\" aria-label=\"\u516c\u958b\u65e5\">2026\u5e744\u670816\u65e5<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<li class=\"p-postList__item\">\n\t<a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/open_news\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__thumb c-postThumb\">\n\t<figure class=\"c-postThumb__figure\">\n\t\t<img decoding=\"async\" width=\"1024\" height=\"400\"  src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/koteihaikei-2-1024x400.jpg\" alt=\"\" class=\"c-postThumb__img u-obf-cover\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/koteihaikei-2-1024x400.jpg 1024w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/koteihaikei-2-300x117.jpg 300w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/koteihaikei-2-768x300.jpg 768w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/koteihaikei-2.jpg 1280w\" sizes=\"auto, (min-width: 960px) 400px, 36vw\" loading=\"lazy\" >\t<\/figure>\n\t<\/div>\n\t\t\t\t\t<div class=\"p-postList__body\">\n\t\t\t\t<h2 class=\"p-postList__title\">\u30d7\u30ec\u30aa\u30fc\u30d7\u30f3\u306e\u304a\u77e5\u3089\u305b<\/h2>\t\t\t\t\t\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-01-24\" aria-label=\"\u516c\u958b\u65e5\">2026\u5e741\u670824\u65e5<\/time><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/a>\n<\/li>\n<\/ul><\/div><\/div><\/div>\n\n\n\n<div class=\"swell-block-button red_ is-style-btn_line\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/category\/news\/\" class=\"swell-block-button__link\"><span>MORE<\/span><\/a><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-columns pc_only\"><div class=\"swell-block-columns__inner\">\n<div class=\"swell-block-column swl-has-mb--s\" data-valign=\"center\" style=\"--clmn-w--pc:35%\">\n<div class=\"wp-block-group pc_only\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-0\" style=\"line-height:1.1\"><span style=\"font-size:45px\" class=\"swl-fz\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">NEWS<\/mark><\/span><br>\u304a\u77e5\u3089\u305b<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><img decoding=\"async\" width=\"150\" height=\"6\" class=\"wp-image-314\" style=\"width: 150px;\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a.jpg\" alt=\"\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a.jpg 400w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a-300x11.jpg 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\" data-valign=\"center\" style=\"--clmn-w--pc:65%\">\n<div class=\"wp-block-group box01 pc_only has-white-color has-text-color has-link-color wp-elements-2\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"p-postListWrap u-mb-ctrl u-mb-20\"><ul class=\"p-postList -type-simple\"><li class=\"p-postList__item\">\n\t<a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/gw_care\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__body\">\n\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-04-16\" aria-label=\"\u516c\u958b\u65e5\">2026\u5e744\u670816\u65e5<\/time><\/div>\n\t\t\t<\/div>\n\t\t\t<h2 class=\"p-postList__title\">\u3010 GW\u306f\u8eab\u4f53\u306e\u30b1\u30a2\u3057\u3088\u3046\uff01 \u3011\u937c\u7078\u65bd\u8853\u3092\u671f\u9593\u9650\u5b9a\u3067\u5272\u5f15\u3057\u307e\u3059\uff01<\/h2>\t\t<\/div>\n\t<\/a>\n<\/li>\n<li class=\"p-postList__item\">\n\t<a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/open_news\/\" class=\"p-postList__link\">\n\t\t<div class=\"p-postList__body\">\n\t\t\t<div class=\"p-postList__meta\">\n\t\t\t\t<div class=\"p-postList__times c-postTimes u-thin\">\n\t<time class=\"c-postTimes__posted icon-posted\" datetime=\"2026-01-24\" aria-label=\"\u516c\u958b\u65e5\">2026\u5e741\u670824\u65e5<\/time><\/div>\n\t\t\t<\/div>\n\t\t\t<h2 class=\"p-postList__title\">\u30d7\u30ec\u30aa\u30fc\u30d7\u30f3\u306e\u304a\u77e5\u3089\u305b<\/h2>\t\t<\/div>\n\t<\/a>\n<\/li>\n<\/ul><\/div>\n\n\n<div class=\"swell-block-button red_ -size-s is-style-btn_line\" style=\"--the-fz:1em\" data-align=\"left\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/category\/news\/\" class=\"swell-block-button__link\"><span>MORE<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner\">\n<style>\n\/* ===== \u30a8\u30ea\u30a2\u5168\u4f53 ===== *\/\n.base-expand {\n  position: relative;\n  width: 100vw !important;\n  max-width: none !important;\n  margin: 0 calc(50% - 50vw) !important;\n  padding: 80px 0;\n  overflow: hidden;\n  background: #fff;\n  isolation: isolate;\n}\n\n.base-expand,\n.base-expand *,\n.base-expand *::before,\n.base-expand *::after {\n  box-sizing: border-box;\n}\n\n\/* ===== \u5199\u771f\u306e\u521d\u671f\u30b5\u30a4\u30ba ===== *\/\n.base-expand__inner {\n  width: 80%;\n  max-width: 1080px;\n  margin: 0 auto;\n}\n\n.base-expand__stage {\n  position: relative;\n  width: 100%;\n}\n\n\/* \u5199\u771f\u306e\u9ad8\u3055\u306f\u753b\u50cf\u6bd4\u7387\u3067\u78ba\u4fdd *\/\n.base-expand__photo {\n  position: relative;\n  width: 100%;\n  height: 0;\n  padding-top: 67.4%;\n  overflow: hidden;\n}\n\n\/* \u30c6\u30fc\u30de\u5074\u306e\u753b\u50cf\u6307\u5b9a\u3092\u4e0a\u66f8\u304d *\/\n.base-expand .base-expand__image {\n  position: absolute !important;\n  inset: 0 !important;\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  height: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  object-fit: cover !important;\n  object-position: center !important;\n}\n\n\/* JS\u304c\u52d5\u4f5c\u3057\u305f\u5834\u5408\u3060\u3051\u5c55\u958b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u8a2d\u5b9a *\/\n.base-expand.is-ready .base-expand__photo {\n  clip-path: inset(0 100% 0 0);\n  transition: clip-path 1.2s cubic-bezier(.15, .83, .35, 1);\n}\n\n.base-expand.is-ready.is-visible .base-expand__photo {\n  clip-path: inset(0 0 0 0);\n}\n\n\/* ===== \u6d41\u308c\u308b\u6587\u5b57\u306e\u5e2f ===== *\/\n.base-expand__belt {\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  left: 50%;\n  width: 100vw;\n  transform: translate(-50%, -50%);\n  overflow: hidden;\n  border-top: 1px solid #fff;\n  border-bottom: 1px solid #fff;\n  color: #fff;\n  pointer-events: none;\n}\n\n.base-expand__track {\n  display: flex;\n  width: max-content;\n  animation: baseExpandText 30s linear infinite;\n}\n\n.base-expand__group {\n  display: flex;\n  flex: 0 0 auto;\n}\n\n.base-expand__text {\n  display: block;\n  flex: 0 0 auto;\n  margin: 0 !important;\n  padding: 10px 40px;\n  white-space: nowrap;\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(20px, 2.2vw, 32px);\n  font-weight: 400;\n  line-height: 1.3;\n  letter-spacing: .08em;\n}\n\n@keyframes baseExpandText {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n@media (max-width: 767px) {\n  .base-expand {\n    padding: 50px 0;\n  }\n\n  .base-expand__inner {\n    width: 88%;\n  }\n\n  .base-expand__photo {\n    padding-top: 125%;\n  }\n\n  .base-expand__text {\n    padding: 8px 24px;\n    font-size: 18px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .base-expand.is-ready .base-expand__photo {\n    clip-path: none;\n    transition: none;\n  }\n\n  .base-expand__track {\n    animation: none;\n  }\n}\n<\/style>\n\n<section class=\"base-expand\" aria-label=\"BASE\u937c\u7078\u9662\u63a5\u9aa8\u9662\">\n  <div class=\"base-expand__inner\">\n    <div class=\"base-expand__stage\">\n\n      <div class=\"base-expand__photo\">\n        <!-- \u30b5\u30f3\u30d7\u30eb\u5199\u771f\uff1asrc\u3092\u4f7f\u7528\u3059\u308b\u5199\u771f\u306eURL\u306b\u5909\u66f4 -->\n        <img class=\"base-expand__image\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3553.jpg\" alt=\"\u81ea\u7136\u306e\u98a8\u666f\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"base-expand__belt\" aria-hidden=\"true\">\n        <div class=\"base-expand__track\">\n          <div class=\"base-expand__group\">\n            <span class=\"base-expand__text\">BASE SHINKYUIN SEKKOTSUIN<\/span>\n            <span class=\"base-expand__text\">BASE SHINKYUIN SEKKOTSUIN<\/span>\n            <span class=\"base-expand__text\">BASE SHINKYUIN SEKKOTSUIN<\/span>\n          <\/div>\n\n          <div class=\"base-expand__group\">\n            <span class=\"base-expand__text\">BASE SHINKYUIN SEKKOTSUIN<\/span>\n            <span class=\"base-expand__text\">BASE SHINKYUIN SEKKOTSUIN<\/span>\n            <span class=\"base-expand__text\">BASE SHINKYUIN SEKKOTSUIN<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n(function () {\n  function initializeBaseExpand() {\n    document.querySelectorAll(\".base-expand\").forEach(function (section) {\n      if (section.dataset.baseInitialized === \"true\") return;\n\n      var inner = section.querySelector(\".base-expand__inner\");\n      var stage = section.querySelector(\".base-expand__stage\");\n\n      if (!inner || !stage) return;\n\n      section.dataset.baseInitialized = \"true\";\n\n      var scheduled = false;\n      var motionPreference = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      );\n\n      function update() {\n        scheduled = false;\n\n        var viewportWidth = document.documentElement.clientWidth;\n        var viewportHeight = window.innerHeight;\n        var initialWidth = inner.clientWidth;\n\n        if (!initialWidth) return;\n\n        \/*\n         * stage\u306e\u4e0a\u7aef\u306f\u62e1\u5927\u3057\u3066\u3082\u5909\u308f\u3089\u306a\u3044\u305f\u3081\u3001\n         * \u5b89\u5b9a\u3057\u305f\u4f4d\u7f6e\u3092\u57fa\u6e96\u306b\u30b9\u30af\u30ed\u30fc\u30eb\u91cf\u3092\u8a08\u7b97\u3002\n         *\/\n        var top = stage.getBoundingClientRect().top;\n\n        \/* \u5199\u771f\u304c\u753b\u9762\u4e0b\u304b\u3089100px\u5165\u308b\u3068\u5de6\u2192\u53f3\u3078\u5c55\u958b *\/\n        if (top < viewportHeight - 100) {\n          section.classList.add(\"is-visible\");\n        } else {\n          section.classList.remove(\"is-visible\");\n        }\n\n        \/* \u753b\u9762\u306e35%\u306e\u9ad8\u3055\u306b\u6765\u305f\u3089\u5168\u5e45\u3078\u306e\u62e1\u5927\u3092\u958b\u59cb *\/\n        var start = viewportHeight * 0.35;\n        var distance = Math.max(1, viewportHeight * 0.65);\n        var progress = (start - top) \/ distance;\n\n        progress = Math.max(0, Math.min(1, progress));\n\n        if (motionPreference.matches) {\n          progress = 0;\n        }\n\n        var expandedWidth =\n          initialWidth +\n          Math.max(0, viewportWidth - initialWidth) * progress;\n\n        \/*\n         * transform\u3092\u4f7f\u308f\u305a\u5199\u771f\u30a8\u30ea\u30a2\u81ea\u4f53\u3092\u5e83\u3052\u308b\u3002\n         * \u9ad8\u3055\u3082\u6bd4\u7387\u306b\u5fdc\u3058\u3066\u81ea\u52d5\u7684\u306b\u5e83\u304c\u308b\u3002\n         *\/\n        stage.style.width = expandedWidth + \"px\";\n        stage.style.marginLeft =\n          (initialWidth - expandedWidth) \/ 2 + \"px\";\n      }\n\n      function requestUpdate() {\n        if (scheduled) return;\n        scheduled = true;\n        window.requestAnimationFrame(update);\n      }\n\n      \/* \u6700\u521d\u306e\u63cf\u753b\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u521d\u671f\u72b6\u614b\u3092\u78ba\u5b9a *\/\n      section.classList.add(\"is-ready\");\n\n      window.requestAnimationFrame(function () {\n        window.requestAnimationFrame(update);\n      });\n\n      window.addEventListener(\"scroll\", requestUpdate, {\n        passive: true\n      });\n\n      window.addEventListener(\"resize\", requestUpdate, {\n        passive: true\n      });\n\n      window.addEventListener(\"load\", requestUpdate, {\n        once: true\n      });\n\n      if (motionPreference.addEventListener) {\n        motionPreference.addEventListener(\"change\", requestUpdate);\n      }\n\n      if (\"ResizeObserver\" in window) {\n        var observer = new ResizeObserver(requestUpdate);\n        observer.observe(inner);\n      }\n    });\n  }\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initializeBaseExpand,\n      { once: true }\n    );\n  } else {\n    initializeBaseExpand();\n  }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-60 sp-py-40 has-bg-img -fixbg alignfull lazyload animated fadeInUp u-mb-ctrl u-mb-0\" style=\"background-color:rgba(255, 255, 255, 0.8)\" data-bg=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/8e1b944f4389bdaab6f11d5bc83190c8.png\"><div class=\"swell-block-fullWide__inner l-container\">\n<div class=\"wp-block-group pc_only\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl\"><span style=\"font-size:33px\" class=\"swl-fz\">\u3053\u306e\u3088\u3046\u306a<\/span><span style=\"font-size:45px\" class=\"swl-fz\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u304a\u60a9\u307f<\/mark><\/span><span style=\"font-size:33px\" class=\"swl-fz\">\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/span><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group sp_only\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl\" style=\"line-height:1.1\"><span style=\"font-size:20px\" class=\"swl-fz\">\u3053\u306e\u3088\u3046\u306a<\/span><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\"><span style=\"font-size:35px\" class=\"swl-fz\">\u304a\u60a9\u307f<\/span><\/mark><br><span style=\"font-size:20px\" class=\"swl-fz\">\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/span><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-columns\" style=\"--clmn-w--pc:33.33%;--clmn-w--mobile:50%;--swl-clmn-mrgn--x:0rem\"><div class=\"swell-block-columns__inner\">\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/backpain\/\"><img decoding=\"async\" width=\"350\" height=\"256\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/3286d31d8d37b9136b31aab8eb1f23df-1.png\" alt=\"\" class=\"wp-image-114\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/3286d31d8d37b9136b31aab8eb1f23df-1.png 350w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/3286d31d8d37b9136b31aab8eb1f23df-1-300x219.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/shoulderpain\/\"><img decoding=\"async\" width=\"350\" height=\"256\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/71ee7e8aa30154835ffa875b624f00f9-1.png\" alt=\"\" class=\"wp-image-116\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/71ee7e8aa30154835ffa875b624f00f9-1.png 350w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/71ee7e8aa30154835ffa875b624f00f9-1-300x219.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/kneepain\/\"><img decoding=\"async\" width=\"350\" height=\"256\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/9ee65aabd0c9bf86e3765dadf62cd464-1.png\" alt=\"\" class=\"wp-image-117\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/9ee65aabd0c9bf86e3765dadf62cd464-1.png 350w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/9ee65aabd0c9bf86e3765dadf62cd464-1-300x219.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/meat\/\"><img decoding=\"async\" width=\"350\" height=\"256\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/d50c034c6c7d0a6bb13bcff33102ccb3-1.png\" alt=\"\" class=\"wp-image-118\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/d50c034c6c7d0a6bb13bcff33102ccb3-1.png 350w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/d50c034c6c7d0a6bb13bcff33102ccb3-1-300x219.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/sportspain\/\"><img decoding=\"async\" width=\"350\" height=\"256\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/f07db41ad1ee96c8e5b3caa4ecde56b1-1.png\" alt=\"\" class=\"wp-image-119\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/f07db41ad1ee96c8e5b3caa4ecde56b1-1.png 350w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/f07db41ad1ee96c8e5b3caa4ecde56b1-1-300x219.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/sportsinjury\/\"><img decoding=\"async\" width=\"350\" height=\"256\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/b4840d2154abb1e5ce83e6a4a36ff7dc-1.png\" alt=\"\" class=\"wp-image-120\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/b4840d2154abb1e5ce83e6a4a36ff7dc-1.png 350w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/b4840d2154abb1e5ce83e6a4a36ff7dc-1-300x219.png 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/a><\/figure>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-40 sp-py-20 alignfull animated fadeInUp\"><div class=\"swell-block-fullWide__inner l-container\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-10\" style=\"line-height:1.1\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">RESERVATION<\/mark><br><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\"><span style=\"font-size:40px\" class=\"swl-fz\">\u4e88\u7d04\u306e\u3054\u6848\u5185<\/span><\/mark><\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  \n  \n  <title>\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body{\n      font-family: 'Noto Sans JP', sans-serif;\n      background:#fff;\n    }\n\n    .section-wrapper {\n      width: 100%;\n      max-width: 1100px;\n      margin: 0 auto;\n      position: relative;\n      padding: 24px 16px 90px;\n    }\n\n    \/* \u2500\u2500\u2500 Main green card \u2500\u2500\u2500 *\/\n    .green-card {\n      background: #74c0bd;\n      border-radius: 28px;\n      padding: 8px 28px 18px 60px;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 240px 250px;\n      align-items: center;\n      gap: 28px;\n      position: relative;\n      overflow: visible;\n      min-height: 400px;\n    }\n\n    \/* \u2500\u2500\u2500 Left: text \u2500\u2500\u2500 *\/\n    .left-content {\n      color: #fff;\n      min-width: 0;\n      max-width: 520px;\n      padding-right: 8px;\n    }\n\n    .headline-small {\n      font-size: 21px;\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      line-height: 1.5;\n      margin-bottom: 10px;\n      color: rgba(255,255,255,0.96);\n    }\n\n    .headline-large {\n      font-size: clamp(24px, 3.6vw, 44px);\n      font-weight: 900;\n      letter-spacing: 0.02em;\n      line-height: 1.28;\n      margin-bottom: 30px;\n    }\n\n    .headline-sub {\n      font-size: clamp(26px, 2vw, 32px);\n      font-weight: 800;\n      line-height: 1.4;\n      margin-bottom: 10px;\n      color: #fff;\n    }\n\n    .divider {\n      width: 100%;\n      max-width: 430px;\n      height: 3px;\n      background: rgba(255,255,255,0.45);\n      margin-bottom: 24px;\n    }\n\n    .food-title {\n      font-size: 22px;\n      font-weight: 800;\n      color: #fff;\n      line-height: 1.6;\n      margin-top: 17px;\n      margin-bottom: 17px;\n      letter-spacing: 0.01em;\n    }\n\n    .food-desc {\n      font-size: 13px;\n      font-weight: 500;\n      color: rgba(255,255,255,0.92);\n      line-height: 2;\n      max-width: 420px;\n      letter-spacing: 0.01em;\n    }\n\n    \/* \u2500\u2500\u2500 Center: LINE badge \u2500\u2500\u2500 *\/\n    .center-badge {\n      flex-shrink: 0;\n      position: relative;\n      width: 220px;\n      height: 220px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 5;\n      justify-self: center;\n    }\n\n    .badge-link{\n      position: relative;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      width:100%;\n      height:100%;\n      text-decoration:none;\n      transition: transform .25s ease, opacity .25s ease;\n    }\n\n    .badge-link:hover{\n      transform: translateY(-3px);\n      opacity: .96;\n    }\n\n    .ring-svg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      animation: rotateSlow 18s linear infinite;\n      pointer-events: none;\n    }\n\n    @keyframes rotateSlow {\n      from { transform: rotate(0deg); }\n      to   { transform: rotate(360deg); }\n    }\n\n    .badge-inner {\n      width: 160px;\n      height: 160px;\n      background: #fff;\n      border-radius: 50%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      z-index: 2;\n      padding: 10px;\n      text-align:center;\n    }\n\n    .badge-text {\n      font-size: 12px;\n      font-weight: 800;\n      color: #3a3a3a;\n      text-align: center;\n      line-height: 1.5;\n    }\n\n    .line-icon {\n      width: 54px;\n      height: 54px;\n      background: #06C755;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .line-icon img {\n      display: block;\n      width: 36px;\n      height: 36px;\n      object-fit: contain;\n    }\n\n    .badge-note {\n      font-size: 10px;\n      color: #666;\n      text-align: center;\n      line-height: 1.55;\n    }\n\n    \/* \u2500\u2500\u2500 Right: phone photo \u2500\u2500\u2500 *\/\n    .right-phone {\n      align-self: stretch;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: -72px;\n      margin-bottom: -72px;\n      margin-right: -14px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .phone-img-wrap {\n      width: 240px;\n      max-width: 100%;\n    }\n\n    .phone-img-wrap img {\n      display: block;\n      width: 100%;\n      height: auto;\n    }\n\n    .phone-placeholder {\n      width: 240px;\n      height: 480px;\n      background: rgba(255,255,255,0.10);\n      border: 2px dashed rgba(255,255,255,0.45);\n      border-radius: 38px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      color: rgba(255,255,255,0.75);\n      font-size: 12px;\n      font-weight: 600;\n      text-align: center;\n      line-height: 1.7;\n      filter: drop-shadow(0 24px 48px rgba(0,0,0,0.25));\n    }\n\n    \/* \u2500\u2500\u2500 Tablet \u2500\u2500\u2500 *\/\n    @media (max-width: 980px) {\n      .section-wrapper{\n        padding: 18px 12px 36px;\n      }\n\n      .green-card {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        padding: 34px 24px 28px;\n        min-height: auto;\n        border-radius: 22px;\n      }\n\n      .left-content {\n        max-width: none;\n        padding-right: 0;\n      }\n\n      .headline-small {\n        font-size: 16px;\n        margin-bottom: 4px;\n      }\n\n      .headline-large {\n        font-size: 34px;\n        line-height: 1.4;\n      }\n\n      .headline-sub {\n        font-size: 23px;\n        margin-bottom: 20px;\n      }\n\n      .divider {\n        max-width: none;\n        margin-bottom: 16px;\n      }\n\n      .food-title {\n        font-size: 18px;\n        margin-bottom: 10px;\n      }\n\n      .food-desc {\n        max-width: none;\n        font-size: 12px;\n        line-height: 1.9;\n      }\n\n      .right-phone {\n        order: 2;\n        margin: 0;\n        align-self: center;\n      }\n\n      .center-badge {\n        order: 3;\n        width: 200px;\n        height: 200px;\n        margin: 2px auto 0;\n      }\n\n      .phone-img-wrap {\n        width: 180px;\n      }\n\n      .badge-inner {\n        width: 130px;\n        height: 130px;\n      }\n    }\n\n    \/* \u2500\u2500\u2500 Mobile \u2500\u2500\u2500 *\/\n    @media (max-width: 640px) {\n      .section-wrapper {\n        padding: 6px;\n      }\n\n      .green-card {\n        padding: 22px 18px 20px;\n        gap: 12px;\n        border-radius: 18px;\n      }\n\n      .left-content{\n        text-align:left;\n      }\n\n      .headline-small {\n        font-size: 13px;\n        margin-bottom: 3px;\n        text-align:center;\n      }\n\n      .headline-large {\n        font-size: 33px;\n        line-height: 1.6;\n        margin-bottom: 12px;\n        text-align:center;\n      }\n\n      .divider {\n        margin-bottom: 22px;\n      }\n\n      .food-title {\n        font-size: 15px;\n        line-height: 1.7;\n        margin-top: 18px;\n        margin-bottom: 18px;\n        text-align:center;\n      }\n\n      .food-desc {\n        font-size: 12px;\n        line-height: 2.25;\n        text-align:center;\n      }\n\n      .right-phone {\n        margin-top: 44px;\n      }\n\n      .phone-img-wrap {\n        width: 132px;\n      }\n\n      .center-badge {\n        width: 200px;\n        height: 200px;\n        margin-top: 0;\n      }\n\n      .badge-inner {\n        width: 145px;\n        height: 145px;\n        gap: 6px;\n      }\n\n      .badge-text {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      .line-icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n\n      .line-icon img {\n        width: 28px;\n        height: 28px;\n      }\n\n      .badge-note {\n        font-size: 8.5px;\n        margin-top: 1px;\n        line-height: 1.25;\n      }\n\n      .ring-svg text{\n        font-size: 10px;\n      }\n\n      .ring-sp text{\n        font-size: 8.9px;\n        letter-spacing: 2.1px;\n      }\n    }\n\n    .ring-sp{\n      display:none;\n    }\n\n    @media (max-width:640px){\n      .ring-pc{\n        display:none;\n      }\n\n      .ring-sp{\n        display:block;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"section-wrapper\">\n  <div class=\"green-card\">\n\n    <!-- \u2460 LEFT: \u30c6\u30ad\u30b9\u30c8 -->\n    <div class=\"left-content\">\n      <p class=\"headline-small\">\uff3c\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\uff0f<\/p>\n      <p class=\"headline-large\">\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/p>\n      <div class=\"divider\"><\/div>\n      <p class=\"food-title\">LINE\u3067\u9805\u76ee\u9078\u629e\u3059\u308b\u3060\u3051\u3067\u4e88\u7d04\u3067\u304d\u308b\uff01<\/p>\n      <p class=\"food-desc\">\n        \u5f53\u9662\u3067\u306f\u5065\u5eb7\u4fdd\u967a\/\u81ea\u8cbb\u65bd\u8853\/\u4ea4\u901a\u4e8b\u6545\u306a\u3069\u69d8\u3005\u306a<br>\n        \u75c7\u72b6\u306b\u5bfe\u3057\u3066\u9069\u5207\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002<br>\n        \u521d\u3081\u3066\u3067\u4e0d\u5b89\u306a\u65b9\u306f\u30c8\u30fc\u30af\u304b\u3089\u6c17\u8efd\u306b\u3054\u8cea\u554f\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n\n    <!-- \u2461 CENTER: LINE \u30d0\u30c3\u30b8 -->\n    <div class=\"center-badge\">\n      <a class=\"badge-link\" href=\"https:\/\/line.me\/R\/ti\/p\/@184nzgay\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LINE\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04\">\n        <svg class=\"ring-svg ring-pc\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <defs>\n            <path id=\"cp\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\n          <\/defs>\n          <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"11.5\" font-weight=\"700\" fill=\"white\" letter-spacing=\"2.7\">\n            <textPath href=\"#cp\">\n              BASE SHINKYU SEKKOTSUIN BASE SHINKYU SEKKOTSUIN&nbsp;\n            <\/textPath>\n          <\/text>\n        <\/svg>\n\n        <!-- \u30b9\u30de\u30db\u7528\u30ea\u30f3\u30b0\uff08\u6587\u5b57\u591a\u3081\uff09 -->\n        <svg class=\"ring-svg ring-sp\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <defs>\n            <path id=\"cp2\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\n          <\/defs>\n          <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"8.9\" font-weight=\"700\" fill=\"white\" letter-spacing=\"1.15\">\n            <textPath href=\"#cp2\">\n              BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb\n            <\/textPath>\n          <\/text>\n        <\/svg>\n\n        <div class=\"badge-inner\">\n          <p class=\"badge-text\">\u304a\u554f\u3044\u5408\u308f\u305b<br>\u4e88\u7d04\u306fLINE\u304b\u3089<\/p>\n\n          <div class=\"line-icon\" aria-hidden=\"true\">\n            <img decoding=\"async\"\n              src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/370f42a7d0aeef7bf77ef695280ee58f.png\"\n              alt=\"\"\n            >\n          <\/div>\n\n          <p class=\"badge-note\">\u203b\u30bf\u30c3\u30d7\u3059\u308b\u3068<br>LINE\u304c\u958b\u304d\u307e\u3059<\/p>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <!-- \u2462 RIGHT: \u30b9\u30de\u30db\u5199\u771f\uff08PC\u3067\u4e0a\u4e0b\u306b\u306f\u307f\u51fa\u3059\uff09 -->\n    <div class=\"right-phone\">\n      <div class=\"phone-img-wrap\">\n        <img decoding=\"async\"\n          src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/fb6da81da3b86164cddacafd5ed30aaa.png\"\n          alt=\"LINE\u30a2\u30d7\u30ea\u753b\u9762\"\n        >\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"3209\" height=\"1043\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f.png\" alt=\"\" class=\"wp-image-1031\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f.png 3209w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-300x98.png 300w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-1024x333.png 1024w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-768x250.png 768w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-1536x499.png 1536w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-2048x666.png 2048w\" sizes=\"(max-width: 3209px) 100vw, 3209px\" \/><\/figure>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull is-light animated fadeInUp u-mb-ctrl u-mb-0\"><video class=\"wp-block-cover__video-background intrinsic-ignore\" autoplay muted loop playsinline src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/6917907_Motion_Graphics_Motion_Graphic_1080x1920.mp4\" style=\"object-position:41% 72%\" data-object-fit=\"cover\" data-object-position=\"41% 72%\"><\/video><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-80 has-background-dim\" style=\"background-color:#FFF\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"swell-block-fullWide pc-py-60 sp-py-40 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<h2 class=\"wp-block-heading is-style-section_ttl\" style=\"line-height:1.3\"><span style=\"font-size:50px\" class=\"swl-fz\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">SERVICE<\/mark><\/span><br>\u304a\u3059\u3059\u3081\u65bd\u8853<\/h2>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n\n\n<title>\u30b5\u30fc\u30d3\u30b9\u7d39\u4ecb<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  .section-title {\n    text-align: center;\n    color: white;\n    font-size: 14px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    margin-bottom: 32px;\n    text-transform: uppercase;\n  }\n\n  .cards-wrapper {\n    width: 100%;\n    max-width: 1100px;\n  }\n\n  .cards-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .card:nth-child(2) {\n    transform: translateY(0);\n  }\n\n  .card {\n    background: white;\n    border-radius: 20px;\n    overflow: hidden;\n    position: relative;\n    cursor: pointer;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.15);\n  }\n\n  .card.card--featured {\n    box-shadow: 0 8px 30px rgba(0,0,0,0.12);\n  }\n\n  .card.card--featured:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 16px 50px rgba(0,0,0,0.18);\n  }\n\n  .card__image-wrap {\n    position: relative;\n    width: 100%;\n    height: 220px;\n    overflow: hidden;\n    border-radius: 14px;\n    margin: 10px;\n    width: calc(100% - 20px);\n    flex-shrink: 0;\n  }\n\n  .card--featured .card__image-wrap {\n    height: 220px;\n  }\n\n  .card__image-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n\n  .card:hover .card__image-wrap img {\n    transform: scale(1.04);\n  }\n\n  .card__character {\n    position: absolute;\n    bottom: -4px;\n    left: 14px;\n    width: 56px;\n    height: 56px;\n    z-index: 10;\n    opacity: 0;\n    transform: translateY(20px) scale(0.6);\n    transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\n    pointer-events: none;\n  }\n\n  .card__character img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .card:hover .card__character {\n    opacity: 1;\n    transform: translateY(-6px) rotate(-5deg) scale(1);\n  }\n\n  .card__body {\n    padding: 16px 56px 20px 16px;\n    min-height: 112px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .card__title {\n    font-size: 17px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n    letter-spacing: 0.02em;\n  }\n\n  .card__desc {\n    font-size: 13px;\n    color: #555;\n    line-height: 1.7;\n  }\n\n  .card__arrow {\n    position: absolute;\n    bottom: 16px;\n    right: 16px;\n    width: 36px;\n    height: 36px;\n    background: #222;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.2s ease, transform 0.2s ease;\n  }\n\n  .card:hover .card__arrow {\n    background: #74c0bd;\n    transform: rotate(45deg);\n  }\n\n  .card__arrow svg {\n    width: 16px;\n    height: 16px;\n    fill: none;\n    stroke: white;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  @media (max-width: 720px) {\n    .cards-grid {\n      display: flex;\n      gap: 16px;\n      overflow-x: auto;\n      overflow-y: hidden;\n      scroll-snap-type: x mandatory;\n      -webkit-overflow-scrolling: touch;\n      padding-bottom: 6px;\n    }\n\n    .cards-grid::-webkit-scrollbar {\n      display: none;\n    }\n\n    .card {\n      flex: 0 0 85%;\n      max-width: 85%;\n      scroll-snap-align: start;\n      height: auto;\n    }\n\n    .card--featured {\n      order: 0;\n    }\n\n    .card__image-wrap,\n    .card--featured .card__image-wrap {\n      height: 220px;\n    }\n  }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"cards-wrapper\">\n\n  <div class=\"cards-grid\">\n\n    <div class=\"card\" onclick=\"window.open('https:\/\/base-base-base.ciao.jp\/wordpress\/hi-voltage\/','_blank')\">\n      <div class=\"card__image-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2732.jpg\" alt=\"\u30cf\u30a4\u30dc\u30eb\u30c6\u30fc\u30b8\">\n        <div class=\"card__character\" id=\"char1\">\n          <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/d160a53f71104dc4e5ed3c300ba3ba79.png\" alt=\"\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\">\n        <\/div>\n      <\/div>\n      <div class=\"card__body\">\n        <div class=\"card__title\">\u30cf\u30a4\u30dc\u30eb\u30c6\u30fc\u30b8<\/div>\n        <div class=\"card__desc\">\u76ae\u819a\u62b5\u6297\u306e\u5c11\u306a\u3044\u96fb\u6c17\u3067<br>\u75db\u307f\u30fb\u75c7\u72b6\u3092\u3057\u3063\u304b\u308a\u3068\u89e3\u6d88<\/div>\n      <\/div>\n      <div class=\"card__arrow\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"card card--featured\" onclick=\"window.open('https:\/\/base-base-base.ciao.jp\/wordpress\/echo\/','_blank')\">\n      <div class=\"card__image-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2746.jpg\" alt=\"\u30a8\u30b3\u30fc\u691c\u67fb\">\n        <div class=\"card__character\" id=\"char2\">\n          <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/d160a53f71104dc4e5ed3c300ba3ba79.png\" alt=\"\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\">\n        <\/div>\n      <\/div>\n      <div class=\"card__body\">\n        <div class=\"card__title\">\u30a8\u30b3\u30fc\u691c\u67fb<\/div>\n        <div class=\"card__desc\">\u30b1\u30ac\u3084\u75db\u307f\u306e\u539f\u56e0\u3092\u53ef\u8996\u5316\u3057<br>\u4e01\u5be7\u306a\u8aac\u660e\u3092\u5b9f\u65bd<\/div>\n      <\/div>\n      <div class=\"card__arrow\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"card\" onclick=\"window.open('https:\/\/base-base-base.ciao.jp\/wordpress\/acupuncture\/','_blank')\">\n      <div class=\"card__image-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2944.jpg\" alt=\"\u937c\u7078\">\n        <div class=\"card__character\" id=\"char3\">\n          <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/d160a53f71104dc4e5ed3c300ba3ba79.png\" alt=\"\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\">\n        <\/div>\n      <\/div>\n      <div class=\"card__body\">\n        <div class=\"card__title\">\u937c\u7078\u65bd\u8853<\/div>\n        <div class=\"card__desc\">\u30b1\u30ac\u304b\u3089\u65e5\u3005\u306e\u75db\u307f\u306e<br>\u539f\u56e0\u3078\u3057\u3063\u304b\u308a\u3068\u30a2\u30d7\u30ed\u30fc\u30c1<\/div>\n      <\/div>\n      <div class=\"card__arrow\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"card\" onclick=\"window.open('https:\/\/base-base-base.ciao.jp\/wordpress\/training\/','_blank')\">\n      <div class=\"card__image-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_3601.jpg\" alt=\"\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\">\n        <div class=\"card__character\" id=\"char1\">\n          <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/d160a53f71104dc4e5ed3c300ba3ba79.png\" alt=\"\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\">\n        <\/div>\n      <\/div>\n      <div class=\"card__body\">\n        <div class=\"card__title\">\u65bd\u8853\u00d7\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/div>\n        <div class=\"card__desc\">\u65bd\u8853\u306b\u3088\u308b\u75c7\u72b6\u306e\u6539\u5584\u3068<br>\u904b\u52d5\u3067\u300c\u8eab\u4f53\u306e\u30d9\u30fc\u30b9\u3092\u3068\u3068\u306e\u3048\u308b\u300d<\/div>\n      <\/div>\n      <div class=\"card__arrow\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"card card--featured\" onclick=\"window.open('https:\/\/base-base-base.ciao.jp\/wordpress\/postpartum_pelvis\/','_blank')\">\n      <div class=\"card__image-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2931.jpg\" alt=\"BASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u7523\u5f8c\u9aa8\u76e4\u77ef\u6b63\">\n        <div class=\"card__character\" id=\"char2\">\n          <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/d160a53f71104dc4e5ed3c300ba3ba79.png\" alt=\"\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\">\n        <\/div>\n      <\/div>\n      <div class=\"card__body\">\n        <div class=\"card__title\">\u7523\u524d\u7523\u5f8c\u9aa8\u76e4\u77ef\u6b63<\/div>\n        <div class=\"card__desc\">\u5973\u6027\u7279\u6709\u306e\u60a9\u307f\u3092\u51fa\u7523\u7d4c\u9a13\u3057\u305f\u5973\u6027\u65bd\u8853\u8005\u304c<br>\u3057\u3063\u304b\u308a\u3068\u65bd\u8853\u3057\u307e\u3059<\/div>\n      <\/div>\n      <div class=\"card__arrow\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"card\" onclick=\"window.open('https:\/\/base-base-base.ciao.jp\/wordpress\/suidama\/','_blank')\">\n      <div class=\"card__image-wrap\">\n        <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/0ea742188fefc21b42fc50e1eff1ba01.jpg\" alt=\"\u5438\u3044\u7389\">\n        <div class=\"card__character\" id=\"char3\">\n          <img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/d160a53f71104dc4e5ed3c300ba3ba79.png\" alt=\"\u30ad\u30e3\u30e9\u30af\u30bf\u30fc\">\n        <\/div>\n      <\/div>\n      <div class=\"card__body\">\n        <div class=\"card__title\">\u5438\u3044\u7389<\/div>\n        <div class=\"card__desc\">\u8840\u306e\u5de1\u308a\u3092\u6539\u5584\u3057\u3001<br>\u7b4b\u8089\u306e\u67d4\u8edf\u6027\u3092\u52b9\u7387\u3088\u304f\u7372\u5f97\u3067\u304d\u307e\u3059<\/div>\n      <\/div>\n      <div class=\"card__arrow\">\n        <svg viewBox=\"0 0 24 24\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-button -size-custom is-style-btn_solid\" style=\"--the-fz:1.2em;--the-width:100%\"><a href=\"https:\/\/base-base-base.ciao.jp\/wordpress\/price\/\" class=\"swell-block-button__link\"><span>\u5404\u7a2e\u6599\u91d1\u8868\u306f\u3053\u3061\u3089<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull animated fadeInUp\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<style>\n.baseReasons{\n  --br-paper:#fff;\n  --br-green:#74c0bd;\n\n  --br-edge1:url(\"https:\/\/rprojectjapan.com\/assets\/images\/common\/grunge_line_pc_1.webp\");\n  --br-edge2:url(\"https:\/\/rprojectjapan.com\/assets\/images\/common\/grunge_line_pc_2.webp\");\n  --br-reveal:url(\"https:\/\/rprojectjapan.com\/assets\/images\/common\/transition_mask.webp\");\n  --br-circle:url(\"https:\/\/rprojectjapan.com\/assets\/images\/common\/btn_draw_circle.webp\");\n\n  position:relative;\n  isolation:isolate;\n  width:100vw!important;\n  max-width:none!important;\n  margin:0 calc(50% - 50vw)!important;\n  overflow:hidden;\n  background:transparent;\n  font-family:\"Noto Sans JP\",\"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",Meiryo,sans-serif;\n}\n\n.baseReasons,\n.baseReasons *,\n.baseReasons *::before,\n.baseReasons *::after{\n  box-sizing:border-box;\n}\n\n.baseReasons p{\n  margin:0;\n}\n\n\/* ===== \u898b\u51fa\u3057\u30a8\u30ea\u30a2 ===== *\/\n.baseReasons__header{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  padding:120px 7.8vw 65px;\n  background:var(--br-green);\n  color:#fff;\n}\n\n.baseReasons .baseReasons__heading{\n  position:relative;\n  z-index:1;\n  margin:0!important;\n  padding:0!important;\n  border:0!important;\n  background:none!important;\n  box-shadow:none!important;\n  color:#fff!important;\n  font-size:clamp(30px,3.6vw,82px)!important;\n  font-weight:700;\n  line-height:1.5;\n  letter-spacing:.04em;\n}\n\n.baseReasons .baseReasons__heading::before,\n.baseReasons .baseReasons__heading::after,\n.baseReasons .baseReasons__title::before,\n.baseReasons .baseReasons__title::after{\n  content:none!important;\n}\n\n\/* REASON\u30a6\u30a9\u30fc\u30bf\u30fc\u30de\u30fc\u30af *\/\n.baseReasons .baseReasons__en{\n  position:absolute;\n  z-index:0;\n  top:12px;\n  left:7.8vw;\n  margin:0!important;\n  color:rgba(255,255,255,.2);\n  font-size:clamp(90px,11vw,160px);\n  font-weight:700;\n  line-height:1;\n  letter-spacing:.06em;\n  white-space:nowrap;\n  pointer-events:none;\n  user-select:none;\n}\n\n\/* ===== \u5199\u771f\u30a8\u30ea\u30a2 ===== *\/\n.baseReasons__list{\n  position:relative;\n}\n\n.baseReasons__item{\n  position:relative;\n  isolation:isolate;\n  width:100%;\n\n  \/* PC\uff1a2400\u00d71600px\u306e\u5199\u771f\u306b\u5408\u308f\u305b\u305f\u9ad8\u3055 *\/\n  min-height:66.66667vw;\n\n  overflow:hidden;\n}\n\n.baseReasons__item + .baseReasons__item{\n  margin-top:-6.94444vw;\n}\n\n.baseReasons__item:nth-child(1){z-index:5}\n.baseReasons__item:nth-child(2){z-index:4}\n.baseReasons__item:nth-child(3){z-index:3}\n.baseReasons__item:nth-child(4){z-index:2}\n.baseReasons__item:nth-child(5){z-index:1}\n\n.baseReasons__photo{\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  overflow:hidden;\n}\n\n\/* \u4e0d\u898f\u5247\u306a\u5199\u771f\u306e\u5883\u754c *\/\n.baseReasons__item .baseReasons__photo{\n  -webkit-mask-image:\n    linear-gradient(#fff,#fff),\n    var(--br-edge1);\n  mask-image:\n    linear-gradient(#fff,#fff),\n    var(--br-edge1);\n\n  -webkit-mask-size:100% 100%,100% auto;\n  mask-size:100% 100%,100% auto;\n\n  -webkit-mask-position:left top,left calc(100% + 1px);\n  mask-position:left top,left calc(100% + 1px);\n\n  -webkit-mask-repeat:no-repeat;\n  mask-repeat:no-repeat;\n\n  -webkit-mask-composite:source-out;\n  mask-composite:subtract;\n}\n\n.baseReasons__item:nth-child(odd) .baseReasons__photo{\n  -webkit-mask-image:\n    linear-gradient(#fff,#fff),\n    var(--br-edge2);\n  mask-image:\n    linear-gradient(#fff,#fff),\n    var(--br-edge2);\n}\n\n.baseReasons .baseReasons__image{\n  position:absolute!important;\n  inset:0!important;\n  display:block!important;\n  width:100%!important;\n  max-width:none!important;\n  height:100%!important;\n  margin:0!important;\n  border-radius:0!important;\n  object-fit:cover;\n  object-position:var(--br-position,center);\n\n  \/* \u4e0d\u8981\u306a\u62e1\u5927\u3092\u89e3\u9664 *\/\n  transform:none;\n}\n\n\/* \u5de6\u914d\u7f6e\u306e\u6587\u5b57\u3092\u8aad\u307f\u3084\u3059\u304f\u3059\u308b\u30ab\u30d0\u30fc *\/\n.baseReasons__photo::after{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:linear-gradient(\n    90deg,\n    rgba(0,0,0,.53),\n    rgba(0,0,0,.2) 48%,\n    rgba(0,0,0,.05) 75%\n  );\n  pointer-events:none;\n}\n\n\/* \u53f3\u914d\u7f6e\u3067\u306f\u30ab\u30d0\u30fc\u3082\u53cd\u8ee2 *\/\n.baseReasons__item:nth-child(even) .baseReasons__photo::after{\n  background:linear-gradient(\n    270deg,\n    rgba(0,0,0,.53),\n    rgba(0,0,0,.2) 48%,\n    rgba(0,0,0,.05) 75%\n  );\n}\n\n\/* ===== \u6587\u5b57\u306e\u914d\u7f6e ===== *\/\n.baseReasons__content{\n  position:relative;\n  z-index:1;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:flex-start;\n\n  \/* \u5199\u771f\u30a8\u30ea\u30a2\u3068\u540c\u3058\u9ad8\u3055 *\/\n  min-height:66.66667vw;\n\n  max-width:760px;\n  margin-right:auto;\n  padding:7vw 4.16667vw;\n  color:var(--br-paper);\n  text-align:left;\n}\n\n.baseReasons__item + .baseReasons__item .baseReasons__content{\n  padding-top:10.4vw;\n}\n\n\/* 02\u30fb04\uff1a\u53f3\u914d\u7f6e\u30fb\u53f3\u5bc4\u305b *\/\n.baseReasons__item:nth-child(even) .baseReasons__content{\n  margin-right:0;\n  margin-left:auto;\n  align-items:flex-end;\n  text-align:right;\n}\n\n\/* ===== REASON\u756a\u53f7\u3068\u624b\u63cf\u304d\u306e\u56f2\u307f ===== *\/\n.baseReasons__number{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 auto;\n  width:190px;\n  aspect-ratio:1.92;\n  margin:0 0 18px!important;\n  font-size:15px;\n  font-weight:600;\n  letter-spacing:.12em;\n  line-height:1.4;\n}\n\n.baseReasons__number::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:#fff;\n\n  -webkit-mask-image:var(--br-circle);\n  mask-image:var(--br-circle);\n\n  -webkit-mask-repeat:no-repeat;\n  mask-repeat:no-repeat;\n\n  -webkit-mask-size:100% auto;\n  mask-size:100% auto;\n\n  -webkit-mask-position:center 86.66667%;\n  mask-position:center 86.66667%;\n\n  pointer-events:none;\n}\n\n.baseReasons__number span{\n  position:relative;\n  z-index:1;\n}\n\n.baseReasons .baseReasons__title{\n  margin:0 0 24px!important;\n  padding:0!important;\n  border:0!important;\n  background:none!important;\n  box-shadow:none!important;\n  color:var(--br-paper)!important;\n  font-size:clamp(30px,3.5vw,54px)!important;\n  line-height:1.3!important;\n  font-weight:700;\n  letter-spacing:0;\n}\n\n.baseReasons__description{\n  max-width:560px;\n  font-size:clamp(15px,1.25vw,18px);\n  line-height:1.85;\n  letter-spacing:.035em;\n  text-wrap:pretty;\n}\n\n\/* \u898b\u51fa\u3057\u80cc\u666f\u3068\u5199\u771f\u3092\u3064\u306a\u3050\u5883\u754c *\/\n.baseReasons__list::before{\n  content:\"\";\n  position:absolute;\n  z-index:10;\n  top:-1px;\n  left:0;\n  width:100%;\n  height:6.94444vw;\n  background:var(--br-green);\n  transform:rotate(180deg);\n\n  -webkit-mask-image:var(--br-edge1);\n  mask-image:var(--br-edge1);\n\n  -webkit-mask-size:100% auto;\n  mask-size:100% auto;\n\n  -webkit-mask-position:left bottom;\n  mask-position:left bottom;\n\n  -webkit-mask-repeat:no-repeat;\n  mask-repeat:no-repeat;\n\n  pointer-events:none;\n}\n\n\/* ===== \u30b9\u30af\u30ed\u30fc\u30eb\u6642\u306e\u30de\u30b9\u30af\u6f14\u51fa ===== *\/\n.baseReasons__cover{\n  display:none;\n  position:absolute;\n  z-index:8;\n  inset:0;\n  background:var(--br-green);\n  pointer-events:none;\n}\n\n.baseReasons__item.is-ready .baseReasons__cover{\n  display:block;\n}\n\n.baseReasons__item.is-ready.is-visible .baseReasons__cover{\n  -webkit-mask-image:\n    linear-gradient(#fff,#fff),\n    var(--br-reveal);\n  mask-image:\n    linear-gradient(#fff,#fff),\n    var(--br-reveal);\n\n  -webkit-mask-size:130.9686221% 1100%;\n  mask-size:130.9686221% 1100%;\n\n  -webkit-mask-repeat:no-repeat;\n  mask-repeat:no-repeat;\n\n  -webkit-mask-composite:source-out;\n  mask-composite:subtract;\n\n  animation:brPhotoReveal .666667s steps(1) forwards;\n}\n\n.baseReasons__item.is-ready.is-visible .baseReasons__number::before{\n  animation:brCircleDraw .466667s steps(1) .35s both;\n}\n\n@keyframes brPhotoReveal{\n  0%,5.5556%{\n    -webkit-mask-position:center 0;\n    mask-position:center 0;\n  }\n  11.1111%,16.6667%{\n    -webkit-mask-position:center 10%;\n    mask-position:center 10%;\n  }\n  22.2222%{\n    -webkit-mask-position:center 20%;\n    mask-position:center 20%;\n  }\n  27.7778%,33.3333%{\n    -webkit-mask-position:center 30%;\n    mask-position:center 30%;\n  }\n  38.8889%,44.4444%{\n    -webkit-mask-position:center 40%;\n    mask-position:center 40%;\n  }\n  50%{\n    -webkit-mask-position:center 50%;\n    mask-position:center 50%;\n  }\n  55.5556%,61.1111%{\n    -webkit-mask-position:center 60%;\n    mask-position:center 60%;\n  }\n  66.6667%,72.2222%{\n    -webkit-mask-position:center 70%;\n    mask-position:center 70%;\n  }\n  77.7778%{\n    -webkit-mask-position:center 80%;\n    mask-position:center 80%;\n  }\n  83.3333%,88.8889%{\n    -webkit-mask-position:center 90%;\n    mask-position:center 90%;\n    opacity:1;\n  }\n  94.4444%,100%{\n    -webkit-mask-position:center 100%;\n    mask-position:center 100%;\n    opacity:0;\n    visibility:hidden;\n  }\n}\n\n@keyframes brCircleDraw{\n  0%{\n    -webkit-mask-position:center 0;\n    mask-position:center 0;\n  }\n  7.6923%{\n    -webkit-mask-position:center 6.6667%;\n    mask-position:center 6.6667%;\n  }\n  15.3846%{\n    -webkit-mask-position:center 13.3333%;\n    mask-position:center 13.3333%;\n  }\n  23.0769%{\n    -webkit-mask-position:center 20%;\n    mask-position:center 20%;\n  }\n  30.7692%{\n    -webkit-mask-position:center 26.6667%;\n    mask-position:center 26.6667%;\n  }\n  38.4615%{\n    -webkit-mask-position:center 33.3333%;\n    mask-position:center 33.3333%;\n  }\n  46.1538%{\n    -webkit-mask-position:center 40%;\n    mask-position:center 40%;\n  }\n  53.8462%{\n    -webkit-mask-position:center 46.6667%;\n    mask-position:center 46.6667%;\n  }\n  61.5385%{\n    -webkit-mask-position:center 53.3333%;\n    mask-position:center 53.3333%;\n  }\n  69.2308%{\n    -webkit-mask-position:center 60%;\n    mask-position:center 60%;\n  }\n  76.9231%{\n    -webkit-mask-position:center 66.6667%;\n    mask-position:center 66.6667%;\n  }\n  84.6154%{\n    -webkit-mask-position:center 73.3333%;\n    mask-position:center 73.3333%;\n  }\n  92.3077%{\n    -webkit-mask-position:center 80%;\n    mask-position:center 80%;\n  }\n  100%{\n    -webkit-mask-position:center 86.6667%;\n    mask-position:center 86.6667%;\n  }\n}\n\n\/* ===== \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3 ===== *\/\n@media(max-width:767px){\n  .baseReasons__header{\n    padding:95px 6vw 45px;\n  }\n\n  .baseReasons .baseReasons__heading{\n    font-size:clamp(26px,7vw,34px)!important;\n    line-height:1.5;\n    letter-spacing:.02em;\n  }\n\n  .baseReasons .baseReasons__en{\n    top:18px;\n    left:6vw;\n    font-size:clamp(64px,18vw,110px);\n    letter-spacing:.04em;\n  }\n\n  \/* \u7e26\u9577\u306e\u67a0\u3092\u5c11\u3057\u4f4e\u304f\u3057\u3001\u5de6\u53f3\u306e\u898b\u5207\u308c\u3092\u8efd\u6e1b *\/\n  .baseReasons__item{\n    min-height:125vw;\n  }\n\n  .baseReasons__item + .baseReasons__item{\n    margin-top:-10vw;\n  }\n\n  .baseReasons__list::before{\n    height:10vw;\n  }\n\n  .baseReasons__photo::after,\n  .baseReasons__item:nth-child(even) .baseReasons__photo::after{\n    background:linear-gradient(\n      180deg,\n      rgba(0,0,0,.05),\n      rgba(0,0,0,.18) 30%,\n      rgba(0,0,0,.66) 78%\n    );\n  }\n\n  .baseReasons__content,\n  .baseReasons__item + .baseReasons__item .baseReasons__content{\n    min-height:125vw;\n    max-width:none;\n    justify-content:flex-end;\n    padding:20vw 5vw 17vw;\n  }\n\n  .baseReasons__number{\n    width:145px;\n    font-size:12px;\n    margin-bottom:14px!important;\n  }\n\n  .baseReasons .baseReasons__title{\n    font-size:clamp(25px,7.2vw,40px)!important;\n    line-height:1.35!important;\n    margin-bottom:16px!important;\n  }\n\n  .baseReasons__description{\n    max-width:none;\n    font-size:13px;\n    line-height:1.8;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .baseReasons__item.is-ready .baseReasons__cover{\n    display:none;\n  }\n\n  .baseReasons__item.is-ready.is-visible .baseReasons__number::before{\n    animation:none;\n  }\n}\n\/* \u30b9\u30de\u30db\uff1aREASON\u3092\u898b\u51fa\u3057\u306e\u80cc\u9762\u306b\u91cd\u306d\u308b *\/\n@media(max-width:767px){\n  .baseReasons .baseReasons__en{\n    top:54px;\n    left:5vw;\n    font-size:clamp(64px,18vw,110px);\n    line-height:1;\n    letter-spacing:.04em;\n    color:rgba(255,255,255,.2);\n    z-index:0;\n  }\n\n  .baseReasons .baseReasons__heading{\n    position:relative;\n    z-index:1;\n  }\n}\n<\/style>\n\n<section class=\"baseReasons\" aria-labelledby=\"baseReasonsHeading\">\n\n  <header class=\"baseReasons__header\">\n    <h2 id=\"baseReasonsHeading\" class=\"baseReasons__heading\">\n      \u5f53\u9662\u304c\u9078\u3070\u308c\u308b5\u3064\u306e\u7406\u7531\n    <\/h2>\n    <p class=\"baseReasons__en\" aria-hidden=\"true\">REASON<\/p>\n  <\/header>\n\n  <div class=\"baseReasons__list\">\n\n    <!-- 01\uff1a\u5de6\u914d\u7f6e\u30fb\u5de6\u5bc4\u305b -->\n    <article class=\"baseReasons__item\" style=\"--br-position:60% center\">\n      <div class=\"baseReasons__photo\">\n        <img class=\"baseReasons__image\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/01.jpg\" alt=\"\u3055\u3044\u305f\u307e\u5e02\u5317\u533a\uff5cBASE\u937c\u7078\u9662\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"baseReasons__content\">\n        <div class=\"baseReasons__number\">\n          <span>REASON 01<\/span>\n        <\/div>\n\n        <h3 class=\"baseReasons__title\">\n          \u3072\u3068\u308a\u3072\u3068\u308a\u306b\u5408\u308f\u305b\u305f<br>\n          \u4e01\u5be7\u306a\u554f\u8a3a\u3068\u65bd\u8853\n        <\/h3>\n\n        <p class=\"baseReasons__description\">\n          \u3055\u3044\u305f\u307e\u5e02\u5317\u533a\u306b\u3042\u308bBASE\u937c\u7078\u9662\u30fb\u63a5\u9aa8\u9662\u3067\u306f\u3001\u60a3\u8005\u69d8\u3054\u3068\u306e\u75c7\u72b6\u3084\u72b6\u614b\u306b\u5408\u308f\u305b\u305f\u65bd\u8853\u3092\u5927\u5207\u306b\u3057\u3066\u3044\u307e\u3059\u3002<br>\n          \u540c\u3058\u60a9\u307f\u3067\u3082\u539f\u56e0\u3084\u75db\u307f\u306e\u5ea6\u5408\u3044\u306f\u4eba\u306b\u3088\u3063\u3066\u7570\u306a\u308a\u307e\u3059\u3002\u305d\u3046\u3044\u3063\u305f\u9055\u3044\u306b\u5408\u308f\u305b\u3066\u3001\u9069\u5207\u306a\u65b9\u6cd5\u3092\u3054\u63d0\u6848\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"baseReasons__cover\" aria-hidden=\"true\"><\/div>\n    <\/article>\n\n    <!-- 02\uff1a\u53f3\u914d\u7f6e\u30fb\u53f3\u5bc4\u305b -->\n    <article class=\"baseReasons__item\" style=\"--br-position:40% center\">\n      <div class=\"baseReasons__photo\">\n        <img class=\"baseReasons__image\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/02.jpg\" alt=\"\u3055\u3044\u305f\u307e\u5e02\u5317\u533a\uff5cBASE\u937c\u7078\u9662\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"baseReasons__content\">\n        <div class=\"baseReasons__number\">\n          <span>REASON 02<\/span>\n        <\/div>\n\n        <h3 class=\"baseReasons__title\">\n          \u8d85\u97f3\u6ce2\u30a8\u30b3\u30fc\u691c\u67fb\u306b\u3088\u308b<br>\n          \u640d\u50b7\u30ec\u30d9\u30eb\u306e\u628a\u63e1\n        <\/h3>\n\n        <p class=\"baseReasons__description\">\n          \u5f53\u9662\u3067\u306f\u3001\u30b9\u30dd\u30fc\u30c4\u306e\u30b1\u30ac\u3084\u75db\u307f\u306b\u5bfe\u3057\u3066\u640d\u50b7\u72b6\u614b\u3092\u628a\u63e1\u3059\u308b\u305f\u3081\u306b\u3001\u30a8\u30b3\u30fc\u691c\u67fb\u3092\u7528\u3044\u3066\u3044\u307e\u3059\u3002<br>\n          \u304a\u5b50\u69d8\u304b\u3089\u5927\u4eba\u307e\u3067\u5e45\u5e83\u3044\u65b9\u306b\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"baseReasons__cover\" aria-hidden=\"true\"><\/div>\n    <\/article>\n\n    <!-- 03\uff1a\u5de6\u914d\u7f6e\u30fb\u5de6\u5bc4\u305b -->\n    <article class=\"baseReasons__item\" style=\"--br-position:60% center\">\n      <div class=\"baseReasons__photo\">\n        <img class=\"baseReasons__image\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/03.jpg\" alt=\"\u3055\u3044\u305f\u307e\u5e02\u5317\u533a\uff5cBASE\u937c\u7078\u9662\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"baseReasons__content\">\n        <div class=\"baseReasons__number\">\n          <span>REASON 03<\/span>\n        <\/div>\n\n        <h3 class=\"baseReasons__title\">\n          \u5e73\u65e5\u591c8\u6642\u307e\u3067\u53d7\u4ed8<br>\n          \u571f\u65e5\u3082\u8a3a\u7642\n        <\/h3>\n\n        <p class=\"baseReasons__description\">\n          \u304a\u8eab\u4f53\u306e\u75db\u307f\u306e\u65e9\u671f\u56de\u5fa9\u3092\u30b5\u30dd\u30fc\u30c8\u3067\u304d\u308b\u3088\u3046\u3001\u5e73\u65e5\u306f\u591c8\u6642\u307e\u3067\u53d7\u4ed8\u3057\u3066\u3044\u307e\u3059\u3002<br>\n          \u304a\u4ed5\u4e8b\u306e\u304a\u4f11\u307f\u306a\u3069\u306e\u65e5\u306b\u3001\u3057\u3063\u304b\u308a\u3068\u304a\u8eab\u4f53\u306e\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9\u304c\u3067\u304d\u308b\u8a3a\u7642\u74b0\u5883\u306b\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"baseReasons__cover\" aria-hidden=\"true\"><\/div>\n    <\/article>\n\n    <!-- 04\uff1a\u53f3\u914d\u7f6e\u30fb\u53f3\u5bc4\u305b -->\n    <article class=\"baseReasons__item\" style=\"--br-position:40% center\">\n      <div class=\"baseReasons__photo\">\n        <img class=\"baseReasons__image\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/04.jpg\" alt=\"\u3055\u3044\u305f\u307e\u5e02\u5317\u533a\uff5cBASE\u937c\u7078\u9662\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"baseReasons__content\">\n        <div class=\"baseReasons__number\">\n          <span>REASON 04<\/span>\n        <\/div>\n\n        <h3 class=\"baseReasons__title\">\n          \u904b\u52d5\u524d\u306e\u30c6\u30fc\u30d4\u30f3\u30b0<br>\n          \u30b5\u30dd\u30fc\u30c8\u306e\u5b9f\u65bd\n        <\/h3>\n\n        <p class=\"baseReasons__description\">\n          \u904b\u52d5\u6642\u306e\u30b5\u30dd\u30fc\u30c8\u3068\u3057\u3066\u3001\u8a66\u5408\u524d\u3084\u5927\u4f1a\u524d\u306b\u30c6\u30fc\u30d4\u30f3\u30b0\u3092\u65bd\u3059\u3053\u3068\u3082\u53ef\u80fd\u3067\u3059\u3002<br>\n          \u75c7\u72b6\u3084\u7af6\u6280\u30ec\u30d9\u30eb\u3001\u3054\u8981\u671b\u306b\u5408\u308f\u305b\u305f\u5f37\u5ea6\u3067\u5404\u7a2e\u30c6\u30fc\u30d4\u30f3\u30b0\u3092\u884c\u3063\u3066\u304a\u308a\u307e\u3059\u306e\u3067\u3001\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"baseReasons__cover\" aria-hidden=\"true\"><\/div>\n    <\/article>\n\n    <!-- 05\uff1a\u5de6\u914d\u7f6e\u30fb\u5de6\u5bc4\u305b -->\n    <article class=\"baseReasons__item\" style=\"--br-position:60% center\">\n      <div class=\"baseReasons__photo\">\n        <img class=\"baseReasons__image\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/10\/05.jpg\" alt=\"\u3055\u3044\u305f\u307e\u5e02\u5317\u533a\uff5cBASE\u937c\u7078\u9662\u63a5\u9aa8\u9662\" decoding=\"async\">\n      <\/div>\n\n      <div class=\"baseReasons__content\">\n        <div class=\"baseReasons__number\">\n          <span>REASON 05<\/span>\n        <\/div>\n\n        <h3 class=\"baseReasons__title\">\n          \u5973\u6027\u30b9\u30bf\u30c3\u30d5\u5728\u7c4d\n        <\/h3>\n\n        <p class=\"baseReasons__description\">\n          \u5f53\u9662\u3067\u306f\u3001\u75db\u307f\u306e\u76f8\u8ac7\u3060\u3051\u3067\u306a\u304f\u5973\u6027\u7279\u6709\u306e\u75c7\u72b6\u306b\u3082\u5bfe\u5fdc\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u5973\u6027\u30b9\u30bf\u30c3\u30d5\u3082\u5728\u7c4d\u3057\u3066\u3044\u307e\u3059\u3002<br>\n          \u7523\u5f8c\u306e\u9aa8\u76e4\u3084\u81ea\u5f8b\u795e\u7d4c\u306e\u4e71\u308c\u306a\u3069\u3001\u69d8\u3005\u306a\u4e0d\u8abf\u306b\u5bfe\u3057\u3066\u304a\u8eab\u4f53\u3092\u3068\u3068\u306e\u3048\u308b\u305f\u3081\u306b\u5fc5\u8981\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u3066\u304a\u308a\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n      <div class=\"baseReasons__cover\" aria-hidden=\"true\"><\/div>\n    <\/article>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  function init(){\n    document.querySelectorAll(\".baseReasons\").forEach(function(section){\n      if(section.dataset.brInitialized) return;\n\n      section.dataset.brInitialized = \"true\";\n\n      var items = section.querySelectorAll(\".baseReasons__item\");\n\n      if(\n        !(\"IntersectionObserver\" in window) ||\n        window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n      ){\n        return;\n      }\n\n      if(\n        !window.CSS ||\n        !(\n          CSS.supports(\"mask-composite\",\"subtract\") ||\n          CSS.supports(\"-webkit-mask-composite\",\"source-out\")\n        )\n      ){\n        return;\n      }\n\n      var observer = new IntersectionObserver(function(entries){\n        entries.forEach(function(entry){\n          if(entry.isIntersecting){\n            entry.target.classList.add(\"is-visible\");\n            observer.unobserve(entry.target);\n          }\n        });\n      },{\n        rootMargin:\"0px 0px -70px 0px\",\n        threshold:0\n      });\n\n      items.forEach(function(item){\n        if(item.getBoundingClientRect().bottom <= 0){\n          item.classList.add(\"is-visible\");\n          return;\n        }\n\n        item.classList.add(\"is-ready\");\n        observer.observe(item);\n      });\n\n      var preference = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      );\n\n      if(preference.addEventListener){\n        preference.addEventListener(\"change\",function(event){\n          if(event.matches){\n            observer.disconnect();\n\n            items.forEach(function(item){\n              item.classList.remove(\"is-ready\");\n            });\n          }\n        });\n      }\n    });\n  }\n\n  if(document.readyState === \"loading\"){\n    document.addEventListener(\"DOMContentLoaded\",init,{once:true});\n  }else{\n    init();\n  }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#ffffff\"><div class=\"swell-block-fullWide__inner l-container\">\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  \n  \n  <title>\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body{\n      font-family: 'Noto Sans JP', sans-serif;\n      background:#fff;\n    }\n\n    .section-wrapper {\n      width: 100%;\n      max-width: 1100px;\n      margin: 0 auto;\n      position: relative;\n      padding: 24px 16px 90px;\n    }\n\n    \/* \u2500\u2500\u2500 Main green card \u2500\u2500\u2500 *\/\n    .green-card {\n      background: #74c0bd;\n      border-radius: 28px;\n      padding: 8px 28px 18px 60px;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 240px 250px;\n      align-items: center;\n      gap: 28px;\n      position: relative;\n      overflow: visible;\n      min-height: 400px;\n    }\n\n    \/* \u2500\u2500\u2500 Left: text \u2500\u2500\u2500 *\/\n    .left-content {\n      color: #fff;\n      min-width: 0;\n      max-width: 520px;\n      padding-right: 8px;\n    }\n\n    .headline-small {\n      font-size: 21px;\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      line-height: 1.5;\n      margin-bottom: 10px;\n      color: rgba(255,255,255,0.96);\n    }\n\n    .headline-large {\n      font-size: clamp(24px, 3.6vw, 44px);\n      font-weight: 900;\n      letter-spacing: 0.02em;\n      line-height: 1.28;\n      margin-bottom: 30px;\n    }\n\n    .headline-sub {\n      font-size: clamp(26px, 2vw, 32px);\n      font-weight: 800;\n      line-height: 1.4;\n      margin-bottom: 10px;\n      color: #fff;\n    }\n\n    .divider {\n      width: 100%;\n      max-width: 430px;\n      height: 3px;\n      background: rgba(255,255,255,0.45);\n      margin-bottom: 24px;\n    }\n\n    .food-title {\n      font-size: 22px;\n      font-weight: 800;\n      color: #fff;\n      line-height: 1.6;\n      margin-top: 17px;\n      margin-bottom: 17px;\n      letter-spacing: 0.01em;\n    }\n\n    .food-desc {\n      font-size: 13px;\n      font-weight: 500;\n      color: rgba(255,255,255,0.92);\n      line-height: 2;\n      max-width: 420px;\n      letter-spacing: 0.01em;\n    }\n\n    \/* \u2500\u2500\u2500 Center: LINE badge \u2500\u2500\u2500 *\/\n    .center-badge {\n      flex-shrink: 0;\n      position: relative;\n      width: 220px;\n      height: 220px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 5;\n      justify-self: center;\n    }\n\n    .badge-link{\n      position: relative;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      width:100%;\n      height:100%;\n      text-decoration:none;\n      transition: transform .25s ease, opacity .25s ease;\n    }\n\n    .badge-link:hover{\n      transform: translateY(-3px);\n      opacity: .96;\n    }\n\n    .ring-svg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      animation: rotateSlow 18s linear infinite;\n      pointer-events: none;\n    }\n\n    @keyframes rotateSlow {\n      from { transform: rotate(0deg); }\n      to   { transform: rotate(360deg); }\n    }\n\n    .badge-inner {\n      width: 160px;\n      height: 160px;\n      background: #fff;\n      border-radius: 50%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      z-index: 2;\n      padding: 10px;\n      text-align:center;\n    }\n\n    .badge-text {\n      font-size: 12px;\n      font-weight: 800;\n      color: #3a3a3a;\n      text-align: center;\n      line-height: 1.5;\n    }\n\n    .line-icon {\n      width: 54px;\n      height: 54px;\n      background: #06C755;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .line-icon img {\n      display: block;\n      width: 36px;\n      height: 36px;\n      object-fit: contain;\n    }\n\n    .badge-note {\n      font-size: 10px;\n      color: #666;\n      text-align: center;\n      line-height: 1.55;\n    }\n\n    \/* \u2500\u2500\u2500 Right: phone photo \u2500\u2500\u2500 *\/\n    .right-phone {\n      align-self: stretch;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: -72px;\n      margin-bottom: -72px;\n      margin-right: -14px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .phone-img-wrap {\n      width: 240px;\n      max-width: 100%;\n    }\n\n    .phone-img-wrap img {\n      display: block;\n      width: 100%;\n      height: auto;\n    }\n\n    .phone-placeholder {\n      width: 240px;\n      height: 480px;\n      background: rgba(255,255,255,0.10);\n      border: 2px dashed rgba(255,255,255,0.45);\n      border-radius: 38px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      color: rgba(255,255,255,0.75);\n      font-size: 12px;\n      font-weight: 600;\n      text-align: center;\n      line-height: 1.7;\n      filter: drop-shadow(0 24px 48px rgba(0,0,0,0.25));\n    }\n\n    \/* \u2500\u2500\u2500 Tablet \u2500\u2500\u2500 *\/\n    @media (max-width: 980px) {\n      .section-wrapper{\n        padding: 18px 12px 36px;\n      }\n\n      .green-card {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        padding: 34px 24px 28px;\n        min-height: auto;\n        border-radius: 22px;\n      }\n\n      .left-content {\n        max-width: none;\n        padding-right: 0;\n      }\n\n      .headline-small {\n        font-size: 16px;\n        margin-bottom: 4px;\n      }\n\n      .headline-large {\n        font-size: 34px;\n        line-height: 1.4;\n      }\n\n      .headline-sub {\n        font-size: 23px;\n        margin-bottom: 20px;\n      }\n\n      .divider {\n        max-width: none;\n        margin-bottom: 16px;\n      }\n\n      .food-title {\n        font-size: 18px;\n        margin-bottom: 10px;\n      }\n\n      .food-desc {\n        max-width: none;\n        font-size: 12px;\n        line-height: 1.9;\n      }\n\n      .right-phone {\n        order: 2;\n        margin: 0;\n        align-self: center;\n      }\n\n      .center-badge {\n        order: 3;\n        width: 200px;\n        height: 200px;\n        margin: 2px auto 0;\n      }\n\n      .phone-img-wrap {\n        width: 180px;\n      }\n\n      .badge-inner {\n        width: 130px;\n        height: 130px;\n      }\n    }\n\n    \/* \u2500\u2500\u2500 Mobile \u2500\u2500\u2500 *\/\n    @media (max-width: 640px) {\n      .section-wrapper {\n        padding: 6px;\n      }\n\n      .green-card {\n        padding: 22px 18px 20px;\n        gap: 12px;\n        border-radius: 18px;\n      }\n\n      .left-content{\n        text-align:left;\n      }\n\n      .headline-small {\n        font-size: 13px;\n        margin-bottom: 3px;\n        text-align:center;\n      }\n\n      .headline-large {\n        font-size: 33px;\n        line-height: 1.6;\n        margin-bottom: 12px;\n        text-align:center;\n      }\n\n      .divider {\n        margin-bottom: 22px;\n      }\n\n      .food-title {\n        font-size: 15px;\n        line-height: 1.7;\n        margin-top: 18px;\n        margin-bottom: 18px;\n        text-align:center;\n      }\n\n      .food-desc {\n        font-size: 12px;\n        line-height: 2.25;\n        text-align:center;\n      }\n\n      .right-phone {\n        margin-top: 44px;\n      }\n\n      .phone-img-wrap {\n        width: 132px;\n      }\n\n      .center-badge {\n        width: 200px;\n        height: 200px;\n        margin-top: 0;\n      }\n\n      .badge-inner {\n        width: 145px;\n        height: 145px;\n        gap: 6px;\n      }\n\n      .badge-text {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      .line-icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n\n      .line-icon img {\n        width: 28px;\n        height: 28px;\n      }\n\n      .badge-note {\n        font-size: 8.5px;\n        margin-top: 1px;\n        line-height: 1.25;\n      }\n\n      .ring-svg text{\n        font-size: 10px;\n      }\n\n      .ring-sp text{\n        font-size: 8.9px;\n        letter-spacing: 2.1px;\n      }\n    }\n\n    .ring-sp{\n      display:none;\n    }\n\n    @media (max-width:640px){\n      .ring-pc{\n        display:none;\n      }\n\n      .ring-sp{\n        display:block;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"section-wrapper\">\n  <div class=\"green-card\">\n\n    <!-- \u2460 LEFT: \u30c6\u30ad\u30b9\u30c8 -->\n    <div class=\"left-content\">\n      <p class=\"headline-small\">\uff3c\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\uff0f<\/p>\n      <p class=\"headline-large\">\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/p>\n      <div class=\"divider\"><\/div>\n      <p class=\"food-title\">LINE\u3067\u9805\u76ee\u9078\u629e\u3059\u308b\u3060\u3051\u3067\u4e88\u7d04\u3067\u304d\u308b\uff01<\/p>\n      <p class=\"food-desc\">\n        \u5f53\u9662\u3067\u306f\u5065\u5eb7\u4fdd\u967a\/\u81ea\u8cbb\u65bd\u8853\/\u4ea4\u901a\u4e8b\u6545\u306a\u3069\u69d8\u3005\u306a<br>\n        \u75c7\u72b6\u306b\u5bfe\u3057\u3066\u9069\u5207\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002<br>\n        \u521d\u3081\u3066\u3067\u4e0d\u5b89\u306a\u65b9\u306f\u30c8\u30fc\u30af\u304b\u3089\u6c17\u8efd\u306b\u3054\u8cea\u554f\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n\n    <!-- \u2461 CENTER: LINE \u30d0\u30c3\u30b8 -->\n    <div class=\"center-badge\">\n      <a class=\"badge-link\" href=\"https:\/\/line.me\/R\/ti\/p\/@184nzgay\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LINE\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04\">\n        <svg class=\"ring-svg ring-pc\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <defs>\n            <path id=\"cp\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\n          <\/defs>\n          <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"11.5\" font-weight=\"700\" fill=\"white\" letter-spacing=\"2.7\">\n            <textPath href=\"#cp\">\n              BASE SHINKYU SEKKOTSUIN BASE SHINKYU SEKKOTSUIN&nbsp;\n            <\/textPath>\n          <\/text>\n        <\/svg>\n\n        <!-- \u30b9\u30de\u30db\u7528\u30ea\u30f3\u30b0\uff08\u6587\u5b57\u591a\u3081\uff09 -->\n        <svg class=\"ring-svg ring-sp\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <defs>\n            <path id=\"cp2\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\n          <\/defs>\n          <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"8.9\" font-weight=\"700\" fill=\"white\" letter-spacing=\"1.15\">\n            <textPath href=\"#cp2\">\n              BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb\n            <\/textPath>\n          <\/text>\n        <\/svg>\n\n        <div class=\"badge-inner\">\n          <p class=\"badge-text\">\u304a\u554f\u3044\u5408\u308f\u305b<br>\u4e88\u7d04\u306fLINE\u304b\u3089<\/p>\n\n          <div class=\"line-icon\" aria-hidden=\"true\">\n            <img decoding=\"async\"\n              src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/370f42a7d0aeef7bf77ef695280ee58f.png\"\n              alt=\"\"\n            >\n          <\/div>\n\n          <p class=\"badge-note\">\u203b\u30bf\u30c3\u30d7\u3059\u308b\u3068<br>LINE\u304c\u958b\u304d\u307e\u3059<\/p>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <!-- \u2462 RIGHT: \u30b9\u30de\u30db\u5199\u771f\uff08PC\u3067\u4e0a\u4e0b\u306b\u306f\u307f\u51fa\u3059\uff09 -->\n    <div class=\"right-phone\">\n      <div class=\"phone-img-wrap\">\n        <img decoding=\"async\"\n          src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/fb6da81da3b86164cddacafd5ed30aaa.png\"\n          alt=\"LINE\u30a2\u30d7\u30ea\u753b\u9762\"\n        >\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\" style=\"background-color:#f7f7f7\"><div class=\"swell-block-fullWide__inner\">\n<style>\n\/* =========================\n   \u57fa\u672c\u8a2d\u5b9a\n========================= *\/\n.bfx {\n  --green:#74c0bd;\n  --ink:#192522;\n  --gap:88px;\n  --overlap:180px;\n  position:relative;\n  isolation:isolate;\n  width:100vw;\n  max-width:none;\n  margin:0 calc(50% - 50vw);\n  padding:90px 0 110px;\n  background:#fff;\n  color:var(--ink);\n  font-family:\"Noto Sans JP\",\"Hiragino Kaku Gothic ProN\",\"Yu Gothic\",sans-serif;\n  text-align:left;\n}\n\n.bfx,\n.bfx *,\n.bfx *::before,\n.bfx *::after {\n  box-sizing:border-box;\n}\n\n\/* =========================\n   FLOW\u898b\u51fa\u3057\n========================= *\/\n.bfx .bfx-head {\n  position:relative;\n  margin:0 0 75px;\n  padding:0;\n  border:0;\n}\n\n.bfx .bfx-inner,\n.bfx .bfx-list {\n  width:min(1120px,88%);\n  margin:0 auto;\n}\n\n.bfx .bfx-label {\n  position:relative;\n  z-index:2;\n  margin:0 0 14px;\n  padding:0;\n  border:0;\n  background:none;\n  color:inherit;\n  font-size:20px;\n  font-weight:700;\n  letter-spacing:.12em;\n  line-height:1.6;\n}\n\n.bfx .bfx-label::before,\n.bfx .bfx-label::after,\n.bfx .bfx-title::before,\n.bfx .bfx-title::after {\n  content:none!important;\n}\n\n.bfx .bfx-word {\n  position:relative;\n  z-index:2;\n  display:flex;\n  overflow:hidden;\n  width:max-content;\n  max-width:100%;\n  margin:0 0 0 -.04em;\n  padding:0 .08em .035em 0;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:clamp(100px,17vw,220px);\n  font-weight:500;\n  line-height:1;\n  letter-spacing:-.065em;\n}\n\n.bfx .bfx-word > span {\n  display:block;\n}\n\n.bfx .bfx-band {\n  position:absolute;\n  z-index:1;\n  bottom:0;\n  left:0;\n  width:100%;\n  height:42%;\n  background:var(--green);\n  transform-origin:left center;\n}\n\n\/* =========================\n   \u30b8\u30b0\u30b6\u30b0\u914d\u7f6e\n========================= *\/\n.bfx .bfx-list {\n  position:relative;\n  container-type:inline-size;\n  padding:0;\n  list-style:none;\n}\n\n.bfx .bfx-step {\n  position:relative;\n  display:block;\n  width:100%;\n  margin:0;\n  padding:0;\n  border:0;\n  list-style:none;\n  view-timeline-name:--bfx-step;\n  view-timeline-axis:block;\n}\n\n.bfx .bfx-step + .bfx-step {\n  margin-top:calc(0px - var(--overlap));\n}\n\n.bfx .bfx-card {\n  position:relative;\n  z-index:2;\n  width:calc((100% - var(--gap))\/2);\n  margin:0;\n  padding:0;\n}\n\n.bfx .bfx-step:nth-child(even) .bfx-card {\n  margin-left:auto;\n}\n\n\/* =========================\n   \u5199\u771f\u3068\u30b0\u30ea\u30fc\u30f3\u306e\u5f71\n========================= *\/\n.bfx .bfx-visual {\n  position:relative;\n  margin:0 0 32px;\n  padding:24px 0 0 24px;\n}\n\n.bfx .bfx-photo {\n  position:relative;\n  aspect-ratio:3\/2;\n  background:#edf3f2;\n  box-shadow:16px 16px 0 rgba(116,192,189,.23);\n}\n\n.bfx .bfx-photo::before,\n.bfx .bfx-photo::after {\n  content:none!important;\n}\n\n.bfx .bfx-photo img {\n  display:block;\n  width:100%;\n  height:100%;\n  max-width:none;\n  margin:0;\n  border:0;\n  border-radius:0;\n  object-fit:cover;\n  object-position:var(--position,50% 50%);\n}\n\n\/* =========================\n   \u767d\u3044\u6570\u5b57\u3068\u80cc\u666f\u5e2f\n========================= *\/\n.bfx .bfx-num {\n  position:absolute;\n  z-index:3;\n  top:0;\n  left:0;\n  isolation:isolate;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:100px;\n  height:100px;\n  overflow:hidden;\n  color:#fff;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:65px;\n  font-weight:400;\n  line-height:1;\n  letter-spacing:-.065em;\n}\n\n.bfx .bfx-num::before {\n  content:\"\";\n  position:absolute;\n  z-index:-1;\n  inset:0;\n  background:var(--green);\n  transform-origin:left center;\n}\n\n.bfx .bfx-digits {\n  display:flex;\n  overflow:hidden;\n  padding:0 .08em .03em 0;\n  line-height:1.1;\n}\n\n.bfx .bfx-digits > span {\n  display:block;\n}\n\n\/* =========================\n   \u30bf\u30a4\u30c8\u30eb\u3068\u8aac\u660e\u6587\n========================= *\/\n.bfx .bfx-body {\n  padding-left:24px;\n}\n\n.bfx .bfx-title {\n  margin:0 0 12px;\n  padding:0;\n  border:0;\n  background:none;\n  box-shadow:none;\n  color:inherit;\n  font-size:clamp(22px,2.2vw,29px);\n  font-weight:700;\n  letter-spacing:.06em;\n  line-height:1.5;\n}\n\n.bfx .bfx-text {\n  margin:0;\n  padding:0;\n  color:#46544f;\n  font-size:15px;\n  letter-spacing:.04em;\n  line-height:2;\n}\n\n\/* =========================\n   PC\u306e\u659c\u3081\u63a5\u7d9a\u7dda\n========================= *\/\n.bfx .bfx-step:not(:last-child)::after {\n  content:\"\";\n  position:absolute;\n  z-index:3;\n  pointer-events:none;\n\n  left:calc((100% - var(--gap))\/2);\n  top:calc(24px + (100cqw - var(--gap) - 48px)\/6);\n\n  width:calc(var(--gap) + 24px);\n  height:calc(100% - var(--overlap));\n\n  background:var(--green);\n\n  clip-path:polygon(\n    0 0,\n    6px 0,\n    100% calc(100% - 6px),\n    100% 100%,\n    calc(100% - 6px) 100%,\n    0 6px\n  );\n}\n\n.bfx .bfx-step:nth-child(even)::after {\n  transform:scaleX(-1);\n}\n\n.bfx .bfx-branch {\n  display:none;\n}\n\n\/* =========================\n   \u53c2\u8003\u30b5\u30a4\u30c8\u578b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n   \u8868\u793a\u3092\u304d\u3063\u304b\u3051\u306b\u6642\u9593\u3067\u518d\u751f\n========================= *\/\n\n\/* FLOW\u306e\u6587\u5b57 *\/\n.bfx.bfx-original .bfx-word > span {\n  transform:translateY(115%);\n  transition:\n    transform 1200ms cubic-bezier(0,1,.1,1) 600ms;\n}\n\n.bfx.bfx-original .bfx-word > span:nth-child(2) {\n  transition-delay:650ms;\n  transition-duration:1150ms;\n}\n\n.bfx.bfx-original .bfx-word > span:nth-child(3) {\n  transition-delay:720ms;\n  transition-duration:1080ms;\n}\n\n.bfx.bfx-original .bfx-word > span:nth-child(4) {\n  transition-delay:800ms;\n  transition-duration:1000ms;\n}\n\n\/* FLOW\u306e\u5e2f *\/\n.bfx.bfx-original .bfx-band {\n  transform:scaleX(0);\n  transition:\n    transform 1200ms cubic-bezier(.16,1,.3,1) 600ms;\n}\n\n\/* \u65bd\u8853\u306e\u6d41\u308c *\/\n.bfx.bfx-original .bfx-label {\n  opacity:0;\n  transform:translateY(20px);\n  transition:\n    opacity 700ms ease,\n    transform 1000ms cubic-bezier(.16,1,.3,1);\n}\n\n\/* \u898b\u51fa\u3057\u306e\u518d\u751f\u5f8c *\/\n.bfx.bfx-original\n.bfx-head.bfx-play .bfx-word > span,\n.bfx.bfx-original\n.bfx-head.bfx-play .bfx-label {\n  opacity:1;\n  transform:translateY(0);\n}\n\n.bfx.bfx-original\n.bfx-head.bfx-play .bfx-band {\n  transform:scaleX(1);\n}\n\n\/* 01\u301c06\u306e\u6570\u5b57 *\/\n.bfx.bfx-original .bfx-digits > span {\n  transform:translateY(115%);\n  transition:\n    transform 1200ms cubic-bezier(0,1,.1,1) 600ms;\n}\n\n.bfx.bfx-original .bfx-digits > span:nth-child(2) {\n  transition-delay:800ms;\n  transition-duration:1000ms;\n}\n\n\/* \u6570\u5b57\u306e\u80cc\u666f\u5e2f *\/\n.bfx.bfx-original .bfx-num::before {\n  transform:scaleX(0);\n  transition:\n    transform 1200ms cubic-bezier(.16,1,.3,1) 600ms;\n}\n\n\/* \u5404\u30ab\u30fc\u30c9\u306e\u65e5\u672c\u8a9e\u30bf\u30a4\u30c8\u30eb *\/\n.bfx.bfx-original .bfx-title {\n  opacity:0;\n  transform:translateY(24px);\n  transition:\n    opacity 800ms ease 300ms,\n    transform 1100ms cubic-bezier(.16,1,.3,1) 300ms;\n}\n\n\/* \u5404\u30ab\u30fc\u30c9\u306e\u518d\u751f\u5f8c *\/\n.bfx.bfx-original\n.bfx-step.bfx-play .bfx-digits > span,\n.bfx.bfx-original\n.bfx-step.bfx-play .bfx-title {\n  opacity:1;\n  transform:translateY(0);\n}\n\n.bfx.bfx-original\n.bfx-step.bfx-play .bfx-num::before {\n  transform:scaleX(1);\n}\n\n\/* =========================\n   \u63a5\u7d9a\u7dda\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u6f14\u51fa\n========================= *\/\n@keyframes bfx-line {\n  from {\n    mask-size:100% 0%;\n  }\n  to {\n    mask-size:100% 100%;\n  }\n}\n\n@keyframes bfx-branch {\n  from {\n    transform:scaleX(0);\n  }\n  to {\n    transform:scaleX(1);\n  }\n}\n\n@supports (animation-timeline:view()) {\n  @media (prefers-reduced-motion:no-preference) {\n    .bfx .bfx-step:not(:last-child)::after {\n      mask-image:linear-gradient(#000,#000);\n      mask-repeat:no-repeat;\n      mask-position:top;\n      mask-size:100% 0%;\n      animation:bfx-line 1s linear both;\n      animation-timeline:--bfx-step;\n      animation-range:entry 100% exit 55%;\n    }\n  }\n}\n\n\/* =========================\n   \u30b9\u30de\u30db\n========================= *\/\n@media (max-width:767px) {\n  .bfx {\n    padding:60px 0 75px;\n  }\n\n  .bfx .bfx-head {\n    margin-bottom:45px;\n  }\n\n  .bfx .bfx-label {\n    font-size:16px;\n    margin-bottom:12px;\n  }\n\n  .bfx .bfx-word {\n    font-size:clamp(90px,23vw,170px);\n  }\n\n  .bfx .bfx-card {\n    width:calc(100% - 20px);\n    margin-left:20px;\n  }\n\n  .bfx .bfx-step:nth-child(even) .bfx-card {\n    margin-left:20px;\n  }\n\n  .bfx .bfx-step {\n    padding-bottom:44px;\n  }\n\n  .bfx .bfx-step:last-child {\n    padding-bottom:0;\n  }\n\n  .bfx .bfx-step + .bfx-step {\n    margin-top:0;\n  }\n\n  .bfx .bfx-visual {\n    padding:18px 0 0 18px;\n    margin-bottom:26px;\n  }\n\n  .bfx .bfx-photo {\n    box-shadow:10px 10px 0 rgba(116,192,189,.23);\n  }\n\n  .bfx .bfx-num {\n    width:78px;\n    height:78px;\n    font-size:51px;\n  }\n\n  .bfx .bfx-body {\n    padding-left:18px;\n  }\n\n  .bfx .bfx-title {\n    font-size:23px;\n    margin-bottom:10px;\n  }\n\n  .bfx .bfx-text {\n    font-size:14px;\n    line-height:1.95;\n  }\n\n  \/* \u5de6\u5074\u306e\u7e26\u7dda *\/\n  .bfx .bfx-step:not(:last-child)::after {\n    left:6px;\n    top:39px;\n    width:2px;\n    height:100%;\n    clip-path:none;\n    transform:none;\n  }\n\n  \/* \u7e26\u7dda\u304b\u308901\u301c06\u306b\u3064\u306a\u304c\u308b\u6a2a\u7dda *\/\n  .bfx .bfx-branch {\n    position:absolute;\n    z-index:3;\n    display:block;\n    left:6px;\n    top:39px;\n    width:14px;\n    height:2px;\n    background:var(--green);\n    transform-origin:left center;\n    pointer-events:none;\n  }\n\n  @supports (animation-timeline:view()) {\n    @media (prefers-reduced-motion:no-preference) {\n      .bfx .bfx-step:not(:last-child)::after {\n        animation-range:entry 100% exit 60%;\n      }\n\n      .bfx .bfx-branch {\n        animation:bfx-branch 1s linear both;\n        animation-timeline:--bfx-step;\n        animation-range:entry 45% entry 85%;\n      }\n    }\n  }\n}\n\n\/* FLOW\uff1a\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff0b\u53f3\u4e0b\u3078\u305a\u3089\u3057\u305f\u8f2a\u90ed\u6587\u5b57 *\/\n.bfx .bfx-word{\n  padding-right:.18em;\n  padding-bottom:.13em;\n}\n.bfx .bfx-word > span{\n  position:relative;\n  isolation:isolate;\n  color:#74c0bd;\n}\n.bfx .bfx-word > span::before{\n  content:attr(data-letter);\n  position:absolute;\n  inset:0;\n  z-index:-1;\n  transform:translate(.075em,.085em);\n  color:transparent;\n  -webkit-text-fill-color:transparent;\n  -webkit-text-stroke:1px rgba(75,151,147,.50);\n  pointer-events:none;\n}\n@supports (-webkit-background-clip:text) or (background-clip:text){\n  .bfx .bfx-word > span{\n    background-image:linear-gradient(100deg,#4b9793 15%,#bfe7e4 100%);\n    background-size:400% 100%;\n    background-repeat:no-repeat;\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color:transparent;\n  }\n  .bfx .bfx-word > span:nth-child(1){background-position:0% 50%}\n  .bfx .bfx-word > span:nth-child(2){background-position:33.333% 50%}\n  .bfx .bfx-word > span:nth-child(3){background-position:66.667% 50%}\n  .bfx .bfx-word > span:nth-child(4){background-position:100% 50%}\n}\n\n\n<\/style>\n\n<section class=\"bfx\" aria-label=\"\u65bd\u8853\u306e\u6d41\u308c\">\n\n  <header class=\"bfx-head\">\n    <div class=\"bfx-inner\">\n      <h2 class=\"bfx-label\">\u65bd\u8853\u306e\u6d41\u308c<\/h2>\n\n      <div class=\"bfx-word\" aria-hidden=\"true\">\n        <span data-letter=\"F\">F<\/span><span data-letter=\"L\">L<\/span><span data-letter=\"O\">O<\/span><span data-letter=\"W\">W<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"bfx-band\" aria-hidden=\"true\"><\/div>\n  <\/header>\n\n  <ol class=\"bfx-list\">\n\n    <!-- 01\uff1a\u53d7\u4ed8 -->\n    <li class=\"bfx-step\">\n      <span class=\"bfx-branch\" aria-hidden=\"true\"><\/span>\n\n      <article class=\"bfx-card\">\n        <div class=\"bfx-visual\">\n          <div class=\"bfx-photo\">\n            <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2781-1024x683.jpg\" alt=\"\u53d7\u4ed8\u306e\u69d8\u5b50\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <span class=\"bfx-num\" aria-hidden=\"true\">\n            <span class=\"bfx-digits\">\n              <span>0<\/span><span>1<\/span>\n            <\/span>\n          <\/span>\n        <\/div>\n\n        <div class=\"bfx-body\">\n          <h3 class=\"bfx-title\">\u53d7\u4ed8<\/h3>\n          <p class=\"bfx-text\">\n            \u53d7\u4ed8\u306b\u3066\u3001\u554f\u8a3a\u8868\u3092\u304a\u6e21\u3057\u3057\u307e\u3059\u3002\u5f53\u3066\u306f\u307e\u308b\u7b87\u6240\u3084\u30b1\u30ac\u306e\u72b6\u614b\u30fb\u304a\u8eab\u4f53\u306e\u72b6\u614b\u306b\u3064\u3044\u3066\u81ea\u7531\u306b\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/li>\n\n    <!-- 02\uff1a\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0 -->\n    <li class=\"bfx-step\">\n      <span class=\"bfx-branch\" aria-hidden=\"true\"><\/span>\n\n      <article class=\"bfx-card\">\n        <div class=\"bfx-visual\">\n          <div class=\"bfx-photo\">\n            <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2804-1024x683.jpg\" alt=\"\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u306e\u69d8\u5b50\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <span class=\"bfx-num\" aria-hidden=\"true\">\n            <span class=\"bfx-digits\">\n              <span>0<\/span><span>2<\/span>\n            <\/span>\n          <\/span>\n        <\/div>\n\n        <div class=\"bfx-body\">\n          <h3 class=\"bfx-title\">\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0<\/h3>\n          <p class=\"bfx-text\">\n            \u304a\u8eab\u4f53\u306e\u72b6\u614b\u306b\u3064\u3044\u3066\u8a73\u3057\u304f\u304a\u805e\u304d\u3057\u307e\u3059\u3002\u4eca\u306e\u304a\u60a9\u307f\u3084\u3054\u8981\u671b\u306a\u3069\u3092\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u3044\u305f\u3060\u304f\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/li>\n\n    <!-- 03\uff1a\u5404\u7a2e\u691c\u67fb -->\n    <li class=\"bfx-step\">\n      <span class=\"bfx-branch\" aria-hidden=\"true\"><\/span>\n\n      <article class=\"bfx-card\">\n        <div class=\"bfx-visual\">\n          <div class=\"bfx-photo\">\n            <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2837-1024x683.jpg\" alt=\"\u5404\u7a2e\u691c\u67fb\u306e\u69d8\u5b50\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <span class=\"bfx-num\" aria-hidden=\"true\">\n            <span class=\"bfx-digits\">\n              <span>0<\/span><span>3<\/span>\n            <\/span>\n          <\/span>\n        <\/div>\n\n        <div class=\"bfx-body\">\n          <h3 class=\"bfx-title\">\u5404\u7a2e\u691c\u67fb<\/h3>\n          <p class=\"bfx-text\">\n            \u6b63\u3057\u304f\u72b6\u614b\u3092\u628a\u63e1\u3055\u305b\u3066\u3044\u305f\u3060\u304f\u305f\u3081\u306b\u3001\u5f92\u624b\u691c\u67fb\u3084\u30a8\u30b3\u30fc\u691c\u67fb\u3092\u884c\u3044\u3001\u73fe\u5728\u306e\u75c7\u72b6\u306b\u5bfe\u3059\u308b\u539f\u56e0\u3092\u63a2\u308a\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/li>\n\n    <!-- 04\uff1a\u72b6\u614b\u306e\u8aac\u660e -->\n    <li class=\"bfx-step\">\n      <span class=\"bfx-branch\" aria-hidden=\"true\"><\/span>\n\n      <article class=\"bfx-card\">\n        <div class=\"bfx-visual\">\n          <div class=\"bfx-photo\">\n            <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2870-1024x683.jpg\" alt=\"\u304a\u8eab\u4f53\u306e\u72b6\u614b\u3092\u8aac\u660e\u3059\u308b\u69d8\u5b50\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <span class=\"bfx-num\" aria-hidden=\"true\">\n            <span class=\"bfx-digits\">\n              <span>0<\/span><span>4<\/span>\n            <\/span>\n          <\/span>\n        <\/div>\n\n        <div class=\"bfx-body\">\n          <h3 class=\"bfx-title\">\u72b6\u614b\u306e\u8aac\u660e<\/h3>\n          <p class=\"bfx-text\">\n            \u5404\u7a2e\u691c\u67fb\u3092\u3082\u3068\u306b\u3001\u304a\u8eab\u4f53\u306e\u72b6\u614b\u306b\u5bfe\u3057\u3066\u8a73\u3057\u304f\u8aac\u660e\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\u65bd\u8853\u306e\u5185\u5bb9\u306b\u3064\u3044\u3066\u3082\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/li>\n\n    <!-- 05\uff1a\u65bd\u8853 -->\n    <li class=\"bfx-step\">\n      <span class=\"bfx-branch\" aria-hidden=\"true\"><\/span>\n\n      <article class=\"bfx-card\">\n        <div class=\"bfx-visual\">\n          <div class=\"bfx-photo\">\n            <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2880-1024x683.jpg\" alt=\"\u65bd\u8853\u306e\u69d8\u5b50\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <span class=\"bfx-num\" aria-hidden=\"true\">\n            <span class=\"bfx-digits\">\n              <span>0<\/span><span>5<\/span>\n            <\/span>\n          <\/span>\n        <\/div>\n\n        <div class=\"bfx-body\">\n          <h3 class=\"bfx-title\">\u65bd\u8853<\/h3>\n          <p class=\"bfx-text\">\n            \u3054\u6848\u5185\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u5185\u5bb9\u3092\u3082\u3068\u306b\u3001\u65bd\u8853\u3092\u884c\u3063\u3066\u3044\u304d\u307e\u3059\u3002\u304a\u8eab\u4f53\u306e\u72b6\u614b\u306b\u3088\u3063\u3066\u96fb\u6c17\u3084\u937c\u7078\u7b49\u3092\u884c\u3044\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/li>\n\n    <!-- 06\uff1a\u65bd\u8853\u5f8c\u306e\u78ba\u8a8d -->\n    <li class=\"bfx-step\">\n      <span class=\"bfx-branch\" aria-hidden=\"true\"><\/span>\n\n      <article class=\"bfx-card\">\n        <div class=\"bfx-visual\">\n          <div class=\"bfx-photo\">\n            <img src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2940-1024x683.jpg\" alt=\"\u65bd\u8853\u5f8c\u306e\u304a\u8eab\u4f53\u306e\u72b6\u614b\u3092\u78ba\u8a8d\u3059\u308b\u69d8\u5b50\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\">\n          <\/div>\n\n          <span class=\"bfx-num\" aria-hidden=\"true\">\n            <span class=\"bfx-digits\">\n              <span>0<\/span><span>6<\/span>\n            <\/span>\n          <\/span>\n        <\/div>\n\n        <div class=\"bfx-body\">\n          <h3 class=\"bfx-title\">\u65bd\u8853\u5f8c\u306e\u78ba\u8a8d<\/h3>\n          <p class=\"bfx-text\">\n            \u304a\u8eab\u4f53\u306e\u72b6\u614b\u3092\u65bd\u8853\u5f8c\u306b\u3082\u78ba\u8a8d\u3057\u307e\u3059\u3002\u5909\u5316\u3084\u6b8b\u5b58\u3057\u3066\u3044\u308b\u75db\u307f\u306b\u5bfe\u3057\u3066\u9069\u5207\u306a\u901a\u9662\u306b\u95a2\u3059\u308b\u8aac\u660e\u3092\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/li>\n\n  <\/ol>\n<\/section>\n\n<script>\n(() => {\n  function initOriginalFlow() {\n    document.querySelectorAll('.bfx').forEach(section => {\n      if (section.dataset.originalMotion === 'ready') return;\n      section.dataset.originalMotion = 'ready';\n\n      const motion = window.matchMedia(\n        '(prefers-reduced-motion: reduce)'\n      );\n\n      if (motion.matches) return;\n\n      const targets = Array.from(\n        section.querySelectorAll('.bfx-head, .bfx-step')\n      );\n\n      if (!targets.length) return;\n\n      let pending = targets.slice();\n      let frame = 0;\n\n      section.classList.add('bfx-original');\n\n      \/* \u521d\u671f\u72b6\u614b\u3092\u78ba\u5b9a\u3057\u3066\u304b\u3089\u518d\u751f *\/\n      void section.offsetWidth;\n\n      function check() {\n        frame = 0;\n\n        const trigger = window.innerHeight * .85;\n\n        pending = pending.filter(target => {\n          const rect = target.getBoundingClientRect();\n\n          if (!rect.height || rect.top >= trigger) {\n            return true;\n          }\n\n          target.classList.add('bfx-play');\n          return false;\n        });\n\n        if (!pending.length) {\n          window.removeEventListener('scroll',schedule);\n          window.removeEventListener('resize',schedule);\n        }\n      }\n\n      function schedule() {\n        if (!frame) {\n          frame = requestAnimationFrame(check);\n        }\n      }\n\n      window.addEventListener('scroll',schedule,{\n        passive:true\n      });\n\n      window.addEventListener('resize',schedule,{\n        passive:true\n      });\n\n      if (motion.addEventListener) {\n        motion.addEventListener('change',() => {\n          if (motion.matches) {\n            section.classList.remove('bfx-original');\n          }\n        });\n      }\n\n      schedule();\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener(\n      'DOMContentLoaded',\n      initOriginalFlow,\n      { once:true }\n    );\n  } else {\n    initOriginalFlow();\n  }\n})();\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-80 sp-py-40 has-bg-img -fixbg alignfull lazyload pc_only\" data-bg=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/koteihaikei-2.jpg\"><div class=\"swell-block-fullWide__inner\">\n<div style=\"height:300px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-60 sp-py-40 has-bg-img alignfull lazyload animated fadeInUp\" style=\"color:#fff;background-color:rgba(116, 192, 189, 0.65)\" data-bg=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/8e1b944f4389bdaab6f11d5bc83190c8.png\"><div class=\"swell-block-fullWide__inner l-container\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-0\"><span style=\"font-size:50px\" class=\"swl-fz\">MESSAGE<\/span><\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><img decoding=\"async\" width=\"150\" height=\"6\" class=\"wp-image-314\" style=\"width: 150px;\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a.jpg\" alt=\"\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a.jpg 400w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a-300x11.jpg 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/p>\n\n\n\n<div class=\"swell-block-columns is-style-clmn-shadow u-mb-ctrl u-mb-0\"><div class=\"swell-block-columns__inner\">\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-large photo\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3026-1024x683.jpg\" alt=\"\" class=\"wp-image-266\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3026-1024x683.jpg 1024w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3026-300x200.jpg 300w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3026-768x512.jpg 768w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3026-1536x1024.jpg 1536w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3026-2048x1366.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"line-height:1.4\"><b><span style=\"font-size:26px\" class=\"swl-fz\">\u6a4b\u672c \u5b66<\/span><\/b><br><b><span style=\"font-size:23px\" class=\"swl-fz\">\/ \u67d4\u9053\u6574\u5fa9\u5e2b \/<\/span><\/b><\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"line-height:1.8\"><b><span style=\"font-size:18px\" class=\"swl-fz\">\u306f\u3058\u3081\u307e\u3057\u3066\u3002<br>BASE\u937c\u7078\u63a5\u9aa8\u9662\u9662\u9577\u306e\u6a4b\u672c\u5b66\u3067\u3059\u3002<br>\u79c1\u306f\u5c0f\u5b66\u6821\u5165\u5b66\u304b\u3089\u5927\u5bae\u306e\u5730\u3067\u80b2\u3061\u3001\u4e2d\u5b66\u30fb\u9ad8\u6821\u30fb\u5927\u5b66\u3068\u30e9\u30b0\u30d3\u30fc\u3092\u30d7\u30ec\u30fc\u3057\u307e\u3057\u305f\u3002<br>\u602a\u6211\u306e\u591a\u3044\u7af6\u6280\u751f\u6d3b\u306e\u4e2d\u3067\u63a5\u9aa8\u9662\u3067\u6cbb\u7642\u3057\u5fa9\u5e30\u3057\u3066\u3092\u7e70\u308a\u8fd4\u3059\u3046\u3061\u306b\u3001\u67d4\u9053\u6574\u5fa9\u5e2b\u306e\u5148\u751f\u306b\u61a7\u308c\u3066\u3001\u79c1\u3082\u304b\u3064\u3066\u304a\u4e16\u8a71\u306b\u306a\u3063\u305f\u5148\u751f\u306e\u3088\u3046\u306b\u81ea\u8eab\u306e\u9662\u3067\u60a3\u8005\u69d8\u306e\u304a\u602a\u6211\u306b\u5411\u304d\u5408\u3044\u3001\u65e9\u671f\u6539\u5584\u30fb\u65e9\u671f\u5fa9\u5e30\u306e\u304a\u624b\u4f1d\u3044\u3092\u3057\u60a3\u8005\u69d8\u306e\u76ee\u6a19\u9054\u6210\u3092\u5171\u306b\u559c\u3073\u305f\u304f\u958b\u9662\u3057\u307e\u3057\u305f\u3002<\/span><\/b><\/p>\n<\/div>\n\n\n\n<div class=\"swell-block-column swl-has-mb--s\">\n<figure class=\"wp-block-image size-large photo\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3036-1024x683.jpg\" alt=\"\" class=\"wp-image-267\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3036-1024x683.jpg 1024w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3036-300x200.jpg 300w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3036-768x512.jpg 768w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3036-1536x1024.jpg 1536w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_3036-2048x1366.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\" style=\"line-height:1.4\"><b><span style=\"font-size:26px\" class=\"swl-fz\">\u6a4b\u672c \u3042\u304b\u308a<\/span><\/b><br><b><span style=\"font-size:23px\" class=\"swl-fz\">\/ \u67d4\u9053\u6574\u5fa9\u5e2b\u30fb\u937c\u7078\u5e2b \/<\/span><\/b><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span style=\"font-size:18px\" class=\"swl-fz\"><b>\u3053\u308c\u307e\u3067\u937c\u7078\u63a5\u9aa8\u9662\u306b\u52e4\u52d9\u3057\u3001\u5973\u5b50\u786c\u5f0f\u91ce\u7403\u30c1\u30fc\u30e0\u3078\u306e\u30c8\u30ec\u30fc\u30ca\u30fc\u5e2f\u540c\u3001\u30c7\u30a4\u30b5\u30fc\u30d3\u30b9\u3067\u306e\u6a5f\u80fd\u8a13\u7df4\u6307\u5c0e\u54e1\u306e\u7d4c\u9a13\u306a\u3069\u3092\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3057\u305f\u3002<br>\u307e\u305f\u3001\u79c1\u751f\u6d3b\u3067\u306f\uff14\u4eba\u306e\u5b50\u3092\u80b2\u3066\u308b\u6bcd\u3067\u3082\u3042\u308a\u307e\u3059\u3002\u304a\u5b50\u69d8\u304b\u3089\u3054\u9ad8\u9f62\u306e\u65b9\u307e\u3067\u3001\u304a\u8eab\u4f53\u306e\u304a\u60a9\u307f\u3092\u304a\u805e\u304b\u305b\u304f\u3060\u3055\u3044\u3002<br>\u4eba\u751f\u306e\u534a\u5206\u4ee5\u4e0a\u3092\u904e\u3054\u3057\u305f\u3055\u3044\u305f\u307e\u5e02\u3067\u3001\u5730\u57df\u306e\u65b9\u3005\u306e\u304a\u60a9\u307f\u306b\u5bc4\u308a\u6dfb\u3048\u308b\u3088\u3046\u52aa\u3081\u3066\u307e\u3044\u308a\u307e\u3059\u3002<\/b><\/span><\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group u-mb-ctrl u-mb-0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group u-mb-ctrl u-mb-0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"p-blogParts post_content\" data-partsID=\"331\">\n<div class=\"swell-block-fullWide pc-py-0 sp-py-0 alignfull\"><div class=\"swell-block-fullWide__inner\">\n<h2 class=\"wp-block-heading is-style-section_ttl\"><\/h2>\n\n\n\n<div class=\"slider1\">\n  <ul>\n    <li><img decoding=\"async\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/6c26bbdd4e44cb10c7902d8658f68f88.png\"><\/li>\n  <\/ul>\n<\/div>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-80 sp-py-40 has-bg-img -fixbg alignfull lazyload pc_only\" data-bg=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/IMG_2765.jpg\"><div class=\"swell-block-fullWide__inner\">\n<div style=\"height:300px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"swell-block-fullWide pc-py-60 sp-py-20 alignfull\"><div class=\"swell-block-fullWide__inner l-container\">\n<div class=\"wp-block-group pc_only u-mb-ctrl u-mb-0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-0\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\"><span style=\"font-size:50px\" class=\"swl-fz\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span><\/mark><\/h2>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group sp_only u-mb-ctrl u-mb-0\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-0\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\"><span style=\"font-size:30px\" class=\"swl-fz\">\u304a\u554f\u3044\u5408\u308f\u305b<\/span><\/mark><\/h2>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><img decoding=\"async\" width=\"150\" height=\"6\" class=\"wp-image-314\" style=\"width: 150px;\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a.jpg\" alt=\"\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a.jpg 400w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/c2a0308988a7c160a0a26b819e23896a-300x11.jpg 300w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  \n  \n  <title>\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+JP:wght@400;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    *, *::before, *::after {\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body{\n      font-family: 'Noto Sans JP', sans-serif;\n      background:#fff;\n    }\n\n    .section-wrapper {\n      width: 100%;\n      max-width: 1100px;\n      margin: 0 auto;\n      position: relative;\n      padding: 24px 16px 90px;\n    }\n\n    \/* \u2500\u2500\u2500 Main green card \u2500\u2500\u2500 *\/\n    .green-card {\n      background: #74c0bd;\n      border-radius: 28px;\n      padding: 8px 28px 18px 60px;\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 240px 250px;\n      align-items: center;\n      gap: 28px;\n      position: relative;\n      overflow: visible;\n      min-height: 400px;\n    }\n\n    \/* \u2500\u2500\u2500 Left: text \u2500\u2500\u2500 *\/\n    .left-content {\n      color: #fff;\n      min-width: 0;\n      max-width: 520px;\n      padding-right: 8px;\n    }\n\n    .headline-small {\n      font-size: 21px;\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      line-height: 1.5;\n      margin-bottom: 10px;\n      color: rgba(255,255,255,0.96);\n    }\n\n    .headline-large {\n      font-size: clamp(24px, 3.6vw, 44px);\n      font-weight: 900;\n      letter-spacing: 0.02em;\n      line-height: 1.28;\n      margin-bottom: 30px;\n    }\n\n    .headline-sub {\n      font-size: clamp(26px, 2vw, 32px);\n      font-weight: 800;\n      line-height: 1.4;\n      margin-bottom: 10px;\n      color: #fff;\n    }\n\n    .divider {\n      width: 100%;\n      max-width: 430px;\n      height: 3px;\n      background: rgba(255,255,255,0.45);\n      margin-bottom: 24px;\n    }\n\n    .food-title {\n      font-size: 22px;\n      font-weight: 800;\n      color: #fff;\n      line-height: 1.6;\n      margin-top: 17px;\n      margin-bottom: 17px;\n      letter-spacing: 0.01em;\n    }\n\n    .food-desc {\n      font-size: 13px;\n      font-weight: 500;\n      color: rgba(255,255,255,0.92);\n      line-height: 2;\n      max-width: 420px;\n      letter-spacing: 0.01em;\n    }\n\n    \/* \u2500\u2500\u2500 Center: LINE badge \u2500\u2500\u2500 *\/\n    .center-badge {\n      flex-shrink: 0;\n      position: relative;\n      width: 220px;\n      height: 220px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 5;\n      justify-self: center;\n    }\n\n    .badge-link{\n      position: relative;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      width:100%;\n      height:100%;\n      text-decoration:none;\n      transition: transform .25s ease, opacity .25s ease;\n    }\n\n    .badge-link:hover{\n      transform: translateY(-3px);\n      opacity: .96;\n    }\n\n    .ring-svg {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      animation: rotateSlow 18s linear infinite;\n      pointer-events: none;\n    }\n\n    @keyframes rotateSlow {\n      from { transform: rotate(0deg); }\n      to   { transform: rotate(360deg); }\n    }\n\n    .badge-inner {\n      width: 160px;\n      height: 160px;\n      background: #fff;\n      border-radius: 50%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      z-index: 2;\n      padding: 10px;\n      text-align:center;\n    }\n\n    .badge-text {\n      font-size: 12px;\n      font-weight: 800;\n      color: #3a3a3a;\n      text-align: center;\n      line-height: 1.5;\n    }\n\n    .line-icon {\n      width: 54px;\n      height: 54px;\n      background: #06C755;\n      border-radius: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n\n    .line-icon img {\n      display: block;\n      width: 36px;\n      height: 36px;\n      object-fit: contain;\n    }\n\n    .badge-note {\n      font-size: 10px;\n      color: #666;\n      text-align: center;\n      line-height: 1.55;\n    }\n\n    \/* \u2500\u2500\u2500 Right: phone photo \u2500\u2500\u2500 *\/\n    .right-phone {\n      align-self: stretch;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: -72px;\n      margin-bottom: -72px;\n      margin-right: -14px;\n      position: relative;\n      z-index: 3;\n    }\n\n    .phone-img-wrap {\n      width: 240px;\n      max-width: 100%;\n    }\n\n    .phone-img-wrap img {\n      display: block;\n      width: 100%;\n      height: auto;\n    }\n\n    .phone-placeholder {\n      width: 240px;\n      height: 480px;\n      background: rgba(255,255,255,0.10);\n      border: 2px dashed rgba(255,255,255,0.45);\n      border-radius: 38px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      gap: 14px;\n      color: rgba(255,255,255,0.75);\n      font-size: 12px;\n      font-weight: 600;\n      text-align: center;\n      line-height: 1.7;\n      filter: drop-shadow(0 24px 48px rgba(0,0,0,0.25));\n    }\n\n    \/* \u2500\u2500\u2500 Tablet \u2500\u2500\u2500 *\/\n    @media (max-width: 980px) {\n      .section-wrapper{\n        padding: 18px 12px 36px;\n      }\n\n      .green-card {\n        grid-template-columns: 1fr;\n        gap: 18px;\n        padding: 34px 24px 28px;\n        min-height: auto;\n        border-radius: 22px;\n      }\n\n      .left-content {\n        max-width: none;\n        padding-right: 0;\n      }\n\n      .headline-small {\n        font-size: 16px;\n        margin-bottom: 4px;\n      }\n\n      .headline-large {\n        font-size: 34px;\n        line-height: 1.4;\n      }\n\n      .headline-sub {\n        font-size: 23px;\n        margin-bottom: 20px;\n      }\n\n      .divider {\n        max-width: none;\n        margin-bottom: 16px;\n      }\n\n      .food-title {\n        font-size: 18px;\n        margin-bottom: 10px;\n      }\n\n      .food-desc {\n        max-width: none;\n        font-size: 12px;\n        line-height: 1.9;\n      }\n\n      .right-phone {\n        order: 2;\n        margin: 0;\n        align-self: center;\n      }\n\n      .center-badge {\n        order: 3;\n        width: 200px;\n        height: 200px;\n        margin: 2px auto 0;\n      }\n\n      .phone-img-wrap {\n        width: 180px;\n      }\n\n      .badge-inner {\n        width: 130px;\n        height: 130px;\n      }\n    }\n\n    \/* \u2500\u2500\u2500 Mobile \u2500\u2500\u2500 *\/\n    @media (max-width: 640px) {\n      .section-wrapper {\n        padding: 6px;\n      }\n\n      .green-card {\n        padding: 22px 18px 20px;\n        gap: 12px;\n        border-radius: 18px;\n      }\n\n      .left-content{\n        text-align:left;\n      }\n\n      .headline-small {\n        font-size: 13px;\n        margin-bottom: 3px;\n        text-align:center;\n      }\n\n      .headline-large {\n        font-size: 33px;\n        line-height: 1.6;\n        margin-bottom: 12px;\n        text-align:center;\n      }\n\n      .divider {\n        margin-bottom: 22px;\n      }\n\n      .food-title {\n        font-size: 15px;\n        line-height: 1.7;\n        margin-top: 18px;\n        margin-bottom: 18px;\n        text-align:center;\n      }\n\n      .food-desc {\n        font-size: 12px;\n        line-height: 2.25;\n        text-align:center;\n      }\n\n      .right-phone {\n        margin-top: 44px;\n      }\n\n      .phone-img-wrap {\n        width: 132px;\n      }\n\n      .center-badge {\n        width: 200px;\n        height: 200px;\n        margin-top: 0;\n      }\n\n      .badge-inner {\n        width: 145px;\n        height: 145px;\n        gap: 6px;\n      }\n\n      .badge-text {\n        font-size: 14px;\n        line-height: 1.2;\n      }\n\n      .line-icon {\n        width: 42px;\n        height: 42px;\n        border-radius: 12px;\n      }\n\n      .line-icon img {\n        width: 28px;\n        height: 28px;\n      }\n\n      .badge-note {\n        font-size: 8.5px;\n        margin-top: 1px;\n        line-height: 1.25;\n      }\n\n      .ring-svg text{\n        font-size: 10px;\n      }\n\n      .ring-sp text{\n        font-size: 8.9px;\n        letter-spacing: 2.1px;\n      }\n    }\n\n    .ring-sp{\n      display:none;\n    }\n\n    @media (max-width:640px){\n      .ring-pc{\n        display:none;\n      }\n\n      .ring-sp{\n        display:block;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"section-wrapper\">\n  <div class=\"green-card\">\n\n    <!-- \u2460 LEFT: \u30c6\u30ad\u30b9\u30c8 -->\n    <div class=\"left-content\">\n      <p class=\"headline-small\">\uff3c\u30b9\u30de\u30db1\u3064\u3067\u30ab\u30f3\u30bf\u30f3\u306b\uff0f<\/p>\n      <p class=\"headline-large\">\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04<\/p>\n      <div class=\"divider\"><\/div>\n      <p class=\"food-title\">LINE\u3067\u9805\u76ee\u9078\u629e\u3059\u308b\u3060\u3051\u3067\u4e88\u7d04\u3067\u304d\u308b\uff01<\/p>\n      <p class=\"food-desc\">\n        \u5f53\u9662\u3067\u306f\u5065\u5eb7\u4fdd\u967a\/\u81ea\u8cbb\u65bd\u8853\/\u4ea4\u901a\u4e8b\u6545\u306a\u3069\u69d8\u3005\u306a<br>\n        \u75c7\u72b6\u306b\u5bfe\u3057\u3066\u9069\u5207\u306a\u65bd\u8853\u3092\u3054\u63d0\u6848\u3057\u3066\u3044\u307e\u3059\u3002<br>\n        \u521d\u3081\u3066\u3067\u4e0d\u5b89\u306a\u65b9\u306f\u30c8\u30fc\u30af\u304b\u3089\u6c17\u8efd\u306b\u3054\u8cea\u554f\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n\n    <!-- \u2461 CENTER: LINE \u30d0\u30c3\u30b8 -->\n    <div class=\"center-badge\">\n      <a class=\"badge-link\" href=\"https:\/\/line.me\/R\/ti\/p\/@184nzgay\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"LINE\u3067\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u4e88\u7d04\">\n        <svg class=\"ring-svg ring-pc\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <defs>\n            <path id=\"cp\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\n          <\/defs>\n          <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"11.5\" font-weight=\"700\" fill=\"white\" letter-spacing=\"2.7\">\n            <textPath href=\"#cp\">\n              BASE SHINKYU SEKKOTSUIN BASE SHINKYU SEKKOTSUIN&nbsp;\n            <\/textPath>\n          <\/text>\n        <\/svg>\n\n        <!-- \u30b9\u30de\u30db\u7528\u30ea\u30f3\u30b0\uff08\u6587\u5b57\u591a\u3081\uff09 -->\n        <svg class=\"ring-svg ring-sp\" viewBox=\"0 0 220 220\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n          <defs>\n            <path id=\"cp2\" d=\"M110,110 m-92,0 a92,92 0 1,1 184,0 a92,92 0 1,1 -184,0\"\/>\n          <\/defs>\n          <text font-family=\"'Noto Sans JP', sans-serif\" font-size=\"8.9\" font-weight=\"700\" fill=\"white\" letter-spacing=\"1.15\">\n            <textPath href=\"#cp2\">\n              BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb BASE SHINKYU SEKKOTSUIN \u30fb\n            <\/textPath>\n          <\/text>\n        <\/svg>\n\n        <div class=\"badge-inner\">\n          <p class=\"badge-text\">\u304a\u554f\u3044\u5408\u308f\u305b<br>\u4e88\u7d04\u306fLINE\u304b\u3089<\/p>\n\n          <div class=\"line-icon\" aria-hidden=\"true\">\n            <img decoding=\"async\"\n              src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/370f42a7d0aeef7bf77ef695280ee58f.png\"\n              alt=\"\"\n            >\n          <\/div>\n\n          <p class=\"badge-note\">\u203b\u30bf\u30c3\u30d7\u3059\u308b\u3068<br>LINE\u304c\u958b\u304d\u307e\u3059<\/p>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <!-- \u2462 RIGHT: \u30b9\u30de\u30db\u5199\u771f\uff08PC\u3067\u4e0a\u4e0b\u306b\u306f\u307f\u51fa\u3059\uff09 -->\n    <div class=\"right-phone\">\n      <div class=\"phone-img-wrap\">\n        <img decoding=\"async\"\n          src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/03\/fb6da81da3b86164cddacafd5ed30aaa.png\"\n          alt=\"LINE\u30a2\u30d7\u30ea\u753b\u9762\"\n        >\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"3209\" height=\"1043\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f.png\" alt=\"\" class=\"wp-image-1031\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f.png 3209w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-300x98.png 300w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-1024x333.png 1024w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-768x250.png 768w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-1536x499.png 1536w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/06\/5c506dd931dbe04c0171839d8709540f-2048x666.png 2048w\" sizes=\"(max-width: 3209px) 100vw, 3209px\" \/><\/figure>\n\n\n\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3231.0428037616816!2d139.6053838!3d35.9214523!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018c56bb5dd32e5%3A0xf6aed3395fc44bb1!2zQkFTRemNvOeBuOmZouODu-aOpemqqOmZog!5e0!3m2!1sja!2sjp!4v1768249218939!5m2!1sja!2sjp\" width=\"100%\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1500\" height=\"844\" src=\"http:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/09\/cc5a9852872126696d19d8d9c9564c2b.jpg\" alt=\"\" class=\"wp-image-597\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group pc_only\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-table is-all-centered is-style-regular\"><table style=\"--swl-cell1-width:150px;font-size:18px;\" class=\"has-fixed-layout\"><thead><tr><th><\/th><th>\u6708<\/th><th>\u706b<\/th><th>\u6c34<\/th><th>\u6728<\/th><th>\u91d1<\/th><th>\u571f<\/th><th>\u65e5<\/th><th>\u795d<\/th><\/tr><\/thead><tbody><tr><td><strong>9:00~13:00<\/strong><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td>\uff0f<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td>\u25b2<\/td><td>\uff0f<\/td><\/tr><tr><td><strong>15:00~20:00<\/strong><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td>\uff0f<\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25cf<\/mark><\/td><td><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25b2<\/mark><\/td><td>\uff0f<\/td><td>\uff0f<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><span style=\"font-size:14px\" class=\"swl-fz\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25b2<\/mark>\uff65\uff65\uff6517\uff1a00\u307e\u3067\/\u25b2\uff65\uff65\uff658\uff1a00\uff5e12\uff1a00 \u3010\u795d\u65e5\u4e0d\u5b9a\u4f11\u30fb\u5f53\u65e5\u306e\u8a3a\u7642\u306b\u95a2\u3057\u3066\u306fInstagram\u306e\u30b9\u30c8\u30fc\u30ea\u30fcorLINE\u516c\u5f0f\u306b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3011<\/span><\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full sp_only u-mb-ctrl u-mb-0\"><img decoding=\"async\" width=\"1200\" height=\"325\" src=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/7a497363d561f8cb8efab2f3cee9e31c.png\" alt=\"\" class=\"wp-image-589\" srcset=\"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/7a497363d561f8cb8efab2f3cee9e31c.png 1200w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/7a497363d561f8cb8efab2f3cee9e31c-300x81.png 300w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/7a497363d561f8cb8efab2f3cee9e31c-1024x277.png 1024w, https:\/\/base-base-base.ciao.jp\/wordpress\/wp-content\/uploads\/2026\/01\/7a497363d561f8cb8efab2f3cee9e31c-768x208.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-right sp_only wp-block-paragraph\" style=\"line-height:1.3\"><span style=\"font-size:13px\" class=\"swl-fz\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-swl-main-color\">\u25b2<\/mark>\uff65\uff65\uff6517\uff1a00\u307e\u3067\/\u25b2\uff65\uff65\uff658\uff1a00\uff5e12\uff1a00 <br>\u3010\u795d\u65e5\u4e0d\u5b9a\u4f11\u30fb\u5f53\u65e5\u306e\u8a3a\u7642\u306b\u95a2\u3057\u3066\u3011<br>Instagram\u306e\u30b9\u30c8\u30fc\u30ea\u30fcorLINE\u516c\u5f0f\u306b\u3066\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044<\/span><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":248,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":1141,"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/pages\/9\/revisions\/1141"}],"wp:attachment":[{"href":"https:\/\/base-base-base.ciao.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}