.page-about{background:#08160F;color:#F2FFF6;font-family:'Be Vietnam Pro',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden} .page-about img{max-width:100%;height:auto} .page-about__hero-section{background:#08160F;padding:0} .page-about__hero-image-wrap{width:100%;background:#08160F} .page-about__hero-image{width:100%;aspect-ratio:17/5;object-fit:cover;display:block} .page-about__hero-content{background:#08160F;text-align:center;padding:20px 16px 32px} .page-about__main-title{font-size:clamp(1.4rem, 2.4vw, 1.85rem);font-weight:800;color:#F2FFF6;letter-spacing:-0.02em;max-width:820px;margin:0 auto 14px;line-height:1.3} .page-about__hero-description{font-size:1.06rem;color:#A7D9B8;max-width:700px;margin:0 auto} .page-about__intro-section{background:#08160F;padding:36px 16px 32px;text-align:center} .page-about__intro-inner{max-width:900px;margin:0 auto} .page-about__intro-title{font-size:clamp(1.45rem, 2.2vw, 2rem);font-weight:700;color:#F2FFF6;margin-bottom:18px} .page-about__intro-text{font-size:1.02rem;color:#A7D9B8;max-width:800px;margin:0 auto 22px} .page-about__button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden} .page-about__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;width:auto;max-width:100%;padding:14px 32px;border-radius:60px;font-weight:700;font-size:1rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center} .page-about__button:hover{transform:translateY(-2px)} .page-about__button--primary{background:linear-gradient(180deg, #2AD16F 0%, #13994A 100%);color:#08160F;box-shadow:0 6px 24px rgba(87,227,141,0.25)} .page-about__button--primary:hover{box-shadow:0 8px 28px rgba(87,227,141,0.45)} .page-about__button--secondary{background:transparent;color:#F2FFF6;border:2px solid #2E7A4E} .page-about__button--secondary:hover{background:#0A4B2C;border-color:#57E38D} .page-about__button--outline{border:1px solid #57E38D;color:#F2FFF6} .page-about__story-section{padding:40px 16px;background:#0A4B2C} .page-about__story-inner{max-width:1100px;margin:0 auto} .page-about__story-title{font-size:clamp(1.4rem, 2vw, 1.9rem);color:#F2FFF6;text-align:center;margin-bottom:28px} .page-about__story-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center} .page-about__story-image-wrap{background:#11271B;padding:0;border-radius:16px;overflow:hidden} .page-about__story-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block} .page-about__story-content{background:#11271B;border-radius:16px;padding:28px 30px;border-left:4px solid #2AD16F} .page-about__story-text{color:#A7D9B8;font-size:1.02rem;margin-bottom:16px;line-height:1.7} .page-about__story-text:last-child{margin-bottom:0} .page-about__mission-section{padding:40px 16px;background:#08160F} .page-about__mission-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center} .page-about__mission-visual{background:#11271B;border-radius:16px;overflow:hidden} .page-about__mission-image{width:100%;aspect-ratio:4/3;object-fit:cover;display:block} .page-about__mission-content{background:#11271B;border-radius:16px;padding:32px 30px;border-left:4px solid #F2C14E} .page-about__mission-title{font-size:clamp(1.3rem, 1.8vw, 1.8rem);color:#F2FFF6;margin-bottom:20px} .page-about__mission-text{color:#A7D9B8;font-size:1rem;margin-bottom:20px;line-height:1.7} .page-about__values-list{display:flex;flex-direction:column;gap:18px} .page-about__value-item{border:1px solid #2E7A4E;border-radius:12px;padding:18px 20px;background:#08160F} .page-about__value-title{color:#F2FFF6;font-size:1.05rem;font-weight:700;margin-bottom:6px} .page-about__value-text{color:#A7D9B8;font-size:0.97rem} .page-about__feature-section{padding:52px 16px;background:#0A4B2C} .page-about__feature-header{margin-bottom:34px} .page-about__feature-title{font-size:clamp(1.4rem, 2vw, 1.9rem);color:#F2FFF6;text-align:center;margin-bottom:12px} .page-about__feature-subtitle{color:#A7D9B8;text-align:center;font-size:1.05rem} .page-about__feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto} .page-about__feature-card{background:#11271B;border-radius:16px;overflow:hidden;border:1px solid #2E7A4E;transition:transform .3s,box-shadow .3s,opacity .3s;opacity:1} .page-about__feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(87,227,141,0.15)} .page-about__feature-image{width:100%;aspect-ratio:3/2;object-fit:cover;display:block} .page-about__feature-card-title{font-size:1.12rem;color:#F2FFF6;font-weight:700;padding:18px 20px 6px} .page-about__feature-card-text{color:#A7D9B8;font-size:0.95rem;padding:0 20px 20px;line-height:1.6} .page-about__stats-section{padding:44px 16px;background:#08160F} .page-about__stats-inner{max-width:1200px;margin:0 auto} .page-about__stats-title{color:#F2FFF6;font-size:clamp(1.4rem, 2vw, 1.9rem);text-align:center;margin-bottom:32px} .page-about__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px} .page-about__stat-card{background:#11271B;border-radius:16px;padding:32px 15px;text-align:center;border:1px solid #2E7A4E} .page-about__stat-number{display:block;font-size:clamp(1.6rem, 2vw, 2.2rem);font-weight:800;color:#2AD16F;margin-bottom:6px} .page-about__stat-label{color:#A7D9B8;font-size:1rem} .page-about__cta-section{padding:44px 16px;background:#0A4B2C} .page-about__cta-inner{max-width:800px;margin:0 auto;text-align:center} .page-about__cta-title{color:#F2FFF6;font-size:clamp(1.5rem, 2vw, 2.1rem);margin-bottom:16px} .page-about__cta-text{color:#A7D9B8;font-size:1.05rem;margin-bottom:10px} .page-about__guide-section{padding:48px 16px;background:#08160F} .page-about__guide-inner{max-width:1080px;margin:0 auto} .page-about__guide-title{font-size:clamp(1.4rem, 1.8vw, 1.9rem);color:#F2FFF6;text-align:center;margin-bottom:28px} .page-about__guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px} .page-about__guide-card{background:transparent;border-radius:12px;overflow:hidden} .page-about__guide-card figure{margin:0} .page-about__guide-figure{background:transparent} .page-about__guide-figure img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block;border-radius:12px;border:1px solid #2E7A4E} .page-about__guide-caption{color:#A7D9B8;text-align:center;padding:12px 0 0;font-size:1rem} .page-about__guide-linktext{color:#A7D9B8;font-size:1.02rem;text-align:center;margin-top:24px} .page-about__guide-link{color:#57E38D;text-decoration:none;font-weight:600} .page-about__guide-link:hover{text-decoration:underline} .page-about__values-section{padding:48px 16px;background:#0A4B2C} .page-about__values-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center} .page-about__values-media{background:#11271B;border-radius:16px;overflow:hidden} .page-about__values-image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block} .page-about__values-content{background:#11271B;border-radius:16px;padding:28px 26px;border-left:4px solid #57E38D} .page-about__values-title{color:#F2FFF6;font-size:clamp(1.3rem, 1.8vw, 1.8rem);margin-bottom:16px} .page-about__values-text{color:#A7D9B8;font-size:1rem;line-height:1.7;margin-bottom:16px} .page-about__values-points{padding-left:18px} .page-about__values-point{color:#A7D9B8;font-size:0.98rem;margin-bottom:8px;line-height:1.6} .page-about__support-section{padding:44px 16px;background:#08160F;text-align:center} .page-about__support-inner{max-width:700px;margin:0 auto} .page-about__support-title{color:#F2FFF6;font-size:clamp(1.4rem, 1.8vw, 1.9rem);margin-bottom:16px} .page-about__support-text{color:#A7D9B8;font-size:1.03rem;margin-bottom:20px} @media (max-width:1024px){ .page-about__feature-grid{grid-template-columns:repeat(2,1fr)} .page-about__story-grid,.page-about__mission-inner,.page-about__values-inner{grid-template-columns:1fr;gap:24px} .story-image, .mission-visual, .values-media{max-width:100%} .page-about__stats-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:768px){ .page-about__hero-image{aspect-ratio:16/9} .page-about__main-title{font-size:clamp(1.3rem,1.6vw,1.6rem)} .page-about__feature-grid,.page-about__stats-grid{grid-template-columns:repeat(2,1fr)} .page-about__guide-grid{grid-template-columns:1fr;gap:18px} .page-about__gallery-grid,.page-about__app-grid{grid-template-columns:1fr} .page-about__button{width:100%;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word} .page-about__button-group{flex-direction:column;align-items:stretch;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden} .page-about__story-grid,.page-about__mission-inner,.page-about__values-inner{grid-template-columns:1fr} .page-about img{max-width:100%!important;height:auto!important} .page-about{max-width:100%;overflow-x:hidden} .page-about__stat-number{font-size:1.4rem} .page-about__stat-label{font-size:0.9rem} }