.about-page-wrap{padding:36px 0 20px}
.about-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--color-line);border-radius:16px;overflow:hidden}
.about-intro__text{padding:42px 40px}
.about-intro__text h2{font-size:clamp(24px,2.6vw,32px);color:var(--color-ink);line-height:1.35}
.about-intro__text p{margin-top:16px;font-size:15px;line-height:1.9;color:#4a5751}
.about-intro__cover{min-height:320px}
.about-intro__cover img{width:100%;height:100%;object-fit:cover;display:block}
.about-step-wrap{padding-top:42px}
.about-step__list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-step__list li{padding:28px 24px;background:#fff;border:1px solid var(--color-line);border-radius:14px}
.about-step__list strong{display:block;margin-bottom:12px;font-size:28px;color:var(--color-main);letter-spacing:.08em}
.about-step__list h3{font-size:18px;color:var(--color-ink)}
.about-step__list p{margin-top:10px;color:var(--color-muted);line-height:1.8}
.about-serve-wrap{padding-top:42px}
.about-serve__list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.about-serve__list a{display:block;padding:22px 16px;background:#fff;border:1px solid var(--color-line);border-radius:14px;text-align:center}
.about-serve__list a:hover{border-color:var(--color-main);color:var(--color-main)}
.about-serve__list span{display:block;width:48px;height:48px;margin:0 auto 12px;border-radius:14px;background-color:#e7f6ef;background-position:center;background-repeat:no-repeat;background-size:24px}
.about-serve__list li:nth-child(1) span{background-image:var(--svg-ads)}
.about-serve__list li:nth-child(2) span{background-image:var(--svg-recruit);background-color:#fdecec}
.about-serve__list li:nth-child(3) span{background-image:var(--svg-jobs);background-color:#eaf3ff}
.about-serve__list li:nth-child(4) span{background-image:var(--svg-promo);background-color:#fff4d8}
.about-serve__list li:nth-child(5) span{background-image:var(--svg-shop);background-color:#f3e9ff}
@media (max-width:1024px){
  .about-intro{grid-template-columns:1fr}
  .about-intro__text{padding:28px 22px}
  .about-intro__cover{min-height:240px;aspect-ratio:16/9}
  .about-step__list{grid-template-columns:1fr}
  .about-serve__list{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .about-page-wrap{padding:22px 0 10px}
}
@media (max-width:360px){
  .about-serve__list{grid-template-columns:1fr}
}