@charset "UTF-8";
/* ==========================================================
   STRIDE ReMOV Studio｜FACT plus・FHI（measure.html）固有スタイル
   ========================================================== */

/* ----------------------------------------------------------
   FACT と FACT plus の違い（2枚カード）
---------------------------------------------------------- */
/* 直前のページヒーローの下余白と重ならないよう上を詰める */
.ms-types {
    padding-top: 0;
}

.ms-types .type-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.ms-types .type-card {
    padding: clamp(28px, 4vw, 44px);
    border-radius: 20px;
    background: var(--color-mist) url(../img/noise-texture.png) repeat;
}

/* 入会時に受ける FACT plus を黒で強調 */
.ms-types .type-card.-dark {
    background: var(--color-ink);
    color: var(--color-paper);
}

.ms-types .type-name {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 4px 16px;
}

.ms-types .type-name .eng:first-child {
    font-size: clamp(30px, 3.6vw, 40px);
    font-weight: 900;
    line-height: 1.2;
}

.ms-types .type-name .en {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.06em;
    color: var(--color-gray);
}

.ms-types .type-card.-dark .type-name .en {
    color: rgb(255 255 255 / 0.7);
}

.ms-types .type-ttl {
    margin-top: 16px;
    font-size: clamp(17px, 1.8vw, 20px);
    font-weight: 700;
    line-height: 1.6;
}

.ms-types .txt {
    margin-top: 10px;
    font-size: 14px;
}

/* ----------------------------------------------------------
   測定項目（足の6項目・全身の6項目を左右に並べる）
---------------------------------------------------------- */
.ms-items .items-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.ms-items .items-col {
    padding: clamp(24px, 3vw, 40px);
    border-radius: 20px;
    background: var(--color-paper);
}

.ms-items .items-ttl {
    margin: 8px 0 16px;
    font-size: clamp(20px, 2.2vw, 24px);
    font-weight: 700;
}

.ms-items .item-rows {
    border-top: 2px solid var(--color-ink);
}

.ms-items .item-rows > li {
    display: grid;
    grid-template-columns: 2.4em 8.5em minmax(0, 1fr);
    align-items: baseline;
    gap: 4px 12px;
    padding: 14px 0;
    border-bottom: 1px solid var(--color-line);
    line-height: 1.7;
}

.ms-items .item-rows .num {
    font-size: 12px;
    color: var(--color-gray);
}

.ms-items .item-rows .name {
    font-size: 15px;
    font-weight: 700;
}

.ms-items .item-rows .desc {
    font-size: 13px;
}

/* ----------------------------------------------------------
   FHI（見出し＋スコアパネル）
---------------------------------------------------------- */
.ms-fhi .lead .lead-txt {
    margin-top: 16px;
}

/* ----------------------------------------------------------
   レスポンシブ
---------------------------------------------------------- */
@media (max-width: 1024px) {
    .ms-items .items-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .ms-types .type-cards {
        grid-template-columns: 1fr;
    }

    .ms-items .item-rows > li {
        grid-template-columns: 2.4em minmax(0, 1fr);
    }

    .ms-items .item-rows .desc {
        grid-column: 2;
    }
}