/* ============================================
   ETC2.0／ETC ページ固有スタイル
   ============================================ */

/* POP セクション */
.etc2-pop-txt {
    font-family: var(--font-family-bold);
    font-size: 24px;
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 0.96px;
    color: #222222;
}

@media (min-width: 1024px) {
    .etc2-pop-txt {
        font-size: 32px;
        letter-spacing: 1.28px;
    }
}

/* タイトル2行目のスペーサー */
.etc2-ttl-sub {
    display: block;
    margin-top: 16px;
}

/* 上付き文字 */
.etc2-sup {
    font-size: 0.645em;
    vertical-align: super;
    line-height: 1;
}

/* セクション内注釈エリア */
.etc2-notes {
    margin-top: 16px;
}

/* サブ見出し（光ビーコン等） */
.etc2-subheading {
    font-family: var(--font-family-bold);
    font-size: 20px;
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 0.8px;
    color: #222222;
}

@media (min-width: 1024px) {
    .etc2-subheading {
        font-size: 24px;
        letter-spacing: 0.96px;
    }
}

/* 本文テキスト */
.etc2-body-txt {
    font-family: var(--font-family-regular);
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.56px;
    color: #222222;
}

@media (min-width: 1024px) {
    .etc2-body-txt {
        font-size: 16px;
        letter-spacing: 0.64px;
    }
}

/* テキストボタン（外部リンク） */
.etc2-textbtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
}

@media (min-width: 1024px) {
    .etc2-textbtns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 32px;
    }
}

.etc2-textbtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    color: #000000;
    text-decoration: none !important;
}

.etc2-textbtn:hover {
    text-decoration: none !important;
}

.etc2-textbtn-txt {
    font-family: var(--font-family-bold);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
    letter-spacing: 0.56px;
    text-decoration: none !important;
}

.etc2-textbtn-icon {
    width: 9px;
    height: 9px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: middle;
}

/* 割引サービス（ETC車載器タブ）フルワイドレイアウト */
.etc2-discount {
    padding: 0 24px;
    box-sizing: border-box;
}

@media (min-width: 1024px) {
    .etc2-discount {
        width: calc(100% - 40px);
        max-width: var(--content-width-pc);
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
}

/* 割引サービス 単独画像 */
.c-presentationdop-img-wrap {
    width: 100%;
}

.c-presentationdop-img-single {
    width: 100%;
    height: auto;
    display: block;
}