.top-about{background:var(--color-bg);padding-top:24px;padding-bottom:40px}@media screen and (min-width:768px){.top-about{padding-top:56px}}.top-about__inner{padding:0}.top-about__pc-heading{display:none}.top-about__images{display:grid;grid-template-columns:2fr 1fr;gap:4px;margin-bottom:24px}.top-about__img-cell{overflow:hidden;background:#f0f0f0}.top-about__img-cell--large{grid-row:span 2}.top-about__img-sub{display:flex;flex-direction:column;gap:4px}.top-about__img-sub .top-about__img-cell{flex:1}.top-about__img{width:100%;height:100%;object-fit:cover;display:block}.top-about__text-col{padding:0 16px}.top-about__body{font-size:14px;line-height:1.8;color:var(--color-text);margin-bottom:20px}.top-about__buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.top-about__btn{width:100%;padding:14px 24px;font-size:15px;font-weight:500}.top-about__sns{display:flex;justify-content:center;gap:16px}.top-about__sns-link{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-size:13px;font-weight:500;transition:opacity .2s;color:var(--color-text-light);text-decoration:none}.top-about__sns-link:hover{opacity:.85}.top-about__sns-link--instagram{background:var(--color-instagram, #E1306C)}.top-about__sns-link--x{background:var(--color-x, #000000)}.top-about__sns-icon{width:18px;height:18px;flex-shrink:0}.top-about__sns-label{font-family:var(--font-heading);font-size:13px}@media screen and (min-width:768px){.top-about{padding-bottom:60px}.top-about__inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;flex-direction:row;align-items:center;gap:48px}.top-about__sp-heading{display:none}.top-about__text-col{flex:0 0 42%;max-width:42%;padding:0}.top-about__pc-heading{display:block;font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:700;color:var(--color-text);letter-spacing:.02em;margin-bottom:20px;line-height:1.4}.top-about__body{font-size:14px;line-height:1.9;margin-bottom:28px}.top-about__buttons{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}.top-about__btn{width:auto;min-width:160px;padding:12px 28px;font-size:14px}.top-about__sns{justify-content:flex-start}.top-about__images{flex:1;margin-bottom:0;gap:6px}}@media screen and (min-width:1024px){.top-about__inner{gap:64px}.top-about__pc-heading{font-size:1.9rem;margin-bottom:24px}.top-about__body{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-top-about.css.map */