@charset "UTF-8";

/* =========================================
   0. Base Settings
========================================= */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%; /* 1rem = 10px */
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: "Noto Sans JP", sans-serif, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    color: #464646;
    letter-spacing: var(--ls-base);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    font-weight: 500;
    overflow-x: hidden;
    width: 100%;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

/* =========================================
   1. Variables
========================================= */
:root {
    /* Main Colors */
    --color-primary: #0099FF;
    --color-conversion: #FF65E2;
    --color-gold: #ffff54;

    /* Text Colors */
    --text-main: #464646;
    --text-body: #464646;

    /* Background Colors */
    --bg-white: #ffffff;
    --bg-gray: #f0f0f0;
    --bg-dark: #464646;

    /* Grays */
    --gray-border: #e5e7eb;
    --gray-disabled: #aaaaaa;
    --gray-icon: #9ca3af;
    --gray-shadow: #dfdfdf;

    /* Border Widths */
    --border-s: 0.1rem;
    --border-card: 0.15rem;
    --border-m: 0.2rem;
    --border-l: 0.3rem;

    /* Line Heights */
    --lh-s: 1.2;
    --lh-m: 1.4;
    --lh-l: 1.6;

    /* Letter Spacing */
    --ls-base: 0.02em;

    /* Spacing */
    --sp-xs: 0.8rem;
    --sp-s: 1.6rem;
    --sp-m: 2.4rem;
    --sp-l: 3.2rem;
    --sp-xl: 4.0rem;
    --sp-xxl: 8.0rem;
}

/* =========================================
   2. Layout Structure
========================================= */
.wrapper {
    max-width: 43rem !important;
    width: 100% !important;
    background-color: var(--bg-white);
    position: relative;
    z-index: 10;
    margin: 0 auto;
    box-shadow: 0 0 0.8rem var(--gray-shadow);
}

@media screen and (min-width: 768px) {
    .wrapper {
        max-width: 40rem !important;
    }
}

.l-fixed-bg {
    display: flex;
    position: fixed;
    top: 0;
    height: 100%;
    width: calc(50% - 21.5rem);
    z-index: 0;
    background-color: var(--bg-gray);
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .l-fixed-bg {
        width: calc(50% - 20rem);
    }
}

.l-fixed-bg--left {
    left: 0;
}

.l-fixed-bg--right {
    right: 0;
}

.l-fixed-bg__img {
    max-width: 80%;
    max-height: 80%;
    object-fit: contain;
    opacity: 0.9;
}

@media screen and (max-width: 1279px) {
    .l-fixed-bg__img {
        display: none;
    }
}

/* =========================================
   3. Common Utilities & Components
========================================= */
.u-text-body {
    color: var(--text-body);
}

.u-text-highlight {
    text-decoration: underline;
    font-weight: bold;
    color: var(--text-body);
}

.u-text-primary {
    color: var(--color-primary);
}

.u-mb-0 {
    margin-bottom: 0 !important;
}

.u-mb-8 {
    margin-bottom: var(--sp-xs) !important;
}

.u-mb-16 {
    margin-bottom: var(--sp-s) !important;
}

.c-section-title {
    text-align: center;
    font-weight: bold;
    font-size: 2rem;
    margin-bottom: var(--sp-m);
    color: var(--text-main);
    letter-spacing: var(--ls-wide);
}

.c-section-img-ttl {
    text-align: center;
    margin-bottom: var(--sp-xs);
}

.c-section-lead {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--text-body);
    margin-bottom: var(--sp-l);
    line-height: var(--lh-l);
}

.c-note {
    font-size: 1.1rem;
    color: var(--text-body);
    line-height: 1.3;
	display: block;
	margin-top: 0.4rem;
}

.c-note-right {
    font-size: 1.1rem;
    color: var(--text-body);
    text-align: right;
    margin-top: var(--sp-xs);
    line-height: var(--lh-m);
}

.c-note-mt {
    margin-top: 0.4rem;
    font-size: 1.1rem;
    color: var(--text-body);
    line-height: var(--lh-m);
}

.c-icon-sm {
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}

.c-btn-conversion {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 28rem;
    margin: 0 auto;
    background-color: var(--color-conversion);
    color: #fff;
    font-weight: bold;
    padding: var(--sp-s) var(--sp-m);
    border-radius: 9999px;
    box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.2);
    font-size: 1.6rem;
    position: relative;
    transition: all 0.3s ease;
    border: var(--border-m) solid #fff;
    text-decoration: none;
    letter-spacing: var(--ls-wide);
}

