.page-about{color:#1F2D3D;background:#F4F7FB}
.page-about__hero-section{display:flex;flex-direction:column;padding:10px 16px 0}
.page-about__hero-image-wrap{width:100%;max-width:1020px;margin:0 auto}
.page-about__hero-image{width:100%;aspect-ratio:17/5;object-fit:cover;display:block}
.page-about__hero-content{max-width:1020px;margin:0 auto;padding:16px 0 24px}
.page-about__hero-title{font-size:clamp(1.4rem, 3vw, 2rem);font-weight:800;line-height:1.25;color:#1F2D3D;margin-bottom:8px}
.page-about__hero-description{font-size:1rem;line-height:1.6;color:#2A3B4C;max-width:80ch}
.page-about__intro-section{max-width:1020px;margin:0 auto;padding:24px 16px 8px}
.page-about__intro-title{font-size:1.5rem;font-weight:700;color:#1F2D3D;margin-bottom:12px;border-left:4px solid #2F6BFF;padding-left:12px}
.page-about__intro-paragraph{font-size:0.98rem;line-height:1.65;color:#2A3B4C;margin-bottom:12px}
.page-about__logo-section{max-width:1200px;margin:0 auto;padding:24px 16px}
.page-about__logo-title{font-size:1.5rem;font-weight:700;color:#1F2D3D;text-align:center;margin-bottom:20px}
.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center}
.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(47,107,255,0.08)}
.page-about__logo-image{width:100%;aspect-ratio:2/1;object-fit:contain}
.page-about__logo-cta{display:inline-block;padding:10px 24px;border-radius:999px;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);color:#fff;font-weight:700;text-decoration:none;font-size:0.95rem;transition:opacity 0.2s}
.page-about__logo-cta:hover{opacity:0.9}
.page-about__logo-item:nth-child(5){grid-column:2}
.page-about__logo-item:nth-child(6){grid-column:3}
.page-about__guide-section{max-width:1020px;margin:0 auto;padding:16px 16px 48px}
.page-about__guide-title{font-size:1.5rem;font-weight:700;color:#1F2D3D;text-align:center;margin-bottom:24px}
.page-about__guide-inner{display:flex;flex-direction:column;gap:28px}
.page-about__guide-figure{background:#FFFFFF;border:1px solid #D6E2FF;border-radius:12px;padding:16px}
.page-about__guide-subtitle{font-size:1.15rem;font-weight:600;color:#1F2D3D;margin-bottom:12px}
.page-about__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block;margin:0 auto 12px}
.page-about__guide-paragraph{font-size:0.96rem;line-height:1.65;color:#2A3B4C;margin-bottom:12px}
.page-about__guide-link{display:inline-block;color:#FFFFFF;background:linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%);padding:8px 20px;border-radius:999px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:opacity 0.2s}
.page-about__guide-link:hover{opacity:0.9}
@media (max-width: 1024px){
  .page-about__logo-grid{grid-template-columns:repeat(3,1fr)}
  .page-about__logo-item:nth-child(5){grid-column:auto}
  .page-about__logo-item:nth-child(6){grid-column:auto}
}
@media (max-width: 768px){
  .page-about__hero-image{aspect-ratio:2/1}
  .page-about__hero-content{padding:12px 0 16px}
  .page-about__hero-title{font-size:clamp(1.2rem, 4vw, 1.5rem)}
  .page-about__intro-section{padding:16px 12px 8px}
  .page-about__logo-section{padding:16px 12px}
  .page-about__logo-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}
  .page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}
  .page-about__logo-cta{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;padding:10px 8px}
  .page-about__guide-section{padding:12px 12px 32px}
  .page-about__guide-figure{padding:12px}
  .page-about__guide-figure img{max-width:100% !important;height:auto !important}
  .page-about img{max-width:100% !important;height:auto !important}
  .page-about{max-width:100%;overflow-x:hidden}
  .page-about__logo-cta{display:block;white-space:normal;word-break:break-word}
  .page-about__guide-link{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center;width:100%}
}