.page-about{color:#333333}.page-about__hero-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:10px;padding-bottom:24px;background:#f5f9fc}.page-about__hero-image-wrap{width:100%}.page-about__hero-image{width:100%;height:auto;aspect-ratio:1920/560;object-fit:cover;display:block}.page-about__hero-content{max-width:1200px;width:100%;padding:0 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.page-about__hero-title{font-weight:700;line-height:1.35;letter-spacing:.3px;color:#0d47a1;max-width:900px;margin:0}.page-about__hero-desc{font-size:1.05rem;line-height:1.6;color:#424242;max-width:900px;margin:0}.page-about__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;width:100%;max-width:100%;margin-top:6px}.page-about__btn{display:inline-block;padding:13px 34px;border-radius:999px;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .2s ease;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}.page-about__btn:hover{opacity:.85}.page-about__btn--primary{background:#0489cc;color:#ffffff}.page-about__btn--secondary{background:#EA7C07;color:#ffffff}.page-about__logo-section{max-width:1200px;margin:0 auto;padding:40px 16px 20px}.page-about__section-title{text-align:center;font-size:1.75rem;font-weight:800;color:#0d47a1;margin-bottom:8px}.page-about__section-subtitle{text-align:center;color:#616161;margin-top:0;margin-bottom:30px;font-size:1rem}.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px;justify-items:center}.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;background:#ffffff;border:1px solid #eeeeee;border-radius:14px;padding:18px 14px;width:100%;max-width:280px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.page-about__logo-image{width:100%;max-width:220px;aspect-ratio:2/1;object-fit:contain;height:auto}.page-about__logo-caption{font-weight:600;color:#0d47a1;font-size:.95rem;text-align:center}.page-about__logo-item:nth-child(5){grid-column:2}.page-about__logo-item:nth-child(6){grid-column:3}.page-about__guide-section{background:#f0f7fb;padding:30px 0}.page-about__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px}.page-about__guide-title{text-align:center;color:#0d47a1;font-size:1.6rem;font-weight:800;margin-bottom:8px}.page-about__guide-subtitle{text-align:center;color:#546e7a;margin-bottom:28px}.page-about__guide-figure{background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);margin:0 0 24px;padding-bottom:14px}.page-about__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;margin:0 auto;display:block;height:auto}.page-about__guide-figure figcaption{color:#333333;text-align:center;font-weight:600;padding:12px 16px 4px;font-size:.98rem}@media (max-width:768px){.page-about__hero-section{padding-top:8px}.page-about__hero-title{font-size:clamp(1.4rem,6vw,2rem)}.page-about__hero-desc{font-size:.98rem}.page-about__btn{width:100%;max-width:100%}.page-about__btn--primary,.page-about__btn--secondary{display:block}.page-about__logo-grid{grid-template-columns:repeat(2,1fr)}.page-about__logo-item:nth-child(5),.page-about__logo-item:nth-child(6){grid-column:auto}.page-about__guide-title{font-size:1.3rem}.page-about__guide-subtitle{font-size:.95rem;padding:0 6px}.page-about__guide-figure img{max-width:100%!important;height:auto!important}.page-about img{max-width:100%!important;height:auto!important}}