.c-btn-conversion:hover {
    filter: brightness(1.1);
    transform: translateY(-0.4rem);
}

.c-ico-arrow {
    width: 1rem;
    height: 1rem;
    border-top: var(--border-m) solid #fff;
    border-right: var(--border-m) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: var(--sp-m);
    top: 50%;
    margin-top: -0.5rem;
}

.c-deco-diagonal-top {
    position: absolute;
    top: -3.2rem;
    left: 0;
    width: 100%;
    height: 3.2rem;
    background-color: var(--bg-dark);
    clip-path: polygon(0 100%, 100% 0, 100% 102%, 0 102%);
    z-index: 1;
}

.c-deco-diagonal-top.c-deco--white {
    background-color: var(--bg-white);
}

.c-deco-diagonal-top.c-deco--gray {
    background-color: var(--bg-gray);
}

.c-deco-triangle-bottom {
    position: absolute;
    bottom: -4.8rem;
    left: 0;
    width: 100%;
    height: 4.9rem;
    background-color: var(--bg-dark);
    clip-path: polygon(-5% 0, 105% 0, 50% 100%);
    z-index: 1;
}

.c-deco-cut-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.8rem;
    background-color: var(--bg-white);
    clip-path: polygon(50% 99%, 0 -1%, 100% -1%);
    z-index: 1;
}

.c-deco-cut-top.c-deco--white {
    background-color: var(--bg-white);
}

/* =========================================
   4. Page Sections
========================================= */

/* FV */
.p-fv {
    padding-bottom: var(--sp-xl);
    text-align: center;
    overflow: hidden;
    position: relative;
}

.p-fv__bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/fv_bg.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    z-index: 0;
}

.p-fv__content {
    position: relative;
    z-index: 10;
    padding: 0 2rem;
}

.l-header {
    padding: var(--sp-xs);
    display: flex;
    align-items: center;
    position: relative;
    z-index: 20;
}

.l-header__logo {
    width: 10rem;
    height: auto;
}

.c-badge-fv {
    display: inline-block;
    background-color: var(--bg-dark);
    color: #fff;
    font-size: 1.4rem;
    padding: 0.6rem var(--sp-s);
    border-radius: 9999px;
    margin-bottom: var(--sp-s);
    font-weight: bold;
    letter-spacing: var(--ls-wide);
}

.p-fv__heading {
    margin-bottom: var(--sp-s);
}

.p-fv__text {
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--text-body);
    margin-bottom: var(--sp-m);
}

.p-fv__visual {
    position: relative;
    width: 100%;
    max-width: 44.8rem;
    margin: 0 auto var(--sp-s);
}

.p-fv__etc-badge {
    position: absolute;
    top: 0;
    left: var(--sp-xs);
    z-index: 10;
    background-color: var(--color-primary);
    color: var(--color-gold);
    border-radius: 50%;
    width: 10.5rem;
    height: 10.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0.4rem;
    font-weight: bold;
    font-size: 1.2rem;
    box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.1);
    line-height: var(--lh-m);
    text-align: center;
    box-sizing: border-box;
    border: var(--border-m) solid #fff;
}

.p-fv__etc-main {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: var(--ls-wide);
	line-height: 1.2;
}

.p-fv__etc-note {
    font-size: 0.9rem;
    font-weight: normal;
    margin-top: 0.4rem;
    display: block;
    line-height: var(--lh-m);
}

/* Worry */
.p-worry {
    background-color: var(--bg-dark);
    color: #fff;
    padding: var(--sp-xl) 2rem;
    position: relative;
    margin-top: var(--sp-l);
    z-index: 10;
}

.p-worry .c-section-img-ttl {
    margin-bottom: var(--sp-l);
}

.p-worry__list {
    display: flex;
    flex-direction: column;
    gap: var(--sp-s);
}

.p-worry__item {
    background-color: var(--bg-white);
    color: var(--text-main);
    padding: 2rem;
    border-radius: 1.2rem;
    display: flex;
    align-items: center;
    box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.1);
}

.p-worry__icon {
    margin-right: 1.2rem;
    flex-shrink: 0;
    width: 4.8rem;
}

.p-worry__title {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
    letter-spacing: var(--ls-wide);
}

.p-worry__desc {
    font-size: 1.4rem;
    color: var(--text-body);
}

