.page-da-ga{color:#333333} .page-da-ga img{max-width:100%;height:auto} .page-da-ga__btn{display:inline-block;font-weight:700;text-decoration:none;border-radius:8px;padding:14px 28px;transition:all .3s ease;margin:4px;max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;text-align:center} .page-da-ga__btn--primary{background:#C30808;color:#FFFF00;border:2px solid #C30808} .page-da-ga__btn--primary:hover{background:#FFFF00;color:#C30808} .page-da-ga__btn--secondary{background:#017439;color:#FFFFFF;border:2px solid #017439} .page-da-ga__btn--secondary:hover{background:#FFFFFF;color:#017439} .page-da-ga__hero-section{background:linear-gradient(135deg,#017439 0%, #01a04e 60%, #ffffff 100%);padding-top:10px;padding-bottom:20px} .page-da-ga__hero-image-wrapper{width:100%;overflow:hidden} .page-da-ga__hero-image{display:block;width:100%;height:auto;aspect-ratio:17/5;object-fit:cover} .page-da-ga__hero-content{max-width:1200px;margin:0 auto;padding:24px 16px;text-align:center} .page-da-ga__hero-title{color:#ffffff;font-size:clamp(1.6rem, 2.5vw, 2.4rem);font-weight:800;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.3);max-width:900px;margin:0 auto 10px} .page-da-ga__hero-description{color:#ffffff;font-size:clamp(1rem, 1.6vw, 1.2rem);font-weight:600;line-height:1.6;max-width:1100px;margin:0 auto 24px;text-shadow:0 2px 4px rgba(0,0,0,1)} .page-da-ga__hero-buttons{width:100%;max-width:600px;margin:0 auto;overflow:hidden;box-sizing:border-box} .page-da-ga__partner-section{max-width:1200px;margin:0 auto;padding:20px 16px 40px} .page-da-ga__section-title{color:#017439;font-size:clamp(1.5rem, 2.5vw, 2.2rem);text-align:center;font-weight:800;margin:0 0 30px} .page-da-ga__partner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px} .page-da-ga__partner-item{display:flex;flex-direction:column;align-items:center;background:#FFFFFF;border:2px solid #e9ecef;border-radius:12px;padding:16px 12px;transition:all .3s ease} .page-da-ga__partner-item:hover{border-color:#017439;box-shadow:0 4px 12px rgba(1,116,57,.15);transform:translateY(-2px)} .page-da-ga__partner-logo{width:100%;aspect-ratio:2/1;object-fit:contain;margin-bottom:16px} .page-da-ga__partner-link{background:#017439;color:#FFFFFF;text-decoration:none;font-weight:700;border-radius:999px;padding:8px 22px;transition:all .3s ease;margin-top:auto} .page-da-ga__partner-link:hover{background:#C30808;color:#FFFF00} .page-da-ga__guide-section{background:#FFFFFF;padding:16px 16px 48px;border-top:4px solid #017439} .page-da-ga__guide-container{max-width:1200px;margin:0 auto} .page-da-ga__guide-title{color:#017439;text-align:center;font-size:clamp(1.5rem, 2.5vw, 2.2rem);margin:0 0 12px} .page-da-ga__guide-intro{color:#495057;text-align:center;font-size:1.1rem;line-height:1.6;max-width:1000px;margin:0 auto 36px} .page-da-ga__guide-item{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:20px;border-left:5px solid #017439} .page-da-ga__subsection-title{color:#017439;font-size:clamp(1.1rem, 1.8vw, 1.5rem);margin:0 0 12px} .page-da-ga__guide-item p{color:#495057;line-height:1.7;margin-bottom:16px} .page-da-ga__guide-figure{padding:20px 0;margin:24px auto} .page-da-ga__guide-figure img{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:12px} .page-da-ga__guide-caption{color:#868e96;font-size:.9rem;margin-top:8px;text-align:center} .page-da-ga__faq-area{max-width:900px;margin:24px auto 0;padding:20px;background:#f8f9fa;border-radius:12px} .page-da-ga__faq-title{color:#01a04e;font-size:clamp(1.2rem, 2vw, 1.8rem);text-align:center;margin:0 0 20px} .page-da-ga__faq-item{border:1px solid #ced4da;border-radius:8px;margin-bottom:12px;background:#ffffff} .page-da-ga__faq-question{padding:16px 20px;cursor:pointer;font-weight:600;color:#333;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px} .page-da-ga__faq-question::-webkit-details-marker{display:none} .page-da-ga__faq-question:hover{background:#e9f7ef} .page-da-ga__faq-icon{width:28px;height:28px;font-size:20px;font-weight:700;color:#01a04e;background:#f8f9fa;border:1px solid #01a04e;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease} details[open] .page-da-ga__faq-question{background:#e9f7ef} details[open] .page-da-ga__faq-icon{color:#fff;background:#01a04e;transform:rotate(45deg)} .page-da-ga__faq-answer{padding:0 20px 16px;line-height:1.7;color:#495057} @media (max-width:1024px){.page-da-ga__hero-image{aspect-ratio:16/6}.page-da-ga__hero-title{max-width:100%}.page-da-ga__partner-grid{grid-template-columns:repeat(2,1fr).page-da-ga__guide-intro{font-size:1rem}} @media (max-width:768px){.page-da-ga img{max-width:100%;height:auto}.page-da-ga__hero-image{aspect-ratio:2/1}.page-da-ga__hero-image-wrapper{max-width:100%} .page-da-ga__hero-content{padding:16px}.page-da-ga__hero-title{font-size:1.4rem;line-height:1.3}.page-da-ga__hero-description{font-size:.95rem;line-height:1.5}.page-da-ga__hero-buttons{width:100%;display:flex;flex-direction:column;align-items:center}.page-da-ga__btn{width:100%;display:block;padding:12px 16px;font-size:.95rem}.page-da-ga__btn--secondary{margin-top:8px}.page-da-ga__partner-grid{grid-template-columns:repeat(2,1fr);gap:12px}.page-da-ga__partner-logo{aspect-ratio:2/1}.page-da-ga__partner-link{padding:8px 16px;font-size:.85rem}.page-da-ga__section-title{font-size:1.4rem;margin-bottom:20px}.page-da-ga__guide-title{font-size:1.4rem}.page-da-ga__guide-intro{font-size:.95rem;margin-bottom:24px}.page-da-ga__guide-item{padding:16px}.page-da-ga__faq-question{font-size:.95rem;padding:14px 16px}.page-da-ga__faq-answer{font-size:.95rem}.page-da-ga__section-title,h2.page-da-ga__guide-title{font-size:clamp(1.4rem,0.9rem+2vw,1.8rem}}}