/* テーマが上書きする UA デフォルトを :where で復元 (LP 側 CSS が常に勝つ)。
   Studio DOM (.render-canvas) 内は studio-entry.css の :where リセットが正なので除外 */
.page-anker-home-partner :where(p:not(.render-canvas p)){margin:1em 0;color:inherit;font-size:inherit;line-height:inherit}
.page-anker-home-partner :where(h1:not(.render-canvas h1)){margin:.67em 0;font-size:2em;font-family:inherit;font-weight:bold;line-height:inherit;letter-spacing:inherit}
.page-anker-home-partner :where(h2:not(.render-canvas h2)){margin:.83em 0;font-size:1.5em;font-family:inherit;font-weight:bold;line-height:inherit;letter-spacing:inherit}
.page-anker-home-partner :where(h3:not(.render-canvas h3)){margin:1em 0;font-size:1.17em;font-family:inherit;font-weight:bold;line-height:inherit;letter-spacing:inherit}
.page-anker-home-partner :where(button:not(.render-canvas button)){font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit;line-height:inherit}
.page-anker-home-partner :where(a){color:inherit;text-decoration:none}
.page-anker-home-partner :where(img){max-width:100%;border:0;height:auto}
/* theme.css の a[href^=tel] / .icon / .show ユーティリティ衝突の打ち消し */
.page-anker-home-partner :where(a[href^='tel']){color:inherit}
.page-anker-home-partner :where(.icon){width:auto;height:auto;vertical-align:baseline}
.page-anker-home-partner .show{display:flex !important}
/* テーマ main コンテナのフルブリード化 */
html:has(.page-anker-home-partner) main,
html:has(.page-anker-home-partner) #MainContent,
html:has(.page-anker-home-partner) .page-container,
html:has(.page-anker-home-partner) .main-content,
html:has(.page-anker-home-partner) .shopify-section {
  background: transparent;
  padding: 0;
  margin: 0;
  max-width: none;
}
html:has(.page-anker-home-partner) .page-container { overflow: clip; }


/* =========================================================
   Anker Home Partner — reproduction of /anker-home-partner
   ========================================================= */