/* Solution */
.p-solution {
    padding: var(--sp-xxl) 2rem 2rem;
    background-color: var(--bg-white);
    text-align: center;
}

.p-mechanism {
    border: var(--border-card) solid;
    border-radius: 1.2rem;
    padding: 0.4rem var(--sp-m) var(--sp-s);
    margin-bottom: var(--sp-s);
    background-color: var(--bg-white);
    text-align: center;
}

.p-mechanism--primary {
    border-color: var(--color-primary);
}

.p-mechanism--conversion {
    border-color: var(--color-conversion);
}

.p-mechanism__icon {
    margin: 0 auto;
}

.p-mechanism__title {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: var(--sp-xs);
    letter-spacing: var(--ls-wide);
}

.p-mechanism__title--primary {
    color: var(--color-primary);
}

.p-mechanism__title--conversion {
    color: var(--color-conversion);
}

.p-mechanism__desc {
    font-size: 1.4rem;
    color: var(--text-body);
    line-height: 1.6;
}

.p-mechanism__note {
    margin-top: var(--sp-xs);
    display: inline-block;
    background: var(--bg-gray);
    font-size: 1.1rem;
    font-weight: 500;
    padding: 0.4rem var(--sp-xs);
    border-radius: 0.4rem;
}

.p-payment__info {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: var(--sp-s);
    line-height: var(--lh-l);
}

.p-payment__info span {
    text-decoration: underline;
    color: var(--color-conversion);
}

.p-payment__list {
    background-color: var(--bg-gray);
    padding: var(--sp-s);
    border-radius: 0.8rem;
    text-align: left;
}

.p-payment__list li {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 1.2rem;
    margin-bottom: var(--sp-xs);
}

.p-payment__list li:last-child {
    margin-bottom: 0;
}

.p-payment__list li::before {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url('../images/icon_check.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
    margin-top: 0.2rem;
    margin-right: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
    transform: none;
}

/* Simulation */
.p-simulation {
    padding: var(--sp-xxl) 2rem;
    background-color: var(--bg-gray);
    position: relative;
}

.p-simulation .c-section-title {
    margin-bottom: var(--sp-s);
}

.p-simulation .c-section-lead {
    margin-bottom: var(--sp-s);
}

.p-sim-card {
    background-color: var(--bg-white);
    border: var(--border-card) solid;
    border-radius: 1.2rem;
    padding: 2rem;
    margin-bottom: var(--sp-s);
}

.p-sim-card--std {
    border-color: var(--color-primary);
}

.p-sim-card--gold {
    border-color: var(--color-gold);
}

.p-sim-card__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--sp-s);
    padding-bottom: var(--sp-xs);
    border-bottom: var(--border-s) solid var(--bg-gray);
}

.p-sim-card__name {
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: var(--ls-wide);
}

.p-sim-card__badge {
    font-size: 1.2rem;
    background-color: var(--gray-border);
    padding: 0.4rem var(--sp-xs);
    border-radius: 0.4rem;
}

.p-sim-card__row {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
    margin-bottom: 0.4rem;
}

.p-sim-card__total {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-top: var(--border-s) solid var(--bg-gray);
    padding-top: var(--sp-xs);
    margin-top: var(--sp-s);
    font-weight: bold;
}

.p-sim-card__total-label {
    font-size: 1.6rem;
}

.p-sim-card__total-price {
    font-size: 2.2rem;
    letter-spacing: 0;
}

/* Choice */
.p-choice {
    padding: 4rem 2rem var(--sp-xxl);
    background-color: var(--bg-white);
    position: relative;
    z-index: 10;
}

.p-choice__brand {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--sp-xs);
    font-size: 1.4rem;
    font-weight: bold;
    color: var(--text-body);
    margin-bottom: var(--sp-m);
}

.p-choice__divider {
    color: #d1d5db;
}

.p-choice__brand-logo {
    height: 3.2rem;
    width: auto;
    vertical-align: middle;
}

.p-spec-card {
    border: var(--border-card) solid var(--gray-border);
    border-radius: 1.2rem;
    overflow: hidden;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
    margin-bottom: var(--sp-s);
}

