.page-about__hero-section{display:flex;flex-direction:column;align-items:center;background:#f5f9fd;padding:0 0 24px} .page-about__hero-image{display:block;width:100%} .page-about__hero-img{display:block;width:100%;height:auto;max-width:1200px;aspect-ratio:16/9;object-fit:cover;margin:0 auto} .page-about__hero-content{max-width:1200px;width:100%;margin:0 auto;padding:24px 20px 0;text-align:center} .page-about__main-title{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:800;line-height:1.3;color:#0b4d75;margin-bottom:12px;max-width:60rem} .page-about__hero-description{font-size:1.2rem;line-height:1.6;color:#333;max-width:50rem;margin:0 auto 28px} .page-about__hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px} .page-about__btn{display:inline-block;padding:14px 34px;border-radius:8px;font-weight:700;font-size:1.1rem;text-align:center;text-decoration:none;transition:all .3s ease;box-sizing:border-box} .page-about__btn-primary{background:#0477db;color:#fff;border:2px solid #0477db} .page-about__btn-primary:hover{background:#035fa8;border-color:#035fa8} .page-about__btn-secondary{color:#0477db;border:2px solid #0477db} .page-about__btn-secondary:hover{background:#0477db;color:#fff} .page-about__story-section{background:#fff;padding:48px 20px} .page-about__story-container{max-width:1200px;width:100%;margin:0 auto;display:flex;gap:40px;align-items:center} .page-about__story-text{flex:1;min-width:0} .page-about__section-title{font-size:clamp(1.8rem,3vw,2.5rem);color:#0b4d75;font-weight:700;margin-bottom:30px;text-align:center} .page-about__story-text .page-about__section-title{text-align:left;margin-bottom:20px} .page-about__section-text{font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:16px} .page-about__story-media{flex:1;min-width:0} .page-about__story-img{display:block;width:100%;max-width:500px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;margin:0 auto} .page-about__mission-section{padding:48px 20px;background:#f5f9fd} .page-about__mission-inner{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .page-about__mission-item{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.08)} .page-about__mission-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;margin:0 auto 16px;border-radius:8px} .page-about__mission-title{font-size:1.25rem;color:#0477db;margin-bottom:10px;font-weight:700} .page-about__mission-text{font-size:1rem;line-height:1.6;color:#333} .page-about__features-section{padding:48px 20px;background:#ffffff} .page-about__features-grid{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .page-about__feature-item{background:#f5f9fd;border-radius:12px;padding:24px;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.06)} .page-about__feature-img{display:block;width:100%;height:auto;max-width:240px;aspect-ratio:4/3;object-fit:cover;margin:0 auto 16px;border-radius:8px} .page-about__feature-title{font-size:1.3rem;color:#0477db;margin-bottom:10px;font-weight:700} .page-about__feature-text{font-size:1rem;line-height:1.7;color:#333} .page-about__partner-section{padding:48px 20px;background:#f5f9fd} .page-about__partner-intro{text-align:center;max-width:800px;margin:0 auto 40px;font-size:1.1rem;line-height:1.6;color:#333} .page-about__partner-grid{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;justify-items:center} .page-about__partner-item{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:20px;width:100%;max-width:260px;box-shadow:0 2px 8px rgba(0,0,0,0.06)} .page-about__partner-img{display:block;width:100%;height:auto;max-width:200px;aspect-ratio:2/1;object-fit:contain} .page-about__partner-name{font-size:0.95rem;color:#333;text-align:center;font-weight:500} .page-about__guide-section{padding:48px 20px;background:#ffffff} .page-about__guide-inner{max-width:1000px;width:100%;margin:0 auto} .page-about__guide-step{margin-bottom:24px} .page-about__figure-img{display:block;width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:8px;margin:0 auto 10px} .page-about__figure-caption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.2rem;color:#333;font-weight:600;text-align:center} .page-about__badge{display:inline-flex;align-items:center;justify-content:center;background:#0477db;color:#fff;border-radius:50%;width:30px;height:30px;font-size:1rem;font-weight:700} .page-about__guide-cta{text-align:center;margin-top:32px} .page-about__faq-item{border:1px solid #e1e5ea;border-radius:8px;margin-bottom:12px;background:#f9fbfd} .page-about__faq-question{font-size:1.1rem;font-weight:600;color:#0b4d75;cursor:pointer;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;list-style:none;gap:12px} .page-about__faq-question::-webkit-details-marker{display:none} .page-about__faq-question:hover{background:#eef4fa} .page-about__faq-icon{font-size:1.2rem;font-weight:700} .page-about__faq-answer{padding:0 20px 16px;color:#333;font-size:1rem;line-height:1.7} .page-about__faq-answer a{color:#0477db;text-decoration:underline} .page-about__cta-section{background:#0477db;border-radius:12px;text-align:center;padding:40px 20px;margin-top:24px} .page-about__cta-title{color:#fff;font-size:1.8rem;margin-bottom:10px;font-weight:700} .page-about__cta-text{color:#d0e4f2;font-size:1.1rem;margin-bottom:20px} .page-about__cta-section .page-about__btn-primary{background:#fff;color:#0477db;border-color:#fff} .page-about__cta-section .page-about__btn-primary:hover{background:#eef4fa;border-color:#eef4fa} @media (min-width:1025px){.page-about__story-text{padding-right:40px}} @media (max-width:1024px){.page-about__mission-inner{grid-template-columns:repeat(2,1fr)}.page-about__features-grid{grid-template-columns:repeat(2,1fr)}.page-about__partner-grid{grid-template-columns:repeat(3,1fr)}} @media (max-width:768px){.page-about__hero-section{padding:0 0 16px}.page-about__hero-img{aspect-ratio:2/1}.page-about__hero-content{padding:16px 0 0}.page-about__main-title{margin-bottom:8px}.page-about__hero-actions{gap:12px;flex-direction:column;width:100%;max-width:100%}.page-about__btn{width:100%;max-width:100%;white-space:normal;word-wrap:break-word;padding:12px 16px}.page-about__story-section{padding:32px 16px}.page-about__story-container{flex-direction:column}.page-about__story-media{width:100%}.page-about__story-img{max-width:100%}.page-about__story-text .page-about__section-title{text-align:center}.page-about__section-title{text-align:center}.page-about__mission-section,.page-about__features-section,.page-about__partner-section,.page-about__guide-section{padding:32px 16px}.page-about__mission-inner,.page-about__features-grid{grid-template-columns:1fr}.page-about__feature-img,.page-about__mission-img{max-width:200px}.page-about__partner-grid{grid-template-columns:repeat(2,1fr)}.page-about__partner-item{max-width:100%} .page-about__partner-item:nth-child(5),.page-about__partner-item:nth-child(6){grid-column:auto}.page-about__guide-inner{padding:20px 0}.page-about__figure-caption{flex-direction:column}.page-about__cta-section{padding:24px 16px}.page-about__cta-title{font-size:1.4rem}.page-about__btn{font-size:1rem}.page-about img{max-width:100% !important;height:auto !important}.page-about__story-media,.page-about__guide-step, .page-about__guide-inner{max-width:100%;overflow:hidden}.page-about{overflow-x:hidden;max-width:100%;margin:0 auto}}