@charset "UTF-8";
/* サポート下層ページ用
================================================== */

/* 
-------------------------------------------------- */
.support_lowerLayer a:focus {
    outline: auto;
}

.support_lowerLayer__inner {
    padding-top: 17.33334vw;
    padding-bottom: 17.6vw;
}
@media print, screen and (min-width: 751px) {
    .support_lowerLayer__inner {
        padding-top: 78px;
        padding-bottom: 116px;
    }
}





/* トップ戻るボタン
-------------------------------------------------- */
.backBtn {
    margin-bottom: 16.53334vw;
}
@media print, screen and (min-width: 751px) {
    .backBtn {
        margin-bottom: 28px;
    }
}

.backBtn a {
    color: #1A1D80;
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 0 2.66667vw;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1.44445;
    letter-spacing: .03em;
    text-decoration: none;
}
@media print, screen and (min-width: 751px) {
    .backBtn a {
        gap: 0 10px;
        font-size: 1.8rem;
        width: fit-content;
    }
    .backBtn a:hover {
        opacity: .6;
    }
}

.backBtn a::before {
    content: '';
    background-image: url('/img/support/cmn/icon_backArrow_left.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    height: 5.6vw;
    width: 5.6vw;
}
@media print, screen and (min-width: 751px) {
    .backBtn a::before {
        height: 21px;
        width: 21px;
    }
}





/* キーワードタイトル
-------------------------------------------------- */
.keyword_ttl {
    color: #000;
    /* font-size: 7.46667vw; */
    font-size: 6.93334vw;
    font-weight: 700;
    line-height: 1.428572;
    margin: 0 auto 11.2vw;
    padding-left: 18.93334vw;
    width: fit-content;
    position: relative;
}

@media print, screen and (min-width: 751px) {
    .keyword_ttl {
        font-size: 2.8rem;
        margin: 0 auto 58px;
        padding-left: 71px;
    }
}

.keyword_ttl::before {
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}





/* ----- 各種アイコン ----- */
/* ご請求・お支払い */
.keyword_ttl--payment::before {
    background-image: url('/img/support/lowerLayer/icon_payment.png');
    height: 9.757334vw;
    width: 13.525334vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--payment::before {
        height: 36.59px;
        width: 50.72px;
    }
}


/* 緊急時のご連絡 */
.keyword_ttl--emergency {
    color: #F95656;
}
.keyword_ttl--emergency::before {
    background-image: url('/img/support/lowerLayer/icon_emergency.png');
    height: 14.4vw;
    width: 13.86667vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--emergency::before {
        height: 54px;
        width: 52px;
    }
}

/* LPガス・灯油・でんき */
.keyword_ttl--energy::before {
    background-image: url('/img/support/lowerLayer/icon_energy.png');
    height: 11.50134vw;
    width: 15.08534vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--energy::before {
        height: 43.13px;
        width: 56.57px;
    }
}

/* 保安点検 */
.keyword_ttl--inspection::before {
    background-image: url('/img/support/lowerLayer/icon_inspection.png');
    height: 12.312vw;
    width: 15.43467vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--inspection::before {
        height: 46.17px;
        width: 57.88px;
    }
}

/* MYハローガス・公式LINE・WAONポイント */
.keyword_ttl--membership::before {
    background-image: url('/img/support/lowerLayer/icon_membership.png');
    height: 12.35734vw;
    width: 15.08534vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--membership::before {
        height: 46.34px;
        width: 56.57px;
    }
}

/* 機器の故障・修理・ご購入 */
.keyword_ttl--trouble::before {
    background-image: url('/img/support/lowerLayer/icon_trouble.png');
    height: 12.528vw;
    width: 12.528vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--trouble::before {
        height: 46.98px;
        width: 46.98px;
    }
}

/* ＶＩＶＩＤＯ */
.keyword_ttl--vivido::before {
    background-image: url('/img/support/lowerLayer/icon_vivido.png');
    height: 14.41067vw;
    width: 12.18667vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--vivido::before {
        height: 54.04px;
        width: 45.7px;
    }
}

/* AW・ウォーター */
.keyword_ttl--water::before {
    background-image: url('/img/support/lowerLayer/icon_water.png');
    height: 15.08534vw;
    width: 9.74934vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--water::before {
        height: 56.57px;
        width: 36.56px;
    }
}

/* その他 */
.keyword_ttl--other::before {
    background-image: url('/img/support/lowerLayer/icon_other.png');
    height: 13.71467vw;
    width: 13.71467vw;
}
@media print, screen and (min-width: 751px) {
    .keyword_ttl--other::before {
        height: 51.43px;
        width: 51.43px;
    }
}





/* カテゴリ
-------------------------------------------------- */
.categorySec + .categorySec {
    margin-top: 5.33334vw; /* 20px */
}
@media print, screen and (min-width: 751px) {
    .categorySec + .categorySec {
        margin-top: 25px;
    }
}


/* 大見出し */
.categorySec__ttl {
    position: relative;
}

.categorySec__ttl::after {
    content: '';
    background-color: #B6E3BB;
    border-radius: 1.6vw;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media print, screen and (min-width: 751px) {
    .categorySec__ttl::after {
        border-radius: 6px;
    }
}

.categorySec__ttl a {
    background-color: #5CBF77;
    border-radius: 1.6vw;
    color: #fff;
    display: block;
    font-size: 5.33334vw;
    font-weight: 700;
    line-height: 1.5;
    padding: 5.53334vw 12.26667vw 5.53334vw 18.66667vw;
    text-decoration: none;
    transform: translateY(-1.6vw);
    position: relative;
    z-index: 10;
    transition: .6s;
}

@media print, screen and (min-width: 751px) {
    .categorySec__ttl a {
        border-radius: 6px;
        font-size: 2.4rem;
        line-height: 1.45834;
        letter-spacing: .05em;
        padding: 17px 80px 17px 83px;
        transform: translateY(-6px);
    }
}

.categorySec__ttl.is-active a {
    transform: translateY(0);
}

/* 大見出しプラスアイコン */
.categorySec__ttl a::before,
.categorySec__ttl a::after {
    content: '';
    border-top: #fff solid .53334vw;
    width: 5.33334vw;
    position: absolute;
    top: 50%;
    right: 3.2vw;
    transform: translateY(-50%);
}
@media print, screen and (min-width: 751px) {
    .categorySec__ttl a::before,
    .categorySec__ttl a::after {
        content: '';
        border-top: #fff solid 2px;
        width: 20px;
        position: absolute;
        top: 50%;
        right: 30px
    }
}

.categorySec__ttl a::after {
    transform: translateY(-50%) rotate(-90deg);
}

.categorySec__ttl.is-active a::after {
    transform: translateY(-50%) rotate(0);
    transition: .6s;
}


/* 見出しアイコン */
.categorySec__ttl a {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 18.66667vw;
}
@media print, screen and (min-width: 751px) {
    .categorySec__ttl a {
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 70px;
    }
}

/* アイコン各種 */
.categorySec__ttl--icon_01 a { background-image: url('/img/support/lowerLayer/icon_ttl_01.svg'); }
.categorySec__ttl--icon_02 a { background-image: url('/img/support/lowerLayer/icon_ttl_02.svg'); }
.categorySec__ttl--icon_03 a { background-image: url('/img/support/lowerLayer/icon_ttl_03.svg'); }
.categorySec__ttl--icon_04 a { background-image: url('/img/support/lowerLayer/icon_ttl_04.svg'); }
.categorySec__ttl--icon_05 a { background-image: url('/img/support/lowerLayer/icon_ttl_05.svg'); }
.categorySec__ttl--icon_06 a { background-image: url('/img/support/lowerLayer/icon_ttl_06.svg'); }
.categorySec__ttl--icon_07 a { background-image: url('/img/support/lowerLayer/icon_ttl_07.svg'); }
.categorySec__ttl--icon_08 a { background-image: url('/img/support/lowerLayer/icon_ttl_08.svg'); }
.categorySec__ttl--icon_09 a { background-image: url('/img/support/lowerLayer/icon_ttl_09.svg'); }
.categorySec__ttl--icon_10 a { background-image: url('/img/support/lowerLayer/icon_ttl_10.svg'); }
.categorySec__ttl--icon_11 a { background-image: url('/img/support/lowerLayer/icon_ttl_11.svg'); }
.categorySec__ttl--icon_12 a { background-image: url('/img/support/lowerLayer/icon_ttl_12.svg'); }
.categorySec__ttl--icon_13 a { background-image: url('/img/support/lowerLayer/icon_ttl_13.svg'); }





/* 緊急連絡専用見出し */
.categorySec__ttl--emergency::after {
    background-color: #FFBFBF;
}

.categorySec__ttl--emergency > a {
    background-color: #fff;
    color: #F95656;
    border: .53334vw solid #F95656;
}
@media print, screen and (min-width: 751px) {
    .categorySec__ttl--emergency > a {
        border: 2px solid #F95656;
    }
}

.categorySec__ttl--emergency > a::before,
.categorySec__ttl--emergency > a::after {
    border-color: #F95656;
}





/* 大見出し下スライドコンテンツ */
.slideWrap {
    display: none;
}

.slideWrap__inner {
    padding-top: 9.06667vw;
    padding-bottom: 9.6vw; /* 36px */
}
@media print, screen and (min-width: 751px) {
    .slideWrap__inner {
        padding-top: 40px;
        padding-bottom: 85px;
    }
}





/* qa
-------------------------------------------------- */
.qa + .qa {
    margin-top: 11.2vw;
}
@media print, screen and (min-width: 751px) {
    .qa + .qa {
        margin-top: 42px;
    }
}

.qa__inner > section + section {
    margin-top: 9.06667vw;
}
@media print, screen and (min-width: 751px) {
    .qa__inner > section + section {
        margin-top: 56px;
    }
}

/* タイトル */
.qa__ttl {
    background-image: url('/img/support/cmn/icon_ttl_01.png');
    background-position: left top 3.73334vw;
    background-repeat: no-repeat;
    background-size: 8.642667vw 2.074667vw;
    font-size: 5.33334vw;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 6.4vw;
    padding-left: 11.73334vw;
}
@media print, screen and (min-width: 751px) {
    .qa__ttl {
        background-position: left top 14px;
        background-size: 32.41px 7.78px;
        font-size: 2.4rem;
        margin-bottom: 35px;
        padding-left: 44px;
    }
}

/* 小見出し */
.qa__ttl--subheading {
    border-bottom: .53334vw solid #5DBF77;
    color: #5CBF77;
    font-size: 5.33334vw;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: .03em;
    padding-bottom: 2.4vw;
    margin-bottom: 9.06667vw;
}
@media print, screen and (min-width: 751px) {
    .qa__ttl--subheading {
        border-bottom: 2px solid #5DBF77;
        font-size: 2.4rem;
        line-height: 1.4583334;
        padding-bottom: 7px;
        margin-bottom: 34px;
    }
}

/* リスト */
.qa__list {
display: flex;
flex-direction: column;
gap: 2.13334vw 0;
}
@media print, screen and (min-width: 751px) {
.qa__list {
    gap: 16px 0;
}
}


/* ----- Q ----- */
.qa__question {
    background-color: #ECF4F2;
    border-radius: 1.6vw;
    position: relative;
}
@media print, screen and (min-width: 751px) {
    .qa__question {
        border-radius: 6px;
    }
}

.qa__question > a {
    background-image: url('/img/support/cmn/icon_q.png');
    background-position: left 4.26667vw center;
    background-repeat: no-repeat;
    background-size: 8vw;
    border-radius: 1.6vw;
    color: #2E2E2E;
    display: block;
    font-size: 4.26667vw;
    font-weight: 700;
    line-height: 1.5;
    padding: 4vw 13.06667vw 3.2vw 15.46667vw;
    text-decoration: none;
    position: relative;
    z-index: 20;
}

@media print, screen and (min-width: 751px) {
    .qa__question > a {
        background-position: left 16px center;
        background-size: 40px;
        border-radius: 6px;
        font-size: 1.8rem;
        line-height: 1.33334;
        padding: 25px 60px 21px 84px;
    }
}

.qa__question.is-active {
    background-color: #D0E8D7;
}

.qa__question > a::before,
.qa__question > a::after {
    content: '';
    display: block;
    border-top: .53334vw solid #000;
    position: absolute;
    top: 50%;
    right: 3.2vw;
    width: 5.33334vw;
    transform: translateY(-50%);
}
@media print, screen and (min-width: 751px) {
    .qa__question > a::before,
    .qa__question > a::after {
        border-top: 2px solid #000;
        right: 30px;
        width: 20px;
        transform: translateY(-50%);
    }
}

.qa__question > a::after {
    transform: translateY(-50%) rotate(-90deg);
}

.qa__question.is-active > a::after {
    transform: translateY(-50%) rotate(0);
    transition: .6s;
}

/* hover */
@media print, screen and (min-width: 751px) {
    .qa__question:hover {
        background-color: #5CBF77;
    }

    .qa__question.is-active:hover {
        background-color: #D0E8D7;
    }

    .qa__question:hover > a {
        color: #fff;
    }

    .qa__question.is-active:hover > a {
        color: inherit;
    }

    .qa__question:hover > a::before,
    .qa__question:hover > a:after {
        border-color: #fff;
        transition: 0;
    }
    .qa__question.is-active:hover > a::before,
    .qa__question.is-active:hover > a:after {
        border-color: inherit;
        transition: 0;
    }
}


/* ----- A ----- */
.qa__answer {
    display: none;
}

.qa__answer__inner {
    background-image: url('/img/support/cmn/icon_a.png');
    background-position: left 4.26667vw top 7.2vw;
    background-repeat: no-repeat;
    background-size: 8vw;
    padding: 6.66667vw 3.73334vw 11.2vw 14.93334vw;
}
@media print, screen and (min-width: 751px) {
    .qa__answer__inner {
        background-image: url('/img/support/cmn/icon_a.png');
        background-position: left 16px top 30px;
        background-repeat: no-repeat;
        background-size: 40px;
        padding: 34px 56px 50px 86px;
    }
}

.qa__answer__ttl,
.qa__answer__txt,
.qa__answer__list {
    font-size: 4.26667vw;
    font-weight: 400;
    line-height: 1.75;
}
@media print, screen and (min-width: 751px) {
    .qa__answer__ttl,
    .qa__answer__txt,
    .qa__answer__list {
        font-size: 1.6rem;
    }
}

.qa__answer__txt a,
.qa__answer__list a {
    color: #1A1C80;
    text-decoration: underline;
    word-wrap:break-word;
}

.qa__answer__txt + .qa__answer__ttl,
.qa__answer__txt + .qa__answer__txt,
.qa__answer__txt + .qa__answer__list,
.qa__answer__list + .qa__answer__txt,
.qa__answer__list + .qa__answer__ttl {
    margin-top: 7.46667vw;
}
@media print, screen and (min-width: 751px) {
    .qa__answer__txt + .qa__answer__ttl,
    .qa__answer__txt + .qa__answer__txt,
    .qa__answer__txt + .qa__answer__list,
    .qa__answer__list + .qa__answer__txt,
    .qa__answer__list + .qa__answer__ttl {
        margin-top: 28px;
    }
}

.qa__answer__txt .td_underline {
    text-decoration: underline;
}

/* .qa__answer__list > li {
    padding-left: 1em;
    text-indent: -1em;
} */

.qa__answer__list--indent_1 > li {
    padding-left: 1em;
    text-indent: -1em;
}
.qa__answer__list--indent_1half > li {
    padding-left: 1.5em;
    text-indent: -1.2em;
}
.qa__answer__list--indent_2 > li {
    padding-left: 2em;
    text-indent: -2em;
}

.qa__answer__list--flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1em;
}


/* ----- qa top3 ----- */

/* よくあるご質問TOP3横の丸三連アイコン */
.qa--top3 .qa__ttl {
    background-image: url('/img/support/cmn/icon_ttl_02.png');
}

/* 見出し */
.qa--top3 .qa__question {
    background-color: #F2EAC2;
}

.qa--top3 .qa__question::before {
    content: '';
    border-left: 13.33334vw solid #F5D07A;
    border-radius: 1.6vw 0 0 1.6vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
}
@media print, screen and (min-width: 751px) {
    .qa--top3 .qa__question::before {
        content: '';
        border-left: 60px solid #F5D07A;
        border-radius: 6px 0 0 6px;
    }
}

.qa--top3 .qa__question > a {
    background-size: 4.26667vw 8.26667vw;
}
@media print, screen and (min-width: 751px) {
    .qa--top3 .qa__question > a {
        background-size: 20px 39px;
        background-position: left 20px center;
    }
}

/* top3の番号 */
.qa--top3 .qa__list li:nth-child(1) .qa__question > a {
    background-image: url('/img/support/cmn/icon_top3_01.png');
}
.qa--top3 .qa__list li:nth-child(2) .qa__question > a {
    background-image: url('/img/support/cmn/icon_top3_02.png');
}
.qa--top3 .qa__list li:nth-child(3) .qa__question > a {
    background-image: url('/img/support/cmn/icon_top3_03.png');
}

/* hover */
@media print, screen and (min-width: 751px) {
    .qa--top3 .qa__question:hover {
        background-color: #F4C967;
    }

    .qa--top3 .qa__question.is-active:hover {
        background-color: #F2EAC2;
    }
    .qa--top3 .qa__question:hover > a {
        color: #fff;
    }

    .qa--top3 .qa__question.is-active:hover > a {
        color: inherit;
    }
}


/* top3のAアイコン消去 */
.qa--top3 .qa__answer__inner {
    background: none;
}

/*  */
.marginNone {
    margin: 0 !important;
}