.p-spec-card__header {
    padding: var(--sp-s);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p-spec-card__header--std {
    background-color: var(--color-primary);
    color: #fff;
}

.p-spec-card__header--gold {
    background-color: var(--color-gold);
    color: var(--text-main);
}

.p-spec-card__title {
    font-weight: bold;
    font-size: 1.8rem;
    letter-spacing: var(--ls-wide);
}

.p-spec-card__body {
    padding: var(--sp-s);
    font-size: 1.2rem;
    font-weight: 500;
}

.p-spec-card__row {
    display: flex;
    justify-content: space-between;
    border-bottom: var(--border-s) solid var(--bg-gray);
    padding-bottom: var(--sp-xs);
    margin-bottom: 1.2rem;
    gap: var(--sp-s);
}

.p-spec-card__row-nb {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
    gap: var(--sp-s);
}

.p-spec-card__row--mt {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    border-top: var(--border-s) solid var(--bg-gray);
}

.p-spec-card__label {
    color: var(--text-body);
    width: 34%;
    flex-shrink: 0;
}

.p-spec-card__value {
    width: auto;
    flex: 1;
    font-size: 1.3rem;
}

.p-spec-card__value p {
    font-size: 1.3rem;
    margin: 0;
}

.p-spec-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.p-spec-card__list li {
    position: relative;
    padding-left: 1.2rem;
    margin-bottom: 0.4rem;
    line-height: var(--lh-m);
    font-size: 1.3rem;
}

.p-spec-card__list li::before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
}

.p-spec-card__list li:last-child {
    margin-bottom: 0;
}

.p-spec-card .c-note-mt {
    font-size: 1.1rem !important;
    line-height: var(--lh-m);
    display: block;
    margin-top: 0.6rem !important;
}

.p-spec-card__list + .c-note-mt {
    padding-left: 1.2rem;
}

/* CTA */
.p-cta {
    background-color: var(--bg-dark);
    color: #fff;
    padding: 4rem 2rem var(--sp-xxl);
    position: relative;
    z-index: 10;
}

.p-cta__header {
    text-align: center;
    margin-bottom: var(--sp-l);
    margin-top: var(--sp-s);
}

.p-cta__title {
    font-size: 2.4rem;
    font-weight: bold;
    margin-bottom: var(--sp-xs);
    letter-spacing: var(--ls-wide);
}

.p-cta__lead {
    color: #fff !important;
    opacity: 0.9;
}

.c-cta-btn {
    width: 100%;
    background-color: var(--color-primary);
    color: #fff;
    border-radius: 1.2rem;
    padding: var(--sp-s);
    margin-bottom: var(--sp-s);
    box-shadow: 0 1rem 1.5rem -0.3rem rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    border: var(--border-card) solid #fff;
    transition: all 0.3s;
    cursor: pointer;
    letter-spacing: var(--ls-wide);
}

.c-cta-btn:hover {
    filter: brightness(1.1);
    transform: translateY(-0.4rem);
}

.c-cta-btn--mb-large {
    margin-bottom: var(--sp-l);
}

.c-cta-btn__content {
    flex-grow: 1;
}

.c-cta-btn__title {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 0.4rem;
}

.c-cta-btn__desc {
    font-weight: bold;
    font-size: 1.4rem;
    opacity: 0.9;
}

.c-cta-btn__head-group {
    display: flex;
    align-items: center;
    margin-bottom: 0.4rem;
}

.c-cta-btn__icon {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    border: var(--border-s) solid #fff;
    position: relative;
    flex-shrink: 0;
}

.c-cta-btn__icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.8rem;
    height: 0.8rem;
    border-top: var(--border-m) solid #fff;
    border-right: var(--border-m) solid #fff;
    transform: translate(-65%, -50%) rotate(45deg);
}

.c-badge-recommend {
    background: #fff;
    color: var(--color-primary);
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0.2rem var(--sp-xs);
    border-radius: 9.9rem;
    margin-left: var(--sp-xs);
}

.p-caution {
    margin-top: var(--sp-s);
    font-size: 1.2rem;
}

.p-caution__header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-xs);
    font-weight: bold;
    margin-bottom: var(--sp-s);
}
.p-caution__notice {
    margin-bottom: 1.6rem;
    text-align: left;
    line-height: 1.5;
}
.p-caution__table {
    border-top: var(--border-s) solid rgba(255, 255, 255, 0.3);
}

.p-caution__row {
    display: flex;
    padding: 1.2rem var(--sp-s);
    border-bottom: var(--border-s) solid rgba(255, 255, 255, 0.3);
}

.p-caution__label {
    width: 8rem;
    flex-shrink: 0;
    font-weight: bold;
    opacity: 0.8;
}

