body {
    background-color: #F2FAF9;
}

/* 見出し */
.hltSub_topArea {
    padding: 32px 20px 40px;
}

@media (min-width: 760px) {
    .hltSub_topArea {
        padding: 64px 0;
    }
}

.hltSub_ttlArea {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hltSub_ttl {
    padding-top: 8px;
}

.hltSub_subTtl {
    background-color: #CCEBE6;
    border-radius: 40px;
    padding: 4px 16px;
    margin-top: 16px;
}

/* お手続きに必要なもの */
.hltSub_necArea {
    padding-top: 40px;
}

@media (min-width: 760px) {
    .hltSub_necArea {
        max-width: 592px;
        margin: 0 auto;
    }
}

.hltSub_necLst {
    padding-top: 24px;
}

@media (min-width: 760px) {
    .hltSub_necLst {
        padding-top: 32px;
    }
}

/* アコーディオン */
.hltSub_necAcc {
    margin-top: 24px;
}

@media (min-width: 760px) {
    .hltSub_necAcc {
        margin-top: 32px;
    }
}

.hltSub_necAccTxt {
    padding-right: 16px;
}

.hltSub_necAccLst {
    padding-top: 16px;
}

.hltSub_necAccItem {
    padding-top: 8px;
    padding-left: 24px;
}

.hltSub_necAccItemLst {
    display: flex;
}

.hltSub_necAccItemTxt {
    flex-shrink: 0;
}

.hltSub_necAccTxtLnk,
.hltSub_necAccNote {
    padding-top: 16px;
}

/* ご利用の流れ */
.hltSub_flowArea {
    padding: 40px 20px;
}

@media (min-width: 760px) {
    .hltSub_flowArea {
        padding: 64px 0;
    }
}

.hltSub_flowBox:first-of-type {
    padding: 24px 24px 32px;
}

@media (min-width: 760px) {
    .hltSub_flowBox:first-of-type {
        padding: 32px;
    }
}

.hltSub_flowBox {
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 24px;
    margin: 24px 0 0;
}

@media (min-width: 760px) {
    .hltSub_flowBox {
        max-width: 592px;
        margin: 32px auto 0;
        padding: 32px;
    }
}

.hltSub_flowHdg {
    display: flex;
    align-items: flex-start;
}

@media (min-width: 760px) {
    .hltSub_flowHdg {
        align-items: center;
    }
}

.hltSub_flowHdgNum {
    background-color: #FABF00;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}

@media (min-width: 760px) {
    .hltSub_flowHdgNum {
        height: 36px;
        width: 36px;
    }
}

.hltSub_flowHdgPCSvg {
    display: none;
}

@media (min-width: 760px) {
    .hltSub_flowHdgPCSvg {
        display: block;
    }

    .hltSub_flowHdgSPSvg {
        display: none;
    }
}

.hltSub_flowHdgTxt {
    padding-left: 8px;
    padding-top: 3px;
}

@media (min-width: 760px) {
    .hltSub_flowHdgTxt {
        padding-top: 2px;
    }
}

.hltSub_flowTxt,
.hltSub_flowNote {
    padding-top: 16px;
}

.hltSub_flowDtlTxt {
    padding-top: 24px;
}

@media (min-width: 760px) {
    .hltSub_flowDtlTxt {
        padding-top: 16px;
    }
}

.hltSub_flowDtlDesc {
    padding-top: 8px;
}

.hltSub_flowCnt {
    padding-top: 24px;
}

@media (min-width: 760px) {
    .hltSub_flowCnt {
        padding-top: 32px;
    }
}

.hltSub_flowCnt img {
    width: 287px;
    margin: 0 auto;
    display: block;
}

@media (min-width: 760px) {
    .hltSub_flowCnt img {
        width: 323px;
        height: 306px;
    }

    .hltSub_flowCnt_nine img {
        width: 324px;
        height: 443px;
    }
}

.hltSub_flowBtn {
    width: 280px;
    margin: 0 auto;
}

.hltSub_flowNotif {
    padding-top: 16px;
}

.hltSub_flowTxtBC {
    background-color: #F8F8F8;
    border-radius: 8px;
    padding: 16px;
    margin-top: 24px;
}

@media (min-width: 760px) {
    .hltSub_flowTxtBC {
        margin-top: 16px;
    }
}

.hltSub_flowTxtBC .hltSub_flowDtlTxt {
    padding-top: 0;
}

.hltSub_footLinkArea {
    padding: 24px 20px;
    background-color: #FFFFFF;
}

/* 前画面へ戻る */
@media (min-width: 760px) {
    .hltSub_footLinkArea {
        padding: 32px calc((352 / 1920) * 100vw);
    }
}