/* Start:/local/templates/as72/css/n-about.css?17927519437699*/
@property --spot{syntax:"<number>";inherits:false;initial-value:0}
.ab-hd .wrap{padding-block:0}
.ab-hd .ab-lead{max-width:760px;margin:12px 0 0;font-size:17px;line-height:1.5;color:var(--fg);text-wrap:pretty}
.ab{padding-block:16px 0}
.ab-sec{margin-top:28px}
.ab .ab-h{margin:0 0 12px 4px;font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.3px;color:var(--fg);text-wrap:balance}
.ab-sl{position:relative;max-width:100%;border-radius:22px;overflow:hidden;background:var(--tile);isolation:isolate}
.ab-tr{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.ab-tr::-webkit-scrollbar{display:none}
.ab-tr.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.ab-tr:focus{outline:none}
.ab .ab-sd{flex:0 0 100%;margin:0;aspect-ratio:4/3;scroll-snap-align:start}
.ab .ab-sd img{display:block;width:100%;height:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;object-fit:cover;-webkit-user-drag:none;user-select:none;pointer-events:none}
.ab .ab-sd:nth-child(2) img{object-position:50% 6%}
.ab-nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 8px 20px -8px rgba(0,0,0,.35);color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s ease,transform .2s ease}
.ab-nav .ico{width:20px;height:20px;stroke-width:2}
.ab-nav.prev{left:max(12px,env(safe-area-inset-left,0px))}
.ab-nav.next{right:max(12px,env(safe-area-inset-right,0px))}
.ab-nav:active{transform:scale(.92)}
.ab-nav:focus-visible{outline:2px solid var(--fg);outline-offset:3px;box-shadow:0 0 0 3px #fff,0 0 0 .5px rgba(0,0,0,.06)}
.ab-dots{position:absolute;left:50%;bottom:12px;z-index:2;display:flex;gap:6px;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-50%)}
.ab-dots i{width:6px;height:6px;border-radius:999px;background:rgba(29,29,31,.3);transition:width .3s cubic-bezier(.2,.7,.2,1),background .3s ease}
.ab-dots i.on{width:18px;background:var(--fg)}
.ab-mis{padding:24px 20px 26px;border-radius:22px;background:var(--card)}
.ab .ab-mis h2{margin:0 0 10px;font-size:13px;line-height:1.3;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.ab .ab-mis p{max-width:900px;margin:0;font-size:19px;line-height:1.4;font-weight:600;letter-spacing:-.3px;color:var(--fg);text-wrap:pretty}
.ab .adv{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0;border-radius:0;background:none}
.ab .adv>div{--mx:50%;--my:40%;--spot:0;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:16px;row-gap:4px;align-items:start;align-content:start;min-width:0;padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,#f7f7f9 0%,#ececf0 100%)}
.ab .adv i{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 #fff,0 0 0 .5px rgba(0,0,0,.06),0 8px 16px -10px rgba(0,0,0,.3)}
.ab .adv svg{width:24px;height:24px;color:var(--fg)}
.ab .adv b{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.1px;color:var(--fg);text-wrap:pretty}
.ab .adv span{font-size:15px;line-height:1.45;color:var(--soft);text-wrap:pretty}
.ab-trust{padding:22px 20px 24px;border-radius:22px;background:var(--card)}
.ab .ab-trust p{margin:0 0 14px;font-size:16px;line-height:1.5;color:var(--soft)}
.ab .ab-cl{display:flex;flex-direction:column;max-width:100%;margin:0;padding:0;list-style:none;border-radius:18px;background:#fff;box-shadow:0 0 0 .5px rgba(0,0,0,.06);overflow:hidden}
.ab .ab-cl li{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;margin:0;padding:12px 16px;font-size:16px;line-height:1.35;color:var(--fg);text-wrap:pretty}
.ab .ab-cl li+li::before{content:"";position:absolute;top:0;left:46px;right:0;height:1px;background:var(--line)}
.ab .ab-cl .ico{flex:0 0 auto;width:18px;height:18px;color:var(--muted)}
.ab-cta{padding:30px 20px 32px;border-radius:22px;background:var(--card);text-align:center}
.ab .ab-cta h2{margin:0 0 10px;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.5px;color:var(--fg);text-wrap:balance}
.ab .ab-cta p{max-width:620px;margin:0 auto;font-size:16px;line-height:1.5;color:var(--soft);text-wrap:balance}
.ab .ab-cta p+p{margin-top:14px;color:var(--fg)}
.ab-cta strong{font-weight:600}
.ab-req{padding:22px 20px 24px;border-radius:22px;background:var(--card)}
.ab .ab-req-n{margin:0 0 14px;font-size:17px;font-weight:600;line-height:1.4;color:var(--fg);text-wrap:pretty}
.ab .ab-dl{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
.ab-dl div{min-width:0}
.ab .ab-dl dt{font-size:13px;line-height:1.35;font-weight:400;color:var(--muted)}
.ab .ab-dl dd{margin:2px 0 0;font-size:16px;line-height:1.45;color:var(--fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-wrap:pretty}
.n-main .ab-dl a,.n-main .ab-dl a:hover{color:var(--fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(29,29,31,.35);transition:text-decoration-color .2s ease}
.ab-dl a[href^="tel:"]{white-space:nowrap}
@media (min-width:600px){
  .ab .ab-dl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:14px}
  .ab-dl .ab-wd{grid-column:1/-1}
  .ab .ab-sd{aspect-ratio:3/2}
}
@media (min-width:768px){
  .ab{padding-top:20px}
  .ab-hd .ab-lead{font-size:18px}
  .ab-sec{margin-top:40px}
  .ab .ab-h{font-size:22px}
  .ab-nav{width:48px;height:48px;margin-top:-24px}
  .ab-nav.prev{left:20px}
  .ab-nav.next{right:20px}
  .ab-mis,.ab-trust,.ab-req{padding:30px 32px 32px}
  .ab .ab-mis p{font-size:21px}
  .ab-cta{padding:44px 32px 46px}
  .ab .ab-cta h2{font-size:26px}
  .ab .ab-cta p{font-size:17px}
  .ab .adv{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .ab .adv>div{grid-template-columns:minmax(0,1fr);row-gap:8px;padding:24px 24px 26px}
  .ab .adv i{grid-row:auto;margin-bottom:10px}
}
@media (min-width:1024px){
  .ab .ab-sd{aspect-ratio:2/1}
  .ab-trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:40px;align-items:start}
  .ab .ab-trust p{margin:6px 0 0}
  .ab .adv{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ab .adv i{width:52px;height:52px}
  .ab .adv svg{width:26px;height:26px}
  .ab .adv b{font-size:18px}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  .ab{padding-top:24px}
  .ab-hd .ab-lead{margin-top:14px;font-size:19px;line-height:1.5}
  .ab-sec{margin-top:56px}
  .ab-mis,.ab-trust,.ab-req{padding:36px 40px 40px}
  .ab .ab-mis p{font-size:24px;line-height:1.35;letter-spacing:-.4px}
  .ab-cta{padding:56px 40px 60px}
  .ab .ab-cta h2{font-size:28px;letter-spacing:-.6px}
  .ab .ab-cta p{font-size:17px}
  .ab .ab-trust p{font-size:17px}
  .ab .ab-dl dd{font-size:17px}
  .ab-nav:hover{background:#fff}
  .n-main .ab-dl a:hover{text-decoration-color:var(--fg)}
  .ab .adv{column-gap:16px}
  .ab .adv>div{padding:28px 26px 30px;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(255,255,255,calc(var(--spot) * .95)),rgba(255,255,255,0) 70%),linear-gradient(180deg,#f7f7f9 0%,#ececf0 100%);transition:--spot .35s ease}
  .ab .adv>div:hover{--spot:1}
}
@media (prefers-reduced-motion:reduce){.ab-nav,.ab-dots i,.n-main .ab-dl a,.ab .adv>div{transition:none}}

/* End */
/* /local/templates/as72/css/n-about.css?17927519437699 */