/* Merit */
.p-merit {
    padding: 4rem 2rem var(--sp-xxl);
    background-color: var(--bg-white);
    position: relative;
    z-index: 20;
}

.p-merit__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-s);
    margin-bottom: var(--sp-s);
}

.p-merit__item {
    border: var(--border-card) solid var(--gray-border);
    border-radius: 1.2rem;
    padding: var(--sp-s);
    text-align: center;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
}

.p-merit__item h3 {
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 0.4rem;
    letter-spacing: var(--ls-wide);
}

.p-merit__badge {
    font-size: 1.2rem;
    background: var(--bg-gray);
    padding: 0.2rem var(--sp-xs);
    border-radius: 0.4rem;
    display: inline-block;
}

.p-merit__title-sub {
    font-size: 1.2rem;
    color: var(--text-body);
}

.p-merit__note {
    text-align: left;
    padding-left: 0.4rem;
}

.p-merit__note p {
    font-size: 1.1rem;
}

/* FAQ */
.c-ico {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    color: currentColor;
}

.c-ico--plus {
    width: 1.2rem;
    height: 1.2rem;
}

.c-ico--plus::before,
.c-ico--plus::after {
    content: '';
    position: absolute;
    background-color: currentColor;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.1rem;
}

.c-ico--plus::before {
    width: 100%;
    height: var(--border-m);
}

.c-ico--plus::after {
    width: var(--border-m);
    height: 100%;
}

.c-ico--minus {
    width: 1.2rem;
    height: 1.2rem;
}

.c-ico--minus::before {
    content: '';
    position: absolute;
    background-color: currentColor;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: var(--border-m);
    border-radius: 0.1rem;
}

.c-accordion-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1.2rem;
    cursor: pointer;
    font-weight: bold;
    color: var(--text-body);
    width: 100%;
    border: none;
    background: none;
    font-family: inherit;
}

.c-accordion-trigger:hover .c-accordion-trigger__text,
.c-accordion-trigger:hover .p-faq__label {
    color: var(--color-primary);
}

.c-accordion-trigger__icon {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.3s;
    color: var(--gray-icon);
}

.c-accordion-trigger:hover .c-accordion-trigger__icon {
    color: var(--color-primary);
}

.c-accordion-content {
    display: none;
}

.c-accordion-content__inner {
    padding-top: 1.2rem;
    border-top: var(--border-s) solid var(--bg-gray);
    margin-top: 1.2rem;
}

.p-faq {
    padding: 4rem 2rem 6rem;
    background-color: var(--bg-gray);
    position: relative;
    z-index: 30;
}

.p-faq__list {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.p-faq__item {
    background-color: var(--bg-white);
    border-radius: 1.2rem;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
    border: none;
}

.p-faq__question {
    padding: var(--sp-s);
}

.p-faq__label {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    padding-right: var(--sp-s);
    text-align: left;
    font-size: 1.6rem;
}

.p-faq__mark {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 2.4rem;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
}

.p-faq__mark--q {
    background-color: var(--color-primary);
    color: #fff;
}

.p-faq__mark--a {
    background-color: var(--gray-icon);
    color: #fff;
    margin-top: 0;
    margin-right: 1.2rem;
}

.p-faq__answer {
    padding: var(--sp-s);
    font-size: 1.4rem;
    color: var(--text-body);
    line-height: var(--lh-l);
    border-top: var(--border-s) solid var(--bg-gray);
    display: flex;
    align-items: flex-start;
}

/* Footer */
.l-footer {
    background-color: #000;
    color: #fff;
    padding: 4.8rem 2rem 9.6rem;
    text-align: center;
}

.l-footer__logo {
    height: 6.4rem;
    width: auto;
    margin-bottom: var(--sp-l);
}

.l-footer__info {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: var(--sp-xs);
}

.l-footer__sub {
    font-size: 1.1rem;
    margin-bottom: var(--sp-xs);
}

.l-footer__tel {
    font-size: 3.2rem;
    font-weight: bold;
    display: block;
    margin: 1rem 0;
    color: #fff;
    text-decoration: none;
    line-height: var(--lh-s);
    letter-spacing: 0;
}

.l-footer__hours {
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
}

.l-footer__note {
    font-size: 1.1rem;
    line-height: var(--lh-l);
}

.l-footer__links {
    margin-top: 4rem;
    display: flex;
    justify-content: center;
    gap: 3.2rem;
    flex-wrap: wrap;
}

.l-footer__link {
    color: #fff;
    font-size: 1.2rem;
    text-decoration: underline;
}

.l-footer__copyright {
    font-size: 1rem;
    margin-top: 4rem;
}

/* Floating CTA */
.p-floating-cta {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(10rem);
    width: 100%;
    max-width: 40rem;
    padding: var(--sp-s);
    z-index: 30;
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0;
    pointer-events: none;
}

.p-floating-cta.is-visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.p-floating-cta__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-conversion);
    color: #fff;
    font-weight: bold;
    padding: var(--sp-s) var(--sp-m);
    border-radius: 9999px;
    box-shadow: 0 2rem 2.5rem -0.5rem rgba(0, 0, 0, 0.2);
    border: var(--border-m) solid #fff;
    text-decoration: none;
    font-size: 1.6rem;
    position: relative;
    letter-spacing: var(--ls-wide);
    transition: all 0.3s ease;
}

