*{box-sizing:border-box}body{margin:0;background:#fffaf1;color:#123f46;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}a{color:inherit}.container{width:min(calc(100% - 64px),1180px);margin:auto}.club-header{position:absolute;z-index:10;width:100%;top:0}.club-header__inner{width:min(calc(100% - 64px),1380px);min-height:108px;margin:auto;display:flex;align-items:center;justify-content:space-between}.club-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.club-brand img{width:68px;height:68px;object-fit:contain}.club-brand div{display:flex;flex-direction:column}.club-brand strong{font-size:23px}.club-brand span{color:#e66f54;font-size:14px;font-weight:800;letter-spacing:.22em;margin-top:5px}.club-header__actions{display:flex;gap:10px}.club-header__actions a{padding:14px 22px;border-radius:99px;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.1em}.login{border:1px solid #d7cbb9}.join{background:#123f46;color:#fff}.hero{padding:190px 0 110px;background:radial-gradient(circle at 85% 18%,rgba(255,215,151,.58),transparent 23%),linear-gradient(135deg,#fffaf1,#f9f3e9 52%,#eaf7f5);overflow:hidden}.hero__inner{width:min(calc(100% - 64px),1180px);margin:auto;display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:center}.eyebrow,.heading>p,.cta>p{color:#e66f54;font-size:12px;font-weight:800;letter-spacing:.2em;margin:0 0 18px}.hero h1{font-size:clamp(43px,5vw,70px);line-height:1.42;letter-spacing:-.04em;margin:0}.lead{color:#617c80;font-size:15px;line-height:2;margin:28px 0 0}.buttons{display:flex;gap:12px;margin-top:38px}.button{width:220px;min-height:60px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;border-radius:8px;font-size:13px;font-weight:800}.primary{background:#123f46;color:white}.secondary{background:#fff;border:1px solid #e8d8c2}.note{font-size:11px;color:#879698;margin-top:18px}.member-card{min-height:320px;padding:32px;border-radius:25px;background:linear-gradient(135deg,#174d55,#0c343a);color:#fff;box-shadow:0 30px 70px rgba(18,63,70,.2);transform:rotate(2deg)}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.card-top img{width:58px;height:58px;background:#fff;border-radius:50%;object-fit:contain}.card-top span{color:#e9d6a5;font-size:10px;letter-spacing:.18em}.card-title{margin-top:58px;display:flex;flex-direction:column;gap:8px}.card-title small{color:#e9d6a5;letter-spacing:.15em}.card-title strong{font-size:21px}.card-bottom{margin-top:55px}.card-bottom div{display:flex;flex-direction:column;gap:6px}.card-bottom div:last-child{text-align:right}.card-bottom small{color:rgba(255,255,255,.55);font-size:8px}.card-bottom strong{font-size:11px}.section{padding:120px 0}.white{background:#fff}.features{background:#fbf7ef}.heading h2{font-size:clamp(32px,4vw,50px);line-height:1.5;margin:0}.center{text-align:center;margin-bottom:65px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;margin-top:70px}.about-grid h3{font-size:clamp(26px,3vw,38px);line-height:1.7;margin:0}.about-grid div{color:#6f8184;font-size:14px;line-height:2.15}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{position:relative;min-height:360px;padding:34px 28px;background:#fff;border:1px solid #e8d8c2;border-radius:20px}.feature-grid article>b{position:absolute;right:25px;color:#c7b9a4;font-size:10px}.icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#e9f5f3;font-size:10px;font-weight:900;margin-bottom:35px}.feature-grid h3{font-size:21px;line-height:1.6}.feature-grid p{color:#748487;font-size:12px;line-height:2}.steps{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;text-align:center}.steps i{height:1px;background:#e8d8c2}.steps span{color:#e66f54;font-size:10px;font-weight:800;letter-spacing:.16em}.steps strong{display:block;font-size:21px;margin-top:16px}.steps p{color:#7b898c;font-size:12px}.cta{text-align:center;padding:120px 32px;background:linear-gradient(135deg,#174d55,#0b3036);color:#fff}.cta>p{color:#e9c883}.cta h2{font-size:clamp(34px,5vw,58px);line-height:1.55;margin:0}.cta-button{margin:42px auto 0;width:270px;background:#fff;color:#123f46}.already{display:block;margin-top:22px;color:rgba(255,255,255,.72);font-size:12px}footer{background:#08282d;color:#fff;padding-top:60px}.footer-inner{width:min(calc(100% - 64px),1180px);margin:auto;padding-bottom:50px;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{width:60px;height:60px;background:#fff;border-radius:50%}.footer-brand p{color:rgba(255,255,255,.55);font-size:11px}.footer-links{display:flex;gap:25px}.footer-links a{font-size:10px;text-decoration:none;color:rgba(255,255,255,.7)}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:20px;font-size:9px;color:rgba(255,255,255,.4)}@media(max-width:900px){.hero__inner{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:30px}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;gap:25px}.steps i{width:1px;height:30px;margin:auto}}@media(max-width:640px){.container,.hero__inner,.club-header__inner,.footer-inner{width:calc(100% - 32px)}.club-header__inner{min-height:86px}.club-brand img{width:52px;height:52px}.club-brand strong{font-size:17px}.club-brand span{font-size:10px}.login{display:none}.club-header__actions a{padding:12px 14px;font-size:9px}.hero{padding:140px 0 80px}.hero h1{font-size:38px}.buttons{flex-direction:column}.button{width:100%}.member-card{transform:none;min-height:280px;padding:25px}.section{padding:85px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:0}.footer-inner{align-items:flex-start;flex-direction:column;gap:35px}.footer-links{flex-direction:column;gap:14px}}
/* ===== LOGO WHITE SPACE FIX ===== */

/* 会員カード内のロゴ */
.card-top img {
    width: 58px;
    height: 58px;

    background: transparent !important;
    border-radius: 0 !important;

    object-fit: contain;
}

/* フッターのロゴ */
.footer-brand img {
    width: 60px;
    height: 60px;

    background: transparent !important;
    border-radius: 0 !important;

    object-fit: contain;
}
/* ===== ロゴ画像の外側余白をカット ===== */

/* 会員カード内 */
.card-top img {
    width: 58px;
    height: 58px;
    object-fit: cover !important;
    border-radius: 50% !important;
    transform: scale(1.22);
}

/* フッター */
.footer-brand img {
    width: 60px;
    height: 60px;
    object-fit: cover !important;
    border-radius: 50% !important;
    transform: scale(1.22);
}
/* ===== CLUB LOGO FINAL ADJUST ===== */

/* 会員カード */
.card-top img {
    width: 72px !important;
    height: 72px !important;
    background: transparent !important;
    border-radius: 0 !important;
    object-fit: contain !important;
}

/* フッター */
.footer-brand img {
    width: 82px !important;
    height: 82px !important;
    background: transparent !important;
    border-radius: 0 !important;
    object-fit: contain !important;
}

/* スマホ */
@media (max-width: 640px) {
    .card-top img {
        width: 62px !important;
        height: 62px !important;
    }

    .footer-brand img {
        width: 70px !important;
        height: 70px !important;
    }
}
/* ===== MEMBERSHIP CARD IMAGE ===== */

.member-card-visual {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.member-card-visual img {
    display: block;
    width: 100%;
    max-width: 620px;
    height: auto;
    object-fit: contain;

    /* カードらしく少し浮かせる */
    filter: drop-shadow(0 28px 35px rgba(18, 45, 48, 0.22));
    transform: rotate(1.5deg);
}

@media (max-width: 900px) {
    .member-card-visual img {
        max-width: 560px;
    }
}

@media (max-width: 640px) {
    .member-card-visual img {
        width: 100%;
        transform: none;
        filter: drop-shadow(0 18px 24px rgba(18, 45, 48, 0.18));
    }
}