:root{
  --blue:#00A9E0;
  --grad:linear-gradient(79.51deg,#00A9E0 0%,#00DB84 100%);
  --grad-dark:linear-gradient(239.86deg,#13617a 0%,#262e39 24%);
  --ink:#1a1a1a;
  --ink2:#333333;
  --muted:#666666;
  --muted2:#888888;
  --bg-soft:#f0f6f7;
  --bg-soft2:#F7F9FA;
  --line:#f0f0f0;
  --wrap:1280px;
}
.page-anker-home-partner *,.page-anker-home-partner *::before,.page-anker-home-partner *::after{box-sizing:border-box}
html:has(.page-anker-home-partner){scroll-behavior:smooth;scroll-padding-top:80px}
.page-anker-home-partner{margin:0;font-family:"Noto Sans JP",sans-serif;color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;background:#fff}
:where(.page-anker-home-partner) img{max-width:100%;display:block}
:where(.page-anker-home-partner) a{color:inherit;text-decoration:none}
.page-anker-home-partner :where(p,h1,h2){margin:0}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.en{font-family:"Lato",sans-serif}

/* ---------- Header ---------- */

/* ---------- Hero ---------- */
.hero{position:relative;height:540px;background:#000 url("/assets/s-4012x1906_5b858e41-f82e-48ca-a705-c563406f5f68.webp") center/cover no-repeat;display:flex;align-items:center}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,0) 63%)}
.hero__in{position:relative;z-index:1;width:min(1280px,100% - 160px);margin-inline:auto;padding-top:40px;display:flex;flex-direction:column;gap:20px}
.hero__lead{color:#fff;font-size:20px;font-weight:700;line-height:1;font-feature-settings:'palt' 1}
.hero__ttl{color:#fff;font-family:"Montserrat",sans-serif;font-size:48px;font-weight:600;line-height:1;font-feature-settings:'palt' 1}
.hero__row{display:flex;align-items:center;gap:20px}
.hero__cta{display:inline-flex;align-items:center;white-space:nowrap;background:var(--grad);border:1px solid rgba(255,255,255,.5);padding:20px;color:#fff;font-size:16px;font-weight:500;letter-spacing:.05em;line-height:1;font-feature-settings:'palt' 1;transition:border-radius .8s,background .8s}
.hero__cta:hover{border-radius:128px;background:linear-gradient(79.51deg,rgba(0,169,224,.8) 0%,rgba(0,219,132,.8) 100%)}
.hero__div{width:1px;align-self:stretch;background:rgba(255,255,255,.21)}
.hero__tel{display:flex;flex-direction:column;gap:4px;color:#fff}
.hero__tel .lbl{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}
.hero__tel .lbl img{width:16px}
.hero__tel .num{font-family:"Montserrat",sans-serif;font-size:24px;font-weight:700;line-height:1}
.hero__tel .num:hover{opacity:.7}
.hero__tel .hrs{font-size:10px;opacity:.78}
@media(max-width:990px){
  .hero{align-items:flex-end}
  .hero::before{background:none}
  .hero__in{width:100%;padding:21px 20px;gap:10px;background:linear-gradient(0deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,0) 100%)}
  .hero__lead{font-size:13px;line-height:1.5}
  .hero__ttl{font-size:32px}
  .hero__row{gap:10px}
  .hero__cta{padding:10px;font-size:10px}
  .hero__tel .num{font-size:15px}
  .hero__tel .hrs{font-size:10px}
}
@media(max-width:540px){
  .hero__in{gap:4px;padding:21px 20px;margin-inline:36px;width:auto}
  .hero__lead{font-size:14px}
  .hero__ttl{font-size:14px}
  .hero__row{gap:8px;margin-top:4px}
  .hero__cta{font-size:13px;gap:4px}
  .hero__tel .hrs{font-size:13px}
}

/* ---------- About ---------- */
.about{background:var(--bg-soft2);padding:40px 80px 60px}
.about__in{width:min(1280px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:30px}
.about__hd{display:flex;flex-direction:column;gap:10px}
.about__tag{color:var(--muted2);font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1.35;height:19px}
.about__ttl{font-size:28px;font-weight:700;line-height:1.5;color:var(--ink2);font-feature-settings:'palt' 1}
.about__ttl strong{color:var(--blue)}
.about__cards{display:flex;flex-direction:column;gap:10px}
.about__row{display:flex;gap:12px;align-items:stretch}
.about__card{flex:1;border:1px solid transparent;padding:40px 20px 60px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;background:#E9EFF2}
.about__card img{width:64px;height:auto}
.about__card .in{display:flex;flex-direction:column;gap:20px}
.about__card .t{font-size:24px;font-weight:700;line-height:1.35;color:var(--ink2);font-feature-settings:'palt' 1}
.about__card .t--lh14{line-height:1.4}
.about__card .t u{text-decoration:none;font-size:10px}
.about__card .d{font-size:14px;font-weight:700;color:var(--muted);line-height:1.5;font-feature-settings:'palt' 1}
.about__note{color:var(--muted);opacity:.6;font-size:9px;font-weight:500;line-height:1.5;width:32%;font-feature-settings:'palt' 1}
@media(max-width:990px){
  .about{padding:30px 20px 60px}
  .about__ttl{font-size:18px}
  .about__row{flex-direction:column;gap:12px}
  .about__card{gap:20px;padding:30px 60px 20px 20px}
  .about__card img{width:36px}
  .about__card .t{font-size:20px}
  .about__card .t--keep{font-size:24px}
  .about__card .d{font-size:12px}
  .about__note{width:100%}
}
@media(max-width:540px){
  .about{padding:16px 16px 56px}
  .about__in{gap:14px;padding-right:36px}
  .about__hd{gap:4px}
  .about__row{gap:4px}
  .about__ttl{font-size:16px}
  .about__cards{gap:14px}
  .about__card{gap:16px;padding:16px 8px 28px}
  .about__card .in{gap:8px}
  .about__card .t{font-size:15px}
  .about__card .t--keep{font-size:24px}
  .about__card .d{font-size:13px}
  .about__note{font-size:13px}
}

/* ---------- Product ---------- */
.product-hero{position:relative;height:460px;background:#111 url("/assets/s-2880x1800_3895ace7-a0bc-42f6-bff1-b65715e67d00.webp") center bottom/cover no-repeat;display:flex;align-items:center}
.product-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 51%)}
.product-hero__in{position:relative;z-index:1;width:min(1000px,100%);margin-inline:auto;padding:0 20px}
.product-hero__tag{color:#fff;font-size:44px;font-weight:700;line-height:1.25}
.product-hero__sub{color:#fff;font-size:16px;font-weight:700;margin-top:8px}
@media(max-width:990px){
  .product-hero{height:270px}
  .product-hero__in{text-align:center}
  .product-hero__tag{font-size:28px}
  .product-hero__sub{font-size:13px}
}
@media(max-width:540px){
  .product-hero__in{padding:56px 36px}
  .product-hero__tag{font-size:28px}
  .product-hero__sub{font-size:13px;margin-top:0}
}
.product{width:min(1000px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:120px;margin-top:80px;margin-bottom:160px}
.p-num{display:flex;align-items:center;gap:0}
.p-num .n{font-family:"Lato",sans-serif;color:var(--muted2);font-size:14px;font-weight:600;width:40px;line-height:.9}
.p-num .l{flex:1;height:1px;background:#F0F0F0}
.p-block{display:flex;flex-direction:column;gap:20px}
.p-ttl{font-size:32px;font-weight:700;line-height:1.25;color:var(--ink2);font-feature-settings:'palt' 1}
.p-ttl strong{color:var(--blue)}
.p-lead{font-size:18px;font-weight:700;color:#777;line-height:1.75}
.p-lead--w700{max-width:700px}
.p-lead--lh15{line-height:1.5}
.p-lead strong{color:var(--ink2)}
.warranty{display:flex;flex-direction:column;gap:8px}
.warranty__row{display:grid;gap:8px}
.warranty__row.r1{grid-template-columns:1fr 1fr}
.warranty__item{background:var(--bg-soft2);display:flex;align-items:center;justify-content:center;gap:20px;padding:20px}
.warranty__item img{height:120px;width:auto;object-fit:contain}
.warranty__item .box{display:flex;flex-direction:column;gap:10px;width:106px}
.warranty__item .cat{color:var(--muted);font-size:16px;font-weight:500;line-height:1}
.warranty__item .yrs{display:flex;align-items:flex-end}
.warranty__item .yrs .v{font-size:80px;font-weight:500;letter-spacing:-.05em;line-height:.9;background:linear-gradient(180deg,#47D2FF 0%,#00A9E0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.warranty__item .yrs .u{color:var(--muted);font-size:18px;font-weight:500;margin-left:2px}
@media(max-width:990px){
  .product{gap:60px;margin-top:30px;margin-bottom:60px;padding:0 20px}
  .p-ttl{font-size:24px}
  .p-ttl--sm990{font-size:20px}
  .p-lead{font-size:15px}
  .p-lead--02{line-height:1.5}
  .warranty__item{flex-wrap:wrap;gap:20px 0}
  .warranty__item img{height:120px;width:70px}
  .warranty__row:last-child .warranty__item img{width:105px}
  .warranty__item .box{width:100%;align-items:center}
  .warranty__item .cat{font-size:14px;text-align:center}
  .warranty__item .yrs{justify-content:center}
  .warranty__item .yrs .v{font-size:48px}
  .warranty__item .yrs .u{font-size:15px}
}
@media(max-width:540px){
  .product{gap:36px;margin-top:92px;margin-bottom:72px;padding:0}
  .p-block{gap:8px}
  .p-ttl,.p-ttl--sm990{font-size:16px}
  .p-ttl--01{font-size:24px}
  .p-lead{font-size:13px}
  .warranty{gap:2px}
  .warranty__row{gap:2px 0}
  .warranty__item{padding:4px 8px;gap:8px 0}
  .warranty__item .box{gap:8px}
  .warranty__item .cat{font-size:13px}
  .warranty__item .yrs .v{font-size:36px}
  .warranty__item .yrs .u{font-size:13px}
}
.compare{display:flex;align-items:center;justify-content:space-between;gap:10px}
.compare img.pic{width:calc(48% - 5.2px);height:auto}
.compare img.arw{width:28px}
@media(max-width:990px){
  .compare{flex-direction:column}
  .compare img.pic{width:calc(100% - 16px)}
  .compare img.arw{rotate:90deg;scale:.8}
}
@media(max-width:540px){
  .compare img.pic{width:100%}
}

/* ---------- Merit (profit) ---------- */
.profit{background:var(--grad-dark);padding:60px 40px 120px;color:#fff}
.profit__in{width:min(1000px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:40px}
.profit__ttl{color:#9CA4AD;font-size:32px;font-weight:700;line-height:1.5;max-width:900px}
.profit__ttl strong{color:#fff}
.profit__list{display:flex;flex-direction:column;gap:60px}
.profit__hr{height:1px;background:rgba(255,255,255,.1)}
.merit{display:flex;align-items:center;gap:40px}
.merit__media{flex:none;width:330px}
.merit__media img{width:100%;height:auto;border-radius:4px}
.merit__media.m1{background:url("/assets/s-1630x1078_3d6dd688-445c-4257-8e5d-5c3e632afceb.webp") center/cover no-repeat;border-radius:4px;height:330px;padding:50px 0 40px;display:flex;align-items:center;justify-content:center}
.merit__media.m1 img{width:213px;border-radius:0}
.merit__body{flex:1;display:flex;flex-direction:column;gap:20px;min-width:0}
.merit__hd{display:flex;flex-direction:column;gap:10px}
.merit__badge{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.11);border-radius:50px;padding:10px 19px;width:fit-content}
.merit__badge .k{font-size:10px;font-weight:700;letter-spacing:.07em;opacity:.8;line-height:1.5}
.merit__badge .dot{width:4px;height:4px;border-radius:50%;background:var(--blue)}
.merit__badge .n{font-size:13px;font-weight:700;line-height:1.5}
.merit__t{font-size:28px;font-weight:700;line-height:1.5}
.merit__d{font-size:16px;font-weight:500;opacity:.7}
.merit__note{font-size:10px;font-weight:400;opacity:.6;line-height:1.5}
.merit__logo{display:flex;align-items:center;justify-content:center;gap:30px;background:#181D24;border-radius:12px;padding:20px 40px}
.merit__logo img.lg{width:148px}
.merit__logo img.lg--wide{width:250px;height:auto}
.merit__logo .cert{display:flex;align-items:center;gap:0}
.merit__logo .cert img{width:9px;rotate:-90deg;margin-right:-2px;position:relative;z-index:1}
.merit__logo .box{background:#161B22;border:1px solid var(--blue);border-radius:8px;padding:15px 30px;font-size:14px;font-weight:700;line-height:1.65;color:#9CA4AD;width:262px}
.merit__logo .box strong{color:#fff}
@media(max-width:990px){
  .profit{padding:60px 20px 120px}
  .profit__in{gap:20px}
  .profit__ttl{font-size:20px}
  .profit__list{gap:30px}
  .merit__badge{padding:5px 15px}
  .merit__badge .n{font-size:10px}
  .merit{flex-direction:column-reverse;align-items:stretch;gap:20px}
  .merit__media{width:330px;max-width:100%;margin-inline:auto}
  .merit__media.m1{width:min(440px,100%);height:200px;padding:40px 0}
  .merit__media.m1 img{width:140px}
  .merit__t{font-size:18px}
  .merit__d{font-size:14px}
  .merit__logo{padding:10px;gap:14px;border-radius:4px}
  .merit__logo img.lg{width:80px}
  .merit__logo .box{padding:10px;font-size:10px;border-radius:4px;width:auto}
}
@media(max-width:540px){
  .profit{padding:28px 16px 56px;gap:16px}
  .profit__in{gap:16px}
  .profit__ttl{font-size:18px}
  .profit__list{gap:28px}
  .merit{gap:16px}
  .merit__body{gap:8px}
  .merit__hd{gap:4px}
  .merit__badge{padding:4px 8px;gap:2px}
  .merit__badge .k,.merit__badge .n{font-size:13px}
  .merit__t{font-size:15px}
  .merit__d,.merit__note{font-size:13px}
  .merit__logo{padding:8px 16px}
  .merit__logo .box{font-size:13px}
}

/* ---------- FAQ ---------- */
.faq{padding:80px 80px}
.faq__in{width:min(1000px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:40px;padding-right:80px}
.faq__ttl{font-size:32px;font-weight:700;line-height:1.2;color:var(--ink2)}
.faq__list{display:flex;flex-direction:column}
.faq__item{border-top:1px solid var(--line)}
.faq__q{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;padding:30px 0;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;line-height:1;color:var(--ink2);text-align:left}
.faq__q .arw{transition:rotate .25s;font-size:24px;line-height:1;color:var(--ink2)}
.faq__item.is-close .faq__q .arw{rotate:180deg}
.faq__a{overflow:hidden;transition:max-height .3s ease}
.faq__item.is-close .faq__a{max-height:0 !important}
.faq__a p{padding:0 0 20px;font-size:16px;font-weight:400;line-height:1.4;color:var(--ink2)}
@media(max-width:990px){
  .faq{padding:30px 20px}
  .faq__in{padding-right:0}
  .faq__ttl{font-size:24px}
  .faq__q{font-size:15px}
  .faq__a p{font-size:13px}
}
@media(max-width:540px){
  .faq{padding:36px 0}
  .faq__in{gap:16px;padding-right:36px}
  .faq__list{gap:16px}
  .faq__ttl{font-size:18px}
}

/* ---------- Application (HubSpot form) ---------- */
.apply{background:var(--bg-soft2);padding:80px 80px}
.apply__in{width:min(1280px,100%);margin-inline:auto;display:flex;flex-direction:column;gap:40px}
.apply__ttl{font-size:32px;font-weight:700;line-height:1.2;text-align:center;color:var(--ink2)}
.apply__form{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);height:1100px;overflow:hidden}
@media(max-width:990px){
  .apply{padding:40px 20px}
  .apply__ttl{font-size:24px}
}
@media(max-width:540px){
  .apply__ttl{font-size:18px}
}

/* ---------- Footer ---------- */

/* テーマ body の palt を打ち消し (元サイトはデフォルト) */
.page-anker-home-partner{font-feature-settings:normal}

/* ---- 施工店ページ専用ヘッダー (共通ヘッダーは使わない。クラス名は共通ヘッダーと衝突しないよう .phdr) ---- */
.phdr{position:fixed;top:0;left:0;width:100%;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 20px;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 100%)}
.phdr__logo img{width:160px;height:auto}
.phdr__nav{display:flex;align-items:center;gap:30px}
.phdr__nav>a{color:#fff;font-size:13px;font-weight:500;letter-spacing:.05em;line-height:1;white-space:nowrap}
.phdr__nav>a:hover{opacity:.7}
.phdr__cta{background:var(--grad);border:1px solid rgba(255,255,255,.5);padding:8px 12px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.05em;line-height:1;transition:border-radius .8s,background .8s}
.phdr__cta:hover{border-radius:128px;background:linear-gradient(79.51deg,rgba(0,169,224,.8) 0%,rgba(0,219,132,.8) 100%)}
@media(max-width:990px){
  .phdr{padding:10px 15px}
  .phdr__logo img{width:120px}
  .phdr__nav{gap:14px}
  .phdr__nav>a:not(.phdr__cta){display:none}
  .phdr__cta{font-size:10px;padding:6px}
}
@media(max-width:540px){
  .phdr{padding:6px 14px}
  .phdr__cta{font-size:13px}
}