/* 採用中の演出と新しい店舗導線の接続。元の動きの速度・軌道は継承元で管理する。 */
.aru-ms-scope .gnav{position:relative;isolation:isolate}
html.aru-ms-js .aru-ms-noscript{display:none}
.aru-ms-scope .gnav a{position:relative;z-index:1}
.aru-ms-scope .aru-nav-motion{position:absolute;z-index:0;pointer-events:none;border-radius:24px;background:#e0e7db;opacity:0}
.aru-ms-scope .aru-ms-hero-note{font-size:13px;line-height:1.9;margin-top:16px;color:#596356}
.aru-ms-scope .aru-pv-toggle[hidden],.sp-cta.aru-ms-scope[hidden]{display:none!important}
.aru-ms-scope .aru-white-hero .aru-cta{margin-top:30px}
/* 別テンプレート由来の汎用パネルアニメーションを二重にかけない。 */
.aru-ms-content.aru-home [role=tabpanel]{animation:none}
.aru-ms-content.aru-home [hidden]{display:none!important}
.aru-ms-content .aru-ms-anchor{display:block;height:0;position:relative}
.aru-ms-content .section{padding-block:clamp(64px,7vw,104px)}
.aru-ms-content .sec-head{margin-bottom:clamp(28px,3.5vw,48px)}
.aru-ms-content .breadcrumb{padding-block:20px 0}
/* JavaScriptなし・初期化失敗でも全パネル本文と写真を閲覧できる。 */
#aru-home:not(.aru-ms-motion-started) :is(.aru-heading-enter,.aru-reveal){opacity:1!important;transform:none!important;clip-path:none!important}
#aru-home .aru-benefit-view:not(.aru-motion-ready) .aru-benefit-tabs,
#aru-home #studio:not(.aru-motion-ready) .aru-sense-tabs,
#aru-home .aru-machine-rotator:not(.aru-motion-ready) .aru-machine-tabs{display:none!important}
#aru-home .aru-benefit-view:not(.aru-motion-ready){display:block!important}
#aru-home .aru-machine-rotator:not(.aru-motion-ready){display:block!important}
#aru-home .aru-machine-rotator:not(.aru-motion-ready) .aru-machine-info{width:100%;max-width:none;position:static}
#aru-home .aru-benefit-view:not(.aru-motion-ready) [data-recovery-benefit-panel]{display:block!important;position:static!important;opacity:1!important;margin-bottom:32px}
#aru-home .aru-benefit-view:not(.aru-motion-ready) .aru-benefit-photo{display:none!important}
#aru-home .aru-benefit-view:not(.aru-motion-ready) [data-recovery-benefit-panel] img{display:block!important;max-height:320px;object-fit:cover}
#aru-home #studio:not(.aru-motion-ready) .aru-c-senses__grid{display:grid!important;gap:32px}
#aru-home #studio:not(.aru-motion-ready) .aru-c-senses__grid>article{display:block!important;position:static!important;opacity:1!important}
#aru-home .aru-machine-rotator:not(.aru-motion-ready) .aru-machine-stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;height:auto!important;aspect-ratio:auto!important;overflow:visible}
#aru-home .aru-machine-rotator:not(.aru-motion-ready) .aru-machine-frame{position:relative!important;inset:auto!important;width:100%!important;height:300px!important;transform:none!important;opacity:1!important}
#aru-home .aru-machine-rotator:not(.aru-motion-ready) [data-recovery-machine-panel]{display:block!important;margin-block:24px}
.aru-ms-scope .footer-links a{position:relative;width:fit-content}
.aru-ms-scope .footer-links a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.aru-ms-scope .footer-links a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
@media(max-width:1100px){.aru-ms-scope .aru-nav-motion{display:none}}
@media(min-width:1101px){.aru-ms-scope .aru-ms-noscript{display:none}}
@media(max-width:768px){.aru-ms-content .section{padding-block:56px}.aru-ms-content .breadcrumb{padding-top:16px}.aru-ms-scope .aru-ms-hero-note{font-size:12px}#aru-home .aru-machine-rotator:not(.aru-motion-ready) .aru-machine-stage{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.aru-ms-content.aru-home *, .aru-ms-scope .aru-nav-motion{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.aru-ms-scope .aru-ms-hero-note>span{display:block}

/* 主要パーツは同じ本文幅へ揃え、章の間と章内の余白を分ける。 */
#aru-home.aru-ms-content{--aru-ms-section-space:clamp(72px,7vw,104px);--aru-ms-content-width:var(--container_size,1100px);--aru-ms-gutter:48px}
#aru-home.aru-ms-content>.section{padding-block:var(--aru-ms-section-space)}
#aru-home.aru-ms-content>.section>.container{width:calc(100% - 2 * var(--aru-ms-gutter));max-width:var(--aru-ms-content-width);padding-inline:0}
#aru-home.aru-ms-content>:is(#plan,#faq){width:100%!important;max-width:none!important;padding-inline:0!important}
#aru-home.aru-ms-content #aru-features{padding-top:clamp(64px,6vw,88px);padding-bottom:0}
#aru-home.aru-ms-content #concept{padding-top:clamp(80px,8vw,120px);padding-bottom:clamp(56px,5vw,80px)}
#aru-home.aru-ms-content .aru-ms-reference-note{margin-top:0;margin-bottom:32px}
#aru-home.aru-ms-content #voice .aru-ms-report-head{margin-top:48px}

/* 紹介文はタブ直下。tabpanelの本文と写真を同じ要素内に保ち、切り替え・読み順を維持する。 */
#aru-home.aru-ms-content #studio.aru-motion-ready>.aru-c-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;grid-template-rows:1fr 1fr!important;column-gap:clamp(32px,4.5vw,64px)!important;row-gap:24px!important}
#aru-home.aru-ms-content #studio.aru-motion-ready .aru-c-section-head{grid-column:1!important;grid-row:1!important;align-self:end!important;margin:0!important}
#aru-home.aru-ms-content #studio.aru-motion-ready :is(.aru-pc-sense-display,.aru-c-senses__grid,article:not([hidden])){display:contents!important}
#aru-home.aru-ms-content #studio.aru-motion-ready .aru-sense-caption{grid-column:1!important;grid-row:2!important;align-self:start;position:static!important;inset:auto!important;padding:0!important;min-height:104px!important;margin:0!important;background:none!important}
#aru-home.aru-ms-content #studio.aru-motion-ready .aru-sense-caption p{min-height:0!important;margin:0!important}
#aru-home.aru-ms-content #studio.aru-motion-ready .aru-sense-photo{grid-column:2!important;grid-row:1/3!important;align-self:center;width:100%!important;height:auto!important;aspect-ratio:4/3!important}
@media(max-width:900px){
 #aru-home.aru-ms-content{--aru-ms-section-space:64px;--aru-ms-gutter:20px}
 #aru-home.aru-ms-content #aru-features{padding-top:48px}
 #aru-home.aru-ms-content #concept{padding-top:64px;padding-bottom:48px;row-gap:32px}
 #aru-home.aru-ms-content #voice .aru-ms-report-head{margin-top:32px}
 #aru-home.aru-ms-content #studio.aru-motion-ready>.aru-c-shell{display:block!important;width:calc(100% - 40px)!important;max-width:none!important}
 #aru-home.aru-ms-content #studio.aru-motion-ready .aru-sense-caption{display:block!important;min-height:112px!important;margin:24px 0 20px!important}
 #aru-home.aru-ms-content #studio.aru-motion-ready .aru-sense-caption h3{margin-top:0!important}
 #aru-home.aru-ms-content #studio.aru-motion-ready .aru-sense-photo{display:block!important;position:relative!important;aspect-ratio:4/3!important}
 #aru-home.aru-ms-content #studio.aru-motion-ready .aru-sense-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover}
 .aru-ms-scope .aru-ms-reports{grid-auto-columns:min(76vw,300px);gap:20px}
}
@media(max-width:360px){#aru-home.aru-ms-content{--aru-ms-section-space:56px}}

/* 章間は1つの間隔に統一。前章の下余白と次章の上余白を二重にしない。 */
body.aru-ms-site #aru-home.aru-ms-content{--aru-ms-chapter-gap:clamp(88px,8vw,112px)}
body.aru-ms-site #aru-home.aru-ms-content>section:not(#top){margin-block:0!important;padding-top:var(--aru-ms-chapter-gap)!important;padding-bottom:0!important}
body.aru-ms-site #aru-home.aru-ms-content>section:not(#top):last-of-type{padding-bottom:var(--aru-ms-chapter-gap)!important}
body.aru-ms-site #aru-home.aru-ms-content>.aru-ms-reference-note{margin-block:24px 0;padding-block:0}
body.aru-ms-site #aru-home .aru-ms-supervision-note{margin:-12px 0 24px!important;font:400 12px/1.8 'Zen Kaku Gothic New',sans-serif!important;color:#626b60}
/* スクロール中に見出しや数字が大きく移動しないよう、本文は常時表示する。 */
html:has(body.aru-ms-site){scroll-behavior:auto!important}
body.aru-ms-site #aru-home :is(.aru-heading-enter,.aru-thread-steps,.aru-number-step,.aru-digit){opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important;transition:none!important}
body.aru-ms-site #aru-home .aru-reveal{transform:none!important;clip-path:none!important;transition:opacity .28s ease-out!important}
body.aru-ms-site #aru-home .aru-reveal:not(:has(img)){opacity:1!important}
body.aru-ms-site #aru-home .aru-white-scroll{animation:none!important}
/* 採用導線を加えても、ロゴ・予約ボタンと重ならない横幅を確保する。 */
body.aru-ms-site .site-header .inner{max-width:1200px;gap:24px}
body.aru-ms-site .gnav{gap:clamp(14px,1.6vw,24px)}
body.aru-ms-site .gnav>a:not(.btn){white-space:nowrap;font-size:13px}
@media(max-width:900px){body.aru-ms-site #aru-home.aru-ms-content{--aru-ms-chapter-gap:64px}}

/* 既存のアーチに合わせた細い弧。記事本文の見出し装飾には影響させない。 */
body.aru-ms-site #aru-home.aru-ms-content h2::after,
body.aru-ms-recruit #aru-recruit-main h2::after{content:""!important;display:block!important;position:static!important;width:56px!important;height:8px!important;margin:18px 0 0!important;border:0!important;border-top:1px solid #ae8955!important;border-radius:50%!important;background:none!important;transform:rotate(-6deg)!important;opacity:1!important;box-shadow:none!important}
body.aru-ms-site #aru-home.aru-ms-content .center h2::after,
body.aru-ms-site #aru-home.aru-ms-content :is(.aru-c-section-head,.aru-trial-value__head) h2::after{margin-inline:auto!important}
body.aru-ms-site #aru-home .aru-ms-plan-intro{margin:24px 0 28px;padding:4px 0 4px 20px;border-left:2px solid #ad8e62}
body.aru-ms-site #aru-home .aru-ms-plan-intro p{margin:0;font-size:14px;line-height:1.9}
body.aru-ms-site #aru-home .aru-ms-plan-intro .aru-ms-plan-message{margin-bottom:8px;font-family:var(--font-serif);font-size:clamp(20px,2.2vw,25px);line-height:1.7;color:#354333}
body.aru-ms-site #aru-home .aru-ms-plan-message span{display:inline-block}
body.aru-ms-site #aru-home #plan .price-table .aru-ms-price-five{background:#f0f4ed!important;border-inline-color:#cbd5c7!important}
body.aru-ms-site #aru-home #plan .price-table thead .aru-ms-price-five{background:#53634e!important;color:#fff!important}
body.aru-ms-site #aru-home .aru-ms-plan-badge{display:block;margin-bottom:5px;font-size:11px;font-weight:400;letter-spacing:.12em}
body.aru-ms-site #aru-home .aru-ms-price-saving{display:block;margin-top:10px;font-size:13px;font-weight:700;color:#3f5738;line-height:1.6}
body.aru-ms-site #aru-home .aru-ms-date-label{display:block;font-family:var(--font-sans);font-size:11px;line-height:1.6}
/* 小さい画面でも契約比較の3列を同時に読める幅にする。 */
@media(max-width:600px){
 body.aru-ms-site #aru-home #plan .price-table{min-width:0!important;table-layout:fixed!important;width:100%!important}
 body.aru-ms-site #aru-home #plan .price-table th:first-child{width:20%}
 body.aru-ms-site #aru-home #plan .price-table :is(th,td){padding:16px 7px!important;font-size:13px!important;word-break:normal!important}
 body.aru-ms-site #aru-home #plan .price-table small{font-size:11px!important}
 body.aru-ms-site #aru-home .aru-ms-price-saving{font-size:11px}
 body.aru-ms-site #aru-home .aru-ms-plan-intro{padding-left:14px}
}