.page-about{color:#333333;font-family:Arial,sans-serif;line-height:1.6;}
.page-about__hero-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;padding-top:10px;margin:0;background:#f7f9f8;}
.page-about__hero-image{width:100%;max-width:1200px;margin-bottom:20px;}
.page-about__main-title{font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:#017439;font-size:clamp(1.5rem, 4vw, 2.4rem);}
.page-about__sub-title{color:#333333;font-size:clamp(1rem, 2vw, 1.2rem);}
.page-about__hero-content{width:100%;max-width:1200px;text-align:center;}
.page-about__story-section, .page-about__mission-section, .page-about__features-section, .page-about__faq-section{padding:40px 20px;background:#fff;}
.page-about__story-container, .page-about__mission-container, .page-about__features-container, .page-about__faq-container{max-width:1200px;margin:0 auto;}
.page-about__section-title{color:#017439;font-weight:700;margin-bottom:20px;text-align:center;}
.page-about__story-text{color:#333333;margin-bottom:16px;}
.page-about__logo-section{background:#fff;padding:40px 20px;}
.page-about__logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;justify-items:center;max-width:1200px;margin:0 auto;}
.page-about__logo-item{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:280px;text-decoration:none;color:#333;}
.page-about__logo-name{color:#017439;font-weight:700;}
.page-about__logo-item:nth-child(5){grid-column:2;}
.page-about__logo-item:nth-child(6){grid-column:3;}
.page-about__mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.page-about__mission-card{background:#f9f9f9;border-radius:12px;padding:20px;text-align:center;}
.page-about__card-title{color:#017439;margin:12px 0 8px;}
.page-about__card-text{color:#333;}
.page-about__features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.page-about__features-item{background:#f9f9f9;border-radius:12px;padding:20px;}
.page-about__features-title{color:#017439;margin-bottom:8px;}
.page-about__guide-section{background:#f4f7f5;padding:40px 20px;}
.page-about__guide-inner{max-width:1000px;margin:0 auto;padding:16px 16px 48px;}
.page-about__guide-title{text-align:center;color:#017439;}
.page-about__guide-figure{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;}
.page-about__guide-figure img{width:100%;max-width:800px;aspect-ratio:2/1;object-fit:cover;display:block;margin-bottom:12px;}
.page-about__guide-cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}
.page-about__btn-register{display:inline-block;padding:12px 24px;background:#C30808;color:#FFFF00;font-weight:700;text-decoration:none;border-radius:8px;border:none;cursor:pointer;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-about__btn-login{display:inline-block;padding:12px 24px;background:#C30808;color:#FFFF00;font-weight:700;text-decoration:none;border-radius:8px;border:none;cursor:pointer;text-align:center;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;}
.page-about__faq-item{background:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:12px;}
.page-about__faq-item summary{color:#017439;font-weight:700;cursor:pointer;}
.page-about__faq-item p{color:#333;}
.page-about__cta-section{background:linear-gradient(135deg,#017439 0%,#004d26 100%);padding:40px 20px;text-align:center;}
.page-about__cta-container{max-width:800px;margin:0 auto;}
.page-about__cta-title{color:#ffffff;font-weight:700;margin-bottom:8px;}
.page-about__cta-text{color:#e0e0e0;}
.page-about__cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
@media (max-width:1024px){
  .page-about__mission-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:768px){
  .page-about{max-width:100%;overflow-x:hidden;}
  .page-about__hero-section{padding-top:0;margin-top:0;}
  .page-about__hero-image img{aspect-ratio:16/9;}
  .page-about__hero-content{width:100%;text-align:center;}
  .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__mission-grid{grid-template-columns:1fr;}
  .page-about__features-grid{grid-template-columns:1fr;}
  .page-about__guide-figure{width:100%;}
  .page-about__guide-figure img{max-width:100%!important;height:auto!important;}
  .page-about img{max-width:100%!important;height:auto!important;}
  .page-about__btn-register,.page-about__btn-login{max-width:100%!important;box-sizing:border-box;white-space:normal!important;word-wrap:break-word!important;}
  .page-about__cta-buttons{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;}
}