.page-login__hero-section{max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start} .page-login__hero-image{width:100%;max-width:100%;margin:0} .page-login__hero-image img{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;display:block;} .page-login__hero-content{width:100%;max-width:100%;padding:20px 16px;margin-top:12px;box-sizing:border-box;text-align:center}.page-login__hero-title{color:#EA7C07;font-size:clamp(1.5rem, 1rem + 2vw, 2.4rem);font-weight:800;line-height:1.2;margin:0 0 12px}.page-login__hero-description{color:#000000;font-size:1rem;line-height:1.6;margin:0 0 20px}.page-login__hero-button{display:inline-block;background:#EA7C07;color:#fff;padding:12px 38px;border-radius:999px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:transform .2s ease}.page-login__hero-button:hover{background:#d36d06;transform:translateY(-2px)} .page-login__guide-section{max-width:100%;margin:0 auto;padding:16px 16px 48px} .page-login__guide-section--first { padding-top: 24px;} .page-login__guide-inner{max-width:1000px;margin:0 auto}.page-login__guide-title{color:#EA7C07;text-align:center;font-size:clamp(1.4rem, 1rem + 1.5vw, 2rem);font-weight:800;margin:20px 0 32px;line-height:1.3}.page-login__guide-list{display:flex}.page-login__guide-item{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.03);width:100%;display:flex;flex-direction:column;transition:transform .3s ease, box-shadow .3s ease}.page-login__guide-item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.07)}.page-login__guide-figure{margin:0}.page-login__guide-figure img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;display:block}.page-login__guide-copy{padding:24px}.page-login__guide-subtitle{color:#EA7C07;font-size:1.1rem;font-weight:700;font-weight:700;margin:0 0 12px}.page-login__guide-text{color:#000000;font-size:1rem;line-height:1.7;margin:0 0 20px}.page-login__guide-link{display:inline-block;background:#EA7C07;color:#fff;padding:10px 24px;border-radius:999px;font-weight:600;text-decoration:none;font-weight:600;margin-top:8px}.page-login__guide-link:hover{background:#d36d06} @media (max-width: 1024px){.page-login__hero-title{font-size:clamp(1.4rem, 1.1rem + 1.5vw, 2rem)}.page-login__hero-description{font-size:.95rem}.page-login__guide-title{font-size:clamp(1.3rem, 1rem + 1.2vw, 1.8rem)}.page-login__guide-copy{padding:20px} .page-login__guide-figure img{aspect-ratio:2/1} } @media (max-width: 768px){.page-login__hero-image img{aspect-ratio:2/1; width:100%; height:auto; max-width:100%;}.page-login__hero-content{padding:16px 12px; margin-top: 8px}.page-login__hero-title{font-size:clamp(1.4rem, 1.2rem + 1vw, 1.8rem); text-align: center}.page-login__hero-description{font-size:.9rem; text-align:center}.page-login__hero-button{width:100%; max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word; display:block; text-align:center; padding:14px 20px; font-size:1rem}.page-login__guide-section{padding:8px 12px 32px}.page-login__guide-section--first { padding-top: 16px; }.page-login__guide-title{font-size:clamp(1.2rem, 1rem + 1vw, 1.6rem); margin:16px 0 24px; text-align:center}.page-login__guide-item{flex-direction:column; width:100%}.page-login__guide-figure{margin:0; width:100%}.page-login__guide-figure img{width:100%; height:auto; max-width:100% !important; aspect-ratio:2/1; object-fit:cover}.page-login__guide-copy{padding:20px 16px; text-align:center; width:100%; box-sizing:border-box}.page-login__guide-subtitle{font-size:1rem}.page-login__guide-text{font-size:.9rem}.page-login__guide-link{width:100%; max-width:100%; box-sizing:border-box; white-space:normal; word-wrap:break-word; display:inline-block; text-align:center; padding:12px 20px}.page-login img{max-width:100% !important; height:auto !important}.page-login{max-width:100%; overflow-x:hidden} }