/* ============================================================
   motoya-cards.css — 「地元を元気にする、10の事業」カード部
   motoya-united-static-rebuild から verbatim コピー（色/中身は後でユーザー調整）
   全ルールを main[data-page=index] にスコープ。REIグローバルへ漏れない。
   ============================================================ */
main[data-page=index]{
  --brand:#313131;--dark:#000;--light:#fff;
  --gray:#888;--gray-light:#f4f4f4;--gray-mild:#d0d0d0;--gray-dark:#313131;
  --hover-duration:.25s;
  --scroll-bar-width:0px;
}
main[data-page=index] *{box-sizing:border-box}
main[data-page=index] .unselect{-webkit-user-select:none;user-select:none}

main[data-page=index] #business{box-sizing:border-box;height:auto;min-height:100vh;padding-top:80px}
main[data-page=index] #business [data-card-nav-wrapper]{pointer-events:none;width:100vw;height:100vh;display:block;position:absolute;top:35px;left:-30px;overflow:hidden}
main[data-page=index] #business .row{column-gap:20px;height:auto;margin:0 auto;padding-right:18px;display:flex}
main[data-page=index] #business .row .col_l h2{margin-left:0}
main[data-page=index] #business .row .col_l [data-component=btn_detail]{margin-top:34px;display:inline-block}
main[data-page=index] #business .row .col_l h3{letter-spacing:.06em;white-space:nowrap;padding-top:91px;font-size:2.77778vw;font-weight:500;line-height:1.5;position:relative}
main[data-page=index] #business .row .col_l h3 span{display:inline-block}
main[data-page=index] #business .row .col_l h3 ._e{letter-spacing:.01em}
main[data-page=index] #business .row .col_l h3 ._er{letter-spacing:.14em}
main[data-page=index] #business .row .col_r{width:1011px;padding-top:35px;padding-bottom:110px}
main[data-page=index] #business [data-index-business-card]{width:100%;height:fit-content;margin-top:120px;left:0}
main[data-page=index] #business [data-index-business-card]+[data-index-business-card]{margin-top:32px}
main[data-page=index] #business [data-index-business-card]:last-child{opacity:1!important}
main[data-page=index] #business [data-index-card-wrapper]{box-sizing:border-box;background-color:var(--business-card-color);border-radius:10px;height:100%;position:relative;overflow:hidden}
main[data-page=index] #business [data-index-card-wrapper] a{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}
main[data-page=index] #business [data-index-card-wrapper] a+[data-index-card-inner] .slider .i{overflow:hidden}
main[data-page=index] #business [data-index-card-wrapper] a+[data-index-card-inner] .slider .i img{transition:transform .35s cubic-bezier(.645,.045,.355,1),filter .35s cubic-bezier(.645,.045,.355,1)}
main[data-page=index] #business [data-index-card-wrapper] a+[data-index-card-inner] .circle{transition:background,transform;transition-duration:var(--hover-duration);transition-timing-function:cubic-bezier(.23,1,.32,1)}
main[data-page=index] #business [data-index-card-wrapper] a+[data-index-card-inner] path{transition:fill;transition-duration:var(--hover-duration);transition-timing-function:cubic-bezier(.23,1,.32,1)}
main[data-page=index] #business [data-index-card-wrapper] a+[data-index-card-inner] .arrow_img ._w,main[data-page=index] #business [data-index-card-wrapper] a+[data-index-card-inner] .arrow_img ._b{transition:opacity;transition-duration:var(--hover-duration);transition-timing-function:cubic-bezier(.23,1,.32,1)}
main[data-page=index] #business [data-index-card-wrapper] [data-index-card-inner]{box-sizing:border-box;height:370px;padding:48px 0 48px 48px}
main[data-page=index] #business [data-index-card-wrapper] .tagline{letter-spacing:.06em;flex-direction:column;row-gap:3px;margin-top:15px;font-size:1.94444vw;font-weight:600;line-height:1.5;display:flex;-webkit-font-smoothing:inherit!important;-moz-osx-font-smoothing:inherit!important}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text]{--mark-color:var(--brand);--mark-cutout-color:transparent;white-space:nowrap;clip-path:inset(.6% -5% 2.6%);justify-content:flex-start;align-items:center;margin-bottom:0;margin-left:1px;font-size:28px;display:flex;position:relative}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] span{-webkit-font-smoothing:inherit!important;-moz-osx-font-smoothing:inherit!important;font-weight:600!important}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._mark{box-sizing:border-box;align-items:center;padding-top:5px;padding-bottom:4px;line-height:0;display:flex;position:relative}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._phrase{z-index:1;justify-content:center;align-items:center;width:100%;height:1em;margin-right:-4px;padding-left:9px;padding-right:12px;font-size:28px;font-weight:700;display:flex;position:relative}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._suffix{padding-left:14px}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._paren{z-index:0;width:100%;height:100%;line-height:0;position:absolute;top:0}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._paren [data-over]{z-index:2;align-items:center;width:100%;height:100%;font-size:0;display:flex;position:absolute;top:0}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._paren [data-over] svg{flex-shrink:0;width:auto;height:100%;display:block}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._paren [data-over] .cutout{fill:var(--mark-cutout-color)!important}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._paren._l [data-over]{justify-content:flex-start;left:0}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._paren._l [data-over]:before{content:"";background-color:var(--mark-color);z-index:0;pointer-events:none;z-index:-1;width:98%;height:100%;display:block;position:absolute;top:0;left:1%}
main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._paren._r [data-over]{justify-content:flex-end;right:0}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text]{--mark-color:var(--brand);--mark-cutout-color:transparent;white-space:nowrap;clip-path:inset(.6% -5% 2.6%);justify-content:flex-start;align-items:center;margin-bottom:0;margin-left:1px;font-size:28px;display:flex;position:relative}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] span{-webkit-font-smoothing:inherit!important;-moz-osx-font-smoothing:inherit!important;font-weight:600!important}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._mark{box-sizing:border-box;align-items:center;padding-top:5px;padding-bottom:4px;line-height:0;display:flex;position:relative}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._phrase{z-index:1;justify-content:center;align-items:center;width:100%;height:1em;margin-right:-4px;padding-left:9px;padding-right:12px;font-size:28px;font-weight:700;display:flex;position:relative}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._suffix{padding-left:14px}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._paren{z-index:0;width:100%;height:100%;line-height:0;position:absolute;top:0}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._paren [data-over]{z-index:2;align-items:center;width:100%;height:100%;font-size:0;display:flex;position:absolute;top:0}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._paren [data-over] svg{flex-shrink:0;width:auto;height:100%;display:block}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._paren [data-over] .cutout{fill:var(--mark-cutout-color)!important}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._paren._l [data-over]{justify-content:flex-start;left:0}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._paren._l [data-over]:before{content:"";background-color:var(--mark-color);z-index:0;pointer-events:none;z-index:-1;width:98%;height:100%;display:block;position:absolute;top:0;left:1%}
main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._paren._r [data-over]{justify-content:flex-end;right:0}
main[data-page=index] #business [data-index-card-wrapper] h3{letter-spacing:.12em;margin-top:8px;font-size:14px;line-height:1.5;display:inline-block;position:relative}
main[data-page=index] #business [data-index-card-wrapper] h3:before{content:"";background-color:var(--dark);width:100%;height:2px;display:block;position:absolute;bottom:-5px;left:0}
main[data-page=index] #business [data-index-card-wrapper] .desc{width:15.1389vw}
main[data-page=index] #business [data-index-card-wrapper] .desc p{text-align:justify;text-justify:inter-ideograph;letter-spacing:.05em;font-size:14px}
main[data-page=index] #business [data-index-card-wrapper] .desc p br{display:none}
main[data-page=index] #business [data-index-card-wrapper] [data-component=btn_detail]{position:absolute;top:30px;right:30px}
main[data-page=index] #business [data-index-card-wrapper] [data-component=btn_detail] svg path{fill:var(--light)}
main[data-page=index] #business .slider{z-index:3;width:415px;position:relative}
main[data-page=index] #business .slider .slider__viewport{overflow:hidden}
main[data-page=index] #business .slider .slider__container{touch-action:pan-y pinch-zoom;display:flex}
main[data-page=index] #business .slider .slider__slide{border-radius:10px;flex:0 0 100%;width:415px;min-width:0;height:274px;overflow:hidden}
main[data-page=index] #business .slider .i{width:100%;height:100%}
main[data-page=index] #business .slider img{object-fit:cover;object-position:center;width:100%;height:100%}
main[data-page=index] #business .dots{justify-content:center;align-items:center;column-gap:7px;margin-top:12px;display:flex}
main[data-page=index] #business .dots .dot{opacity:1;cursor:pointer;background-color:#0000;background-color:var(--gray-mild);border:none;border-radius:100%;width:6px;height:6px;margin:0;padding:0;transition:border .25s cubic-bezier(.23,1,.32,1),background .25s cubic-bezier(.23,1,.32,1),opacity .25s cubic-bezier(.23,1,.32,1);position:relative}
main[data-page=index] #business .dots .dot:before{content:"";background-color:var(--gray-mild);border-radius:100%;width:6px;height:6px;transition:border .25s cubic-bezier(.23,1,.32,1),background .25s cubic-bezier(.23,1,.32,1),opacity .25s cubic-bezier(.23,1,.32,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}
main[data-page=index] #business .dots .dot._active{box-sizing:border-box;border:1px solid var(--dark);background-color:var(--dark);width:6px;height:6px}
main[data-page=index] #business .dots .dot._active:before{display:none}
@media (width<=804px){main[data-page=index] #business .row .col_l h3{font-size:6.96517vw}main[data-page=index] #business [data-index-card-wrapper] .tagline{font-size:5.97015vw}main[data-page=index] #business [data-index-card-wrapper] .desc{width:100%}}
@media (width>=804px) and (width<=1440px){main[data-page=index] #business{padding-top:calc(.0555556 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-card-nav-wrapper]{top:calc(.0243056 * (100vw - var(--scroll-bar-width)));left:calc(-.0208333 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .row{padding-right:calc(.0125 * (100vw - var(--scroll-bar-width)));column-gap:calc(.0138889 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .row .col_l [data-component=btn_detail]{margin-top:calc(.0236111 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .row .col_l h3{padding-top:calc(.0631944 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .row .col_r{width:calc(.702083 * (100vw - var(--scroll-bar-width)));padding-bottom:calc(.0763889 * (100vw - var(--scroll-bar-width)));padding-top:calc(.0243056 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-business-card]{margin-top:calc(.0833333 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-business-card]+[data-index-business-card]{margin-top:calc(.0222222 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper]{border-radius:calc(.00694444 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] [data-index-card-inner]{height:calc(.256944 * (100vw - var(--scroll-bar-width)));padding-top:calc(.0333333 * (100vw - var(--scroll-bar-width)));padding-bottom:calc(.0333333 * (100vw - var(--scroll-bar-width)));padding-left:calc(.0333333 * (100vw - var(--scroll-bar-width)));padding-right:calc(0 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline{margin-top:calc(.0104167 * (100vw - var(--scroll-bar-width)));row-gap:calc(.00208333 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text]{margin-bottom:calc(0 * (100vw - var(--scroll-bar-width)));margin-left:calc(.000694444 * (100vw - var(--scroll-bar-width)));font-size:max(22.4px, .0194444 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._mark{padding-top:calc(.00347222 * (100vw - var(--scroll-bar-width)));padding-bottom:calc(.00277778 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._phrase{margin-right:calc(-.00277778 * (100vw - var(--scroll-bar-width)));padding-left:calc(.00625 * (100vw - var(--scroll-bar-width)));padding-right:calc(.00833333 * (100vw - var(--scroll-bar-width)));font-size:max(22.4px, .0194444 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._suffix{padding-left:calc(.00972222 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text]{margin-bottom:calc(0 * (100vw - var(--scroll-bar-width)));margin-left:calc(.000694444 * (100vw - var(--scroll-bar-width)));font-size:max(22.4px, .0194444 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._mark{padding-top:calc(.00347222 * (100vw - var(--scroll-bar-width)));padding-bottom:calc(.00277778 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._phrase{margin-right:calc(-.00277778 * (100vw - var(--scroll-bar-width)));padding-left:calc(.00625 * (100vw - var(--scroll-bar-width)));padding-right:calc(.00833333 * (100vw - var(--scroll-bar-width)));font-size:max(22.4px, .0194444 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._suffix{padding-left:calc(.00972222 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] h3{margin-top:calc(.00555556 * (100vw - var(--scroll-bar-width)));font-size:max(11.2px, .00972222 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] h3:before{bottom:calc(-.00347222 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .desc p{font-size:max(11.2px, .00972222 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] [data-component=btn_detail]{top:calc(.0208333 * (100vw - var(--scroll-bar-width)));right:calc(.0208333 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .slider,main[data-page=index] #business .slider .slider__slide{width:calc(.288194 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .slider .slider__slide{height:calc(.190278 * (100vw - var(--scroll-bar-width)));border-radius:calc(.00694444 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .dots{margin-top:calc(.00833333 * (100vw - var(--scroll-bar-width)));column-gap:calc(.00486111 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business .dots .dot,main[data-page=index] #business .dots .dot:before,main[data-page=index] #business .dots .dot._active{width:calc(.00416667 * (100vw - var(--scroll-bar-width)));height:calc(.00416667 * (100vw - var(--scroll-bar-width)))}}
@media not screen and (width>=805px){main[data-page=index] #business{padding-top:11.9403vw}main[data-page=index] #business [data-card-nav-wrapper]{top:0;left:-7.46269vw}main[data-page=index] #business .row{flex-direction:column;column-gap:0;padding-bottom:37.3134vw;padding-right:0;position:relative}main[data-page=index] #business .row .col_l{width:100%;margin-bottom:30vh;position:sticky;top:22.3881vw;left:0}main[data-page=index] #business .row .col_l [data-component=btn_detail]{justify-content:flex-end;margin-top:13.6816vw;margin-left:auto;display:flex}main[data-page=index] #business .row .col_l [data-component=btn_detail] ._t{letter-spacing:.02em}main[data-page=index] #business .row .col_l h3{padding-top:6.46766vw}main[data-page=index] #business .row .col_r{width:100%;margin-top:-30vh;padding-top:0;padding-bottom:27.3632vw}main[data-page=index] #business [data-index-business-card]{margin-top:9.95025vw;position:sticky;top:22.3881vw}main[data-page=index] #business [data-index-business-card]+[data-index-business-card]{margin-top:7.46269vw}main[data-page=index] #business [data-index-business-card]:last-child [data-index-card-wrapper]{transform:inherit!important}main[data-page=index] #business [data-index-card-wrapper]{transform-origin:50% 200%;border-radius:2.48756vw}main[data-page=index] #business [data-index-card-wrapper] [data-index-card-inner]{column-gap:0;height:auto;padding:6.46766vw 6.46766vw 4.47761vw;display:block}main[data-page=index] #business [data-index-card-wrapper] .tagline{row-gap:2.48756vw;margin-top:7.46269vw}main[data-page=index] #business [data-index-card-wrapper] .tagline._s{font-size:4.97512vw}main[data-page=index] #business [data-index-card-wrapper] .tagline{letter-spacing:.02em}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text]{margin-bottom:-2.11443vw;margin-left:-.248756vw;font-size:max(19.2px,5.97015vw)}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._mark{padding-top:1.24378vw;padding-bottom:.995025vw}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._phrase{margin-right:0;padding-left:2.48756vw;padding-right:2.23881vw;font-size:max(19.2px,5.97015vw)}main[data-page=index] #business [data-index-card-wrapper] .tagline [data-mark-text] ._suffix{padding-left:.746269vw}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text]{margin-bottom:-2.11443vw;margin-left:-.248756vw;font-size:max(16px,4.97512vw)}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._mark{padding-top:1.24378vw;padding-bottom:.995025vw}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._phrase{margin-right:0;padding-left:2.48756vw;padding-right:2.23881vw;font-size:max(16px,4.97512vw)}main[data-page=index] #business [data-index-card-wrapper] .tagline._s [data-mark-text] ._suffix{padding-left:.746269vw}main[data-page=index] #business [data-index-card-wrapper] h3{margin-top:3.48259vw;font-size:max(11.2px,3.48259vw)}main[data-page=index] #business [data-index-card-wrapper] h3:before{bottom:-.995025vw}main[data-page=index] #business [data-index-card-wrapper] .desc{box-sizing:border-box;width:100%;margin-top:10.4478vw;padding-left:20.8955vw;bottom:0;right:0}main[data-page=index] #business [data-index-card-wrapper] .desc p{font-size:max(12.8px,3.9801vw);line-height:1.7}main[data-page=index] #business [data-index-card-wrapper] [data-component=btn_detail]{top:72.1393vw;right:6.46766vw}main[data-page=index] #business .slider{width:77.1144vw;height:57.2139vw}main[data-page=index] #business .slider .slider__slide{border-radius:2.48756vw;width:77.1144vw;height:50.995vw}main[data-page=index] #business .dots{column-gap:1.74129vw;margin-top:4.97512vw}main[data-page=index] #business .dots .dot,main[data-page=index] #business .dots .dot:before,main[data-page=index] #business .dots .dot._active{width:1.49254vw;height:1.49254vw}}
@media (width>=805px) and (width>=804px) and (width<=1440px){main[data-page=index] #business .row .col_l{top:calc(.111111 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] [data-index-card-inner]{column-gap:calc(.0333333 * (100vw - var(--scroll-bar-width)))}main[data-page=index] #business [data-index-card-wrapper] .desc{bottom:calc(.0180556 * (100vw - var(--scroll-bar-width)));right:calc(.0180556 * (100vw - var(--scroll-bar-width)))}}
@media (width>=805px) and (width<=804px){main[data-page=index] #business .row .col_l{width:100%}}
@media (width>=805px){main[data-page=index] #business .row{justify-content:space-between}main[data-page=index] #business .row .col_l{z-index:3;flex-direction:column;justify-content:space-between;width:24.3056vw;height:fit-content;display:flex;position:sticky;top:160px;left:0}main[data-page=index] #business [data-index-card-wrapper]{transform-origin:50% 200%;opacity:1!important}main[data-page=index] #business [data-index-card-wrapper] [data-index-card-inner]{justify-content:flex-start;column-gap:48px;display:flex}main[data-page=index] #business [data-index-card-wrapper] .desc{position:absolute;bottom:26px;right:26px}main[data-page=index] #business [data-index-card-wrapper] .desc p{line-height:1.5}}
@media (width>=1440px){main[data-page=index] #business .row .col_l h3{font-size:40px}main[data-page=index] #business [data-index-card-wrapper] .tagline{font-size:28px}}
@media (hover:hover){main[data-page=index] #business [data-index-card-wrapper]:hover [data-index-card-inner] .circle{transform:scale(1.13);background:var(--light)!important}main[data-page=index] #business [data-index-card-wrapper]:hover [data-index-card-inner] path{fill:var(--dark)!important}main[data-page=index] #business [data-index-card-wrapper]:hover [data-index-card-inner] .arrow_img ._w{opacity:0}main[data-page=index] #business [data-index-card-wrapper]:hover [data-index-card-inner] .arrow_img ._b{opacity:1}main[data-page=index] #business .dots .dot:hover:before{background-color:var(--dark)}}