.p-floating-cta__btn:hover {
    filter: brightness(1.1);
    transform: translateY(-0.4rem);
}

.p-floating-cta__btn .c-ico-arrow {
    width: 1rem;
    height: 1rem;
    border-top: var(--border-m) solid #fff;
    border-right: var(--border-m) solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 2.4rem;
    top: 50%;
    margin-top: -0.5rem;
    margin-left: 0;
}

/* =========================================
   Modal
========================================= */
.c-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 50;
    align-items: center;
    justify-content: center;
    padding: var(--sp-s);
}

.c-modal {
    background-color: var(--bg-white);
    width: 100%;
    max-width: 38.4rem;
    border-radius: 1.2rem;
    display: none;
    overflow: visible;
    position: relative;
}

.c-modal__header {
    background-color: var(--bg-gray);
    padding: 1.8rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    border-radius: 1.2rem 1.2rem 0 0;
}

.c-modal__title-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-xs);
    font-size: 1.6rem;
}

.c-modal__title-group .c-icon-sm {
    width: 2rem;
    height: 2rem;
}

.c-modal__close {
    position: absolute;
    right: 0;
    top: -4.4rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background-color: #fff;
    color: var(--text-main);
    font-size: 2.4rem;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.c-modal__body {
    padding: 1.6rem 2rem 2rem;
}

.c-modal-alert {
    border: var(--border-card) solid var(--color-conversion);
    border-radius: 0.8rem;
    padding: 1.2rem 2.4rem 1.6rem;
    margin-bottom: var(--sp-s);
    text-align: center;
}
.c-modal-alert .u-text-highlight {
    color: var(--color-conversion);
}
.c-modal-info {
    border: var(--border-card) solid var(--color-primary);
    border-radius: 0.8rem;
    padding: 1.2rem 2.0rem 1.6rem;
    margin-bottom: var(--sp-s);
    text-align: center;
}

.c-modal__strong {
    color: var(--color-conversion);
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 1.0rem;
    line-height: var(--lh-m);
    display: block;
    letter-spacing: var(--ls-wide);
}

.c-modal-info .c-modal__strong {
    color: var(--color-primary);
}

.c-modal__desc {
    font-size: 1.4rem;
    margin-bottom: var(--sp-s);
    text-align: left;
    line-height: var(--lh-l);
}

.c-checkbox-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-xs);
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
}

/* Checkbox (Custom Style) */
.c-checkbox {
    -webkit-appearance: none;
    appearance: none;
    width: 2.0rem;
    height: 2.0rem;
    border: var(--border-s) solid var(--gray-disabled);
    background-color: var(--bg-white);
    border-radius: 0.4rem;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    margin: 0;
}

.c-checkbox:checked {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.c-checkbox:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.6rem;
    height: 1.2rem;
    border-bottom: var(--border-m) solid #fff;
    border-right: var(--border-m) solid #fff;
    transform: translate(-50%, -65%) rotate(45deg);
}

/* Submit Button */
.c-submit-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    
    width: 100%;
    background-color: var(--gray-disabled);
    color: #fff;
    font-weight: bold;
    padding: var(--sp-s);
    border-radius: 9.9rem;
    border: none;
    cursor: not-allowed;
    transition: 0.3s;
    position: relative;
    font-size: 1.6rem;
    letter-spacing: var(--ls-wide);
}

.c-submit-btn.is-active {
    background-color: var(--color-conversion);
    cursor: pointer;
}