/* ===== SUITAI fixed lower pages ===== */
.suitai-fixed-page{margin:0 0 calc(var(--suitai-space) * 1.5);}
.suitai-fixed-page__inner{margin:0 auto;}
.suitai-fixed-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:28px;align-items:center;margin:0 0 28px;padding:34px;border-radius:18px;background:linear-gradient(135deg,var(--suitai-main-color,#00af91),#067c6b);color:#fff;overflow:hidden;position:relative;box-shadow:0 18px 42px rgba(0,175,145,.2);}
.suitai-fixed-hero::after{content:"";position:absolute;right:-64px;bottom:-90px;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.16);}
.suitai-fixed-hero__body{position:relative;z-index:1;}
.suitai-fixed-hero__label{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;font-weight:900;opacity:.92;}
.suitai-fixed-hero__label::before{content:"";width:10px;height:10px;border-radius:999px;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.18);}
.suitai-fixed-hero h1{margin:0 0 14px;font-size:2.35rem;line-height:1.25;color:#fff;font-weight:900;letter-spacing:.02em;}
.suitai-fixed-hero p{margin:0;line-height:1.85;color:rgba(255,255,255,.92);font-weight:800;}
.suitai-fixed-hero__visual{position:relative;z-index:1;min-height:220px;border-radius:16px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.suitai-fixed-hero__visual::before{content:"";position:absolute;inset:18px;border-radius:14px;background:rgba(255,255,255,.16);}
.suitai-fixed-hero__visual i{position:relative;z-index:1;font-size:68px;color:#fff;opacity:.95;}
.suitai-fixed-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 26px;}
.suitai-fixed-summary__item{padding:18px;border-radius:14px;background:#fff;border:1px solid rgba(0,175,145,.16);box-shadow:0 10px 24px rgba(17,24,39,.05);}
.suitai-fixed-summary__item i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 0 10px;border-radius:999px;background:rgba(0,175,145,.12);color:var(--suitai-main-color,#00af91);}
.suitai-fixed-summary__item strong{display:block;margin:0 0 6px;font-size:1rem;line-height:1.45;color:#111;font-weight:900;}
.suitai-fixed-summary__item span{display:block;font-size:.92rem;line-height:1.75;color:#555;font-weight:700;}
.suitai-fixed-content{background:#fff;border:1px solid #edf0f4;border-radius:18px;padding:30px;box-shadow:0 16px 38px rgba(17,24,39,.06);}
.suitai-fixed-content h2{display:flex;align-items:center;gap:10px;margin:34px 0 16px;padding-bottom:12px;border-bottom:1px solid #edf0f4;font-size:1.55rem;line-height:1.4;color:#111;font-weight:900;}
.suitai-fixed-content h2:first-child{margin-top:0;}
.suitai-fixed-content h2::before{content:"";width:12px;height:12px;border-radius:999px;background:var(--suitai-main-color,#00af91);box-shadow:0 0 0 6px rgba(0,175,145,.12);flex:0 0 auto;}
.suitai-fixed-content h3{margin:26px 0 10px;font-size:1.15rem;line-height:1.55;color:#111;font-weight:900;}
.suitai-fixed-content p{margin:0 0 16px;line-height:2;color:#333;}
.suitai-fixed-content ul,.suitai-fixed-content ol{margin:0 0 18px;padding-left:1.35em;line-height:1.9;}
.suitai-fixed-content li{margin:0;}
.suitai-fixed-content li+li{margin-top:8px;}
.suitai-fixed-content a{color:var(--suitai-main-color,#00af91);font-weight:900;}
.suitai-internal-seo-links{margin-top:28px;padding:22px;border-radius:16px;background:#f7fffd;border:1px solid rgba(0,175,145,.16);}
.suitai-internal-seo-links h2{margin-top:0;}
.suitai-faq-list h3{display:flex;gap:10px;margin:14px 0 0;padding:16px 18px;border-radius:14px 14px 0 0;background:#f7fffd;border:1px solid rgba(0,175,145,.16);border-bottom:0;font-size:1.05rem;}
.suitai-faq-list h3::before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--suitai-main-color,#00af91);color:#fff;font-size:.9rem;flex:0 0 auto;}
.suitai-faq-list h3+p{margin:0 0 12px;padding:16px 18px 18px 56px;border:1px solid rgba(0,175,145,.16);border-radius:0 0 14px 14px;background:#fff;}
.suitai-faq-list h3+p::first-letter{font-weight:900;color:var(--suitai-main-color,#00af91);}
.suitai-genre-page{margin:0 0 calc(var(--suitai-space) * 1.5);}
.suitai-genre-page__inner{margin:0 auto;}
.suitai-genre-header{margin:0 0 24px;padding:30px;border-radius:18px;background:linear-gradient(135deg,var(--suitai-main-color,#00af91),#067c6b);color:#fff;box-shadow:0 18px 42px rgba(0,175,145,.2);}
.suitai-genre-header h1{margin:0 0 10px;font-size:2.25rem;line-height:1.25;color:#fff;font-weight:900;}
.suitai-genre-header p{margin:0;line-height:1.8;color:rgba(255,255,255,.92);font-weight:800;}
.suitai-genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.suitai-genre-block{padding:0 0 22px;border-radius:16px;background:#fff;border:1px solid rgba(0,175,145,.14);box-shadow:0 12px 28px rgba(17,24,39,.06);overflow:hidden;}
.suitai-genre-block__visual{display:block;position:relative;aspect-ratio:16/9;background:#f7fffd;border-bottom:1px solid rgba(0,175,145,.14);overflow:hidden;}
.suitai-genre-block__visual img{display:block;width:100%;height:100%;object-fit:cover;transition:.2s ease;}
.suitai-genre-block__visual:hover img{transform:scale(1.04);}
.suitai-genre-block__noimage{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,175,145,.12),rgba(0,175,145,.04));color:var(--suitai-main-color,#00af91);font-size:42px;}
.suitai-genre-block h2{display:flex;align-items:center;gap:10px;margin:18px 18px 14px;font-size:1.25rem;line-height:1.4;color:#111;font-weight:900;}
.suitai-genre-block h2::before{content:"\f02b";font-family:"Font Awesome 6 Free";font-weight:900;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(0,175,145,.12);color:var(--suitai-main-color,#00af91);font-size:14px;}
.suitai-genre-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 18px;padding:0;list-style:none;}
.suitai-genre-list a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 10px;border-radius:10px;background:#f7fffd;border:1px solid rgba(0,175,145,.14);color:#234;text-decoration:none;font-size:.92rem;line-height:1.45;font-weight:900;text-align:center;transition:.15s ease;}
.suitai-genre-list a:hover{background:var(--suitai-main-color,#00af91);border-color:var(--suitai-main-color,#00af91);color:#fff;transform:translateY(-1px);}
.suitai-genre-empty{padding:22px;border-radius:14px;background:#fff;border:1px dashed rgba(0,175,145,.35);text-align:center;font-weight:900;color:#345;}
@media screen and (max-width:900px){.suitai-fixed-hero{grid-template-columns:1fr;}.suitai-fixed-summary{grid-template-columns:1fr;}.suitai-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media screen and (max-width:640px){.suitai-fixed-hero,.suitai-genre-header{padding:24px 20px;border-radius:14px;}.suitai-fixed-hero h1,.suitai-genre-header h1{font-size:1.8rem;}.suitai-fixed-hero__visual{min-height:160px;}.suitai-fixed-content{padding:22px;border-radius:14px;}.suitai-faq-list h3+p{padding-left:18px;}.suitai-genre-grid{grid-template-columns:1fr;}.suitai-genre-block{border-radius:14px;}.suitai-genre-block h2{margin:16px 16px 12px;}.suitai-genre-list{margin:0 16px;}}
