:is(.c-text-group,.c-list-desc-1__content,.c-list-bullet-1__item,.c-list-symbol__item,.c-list-symbol__text,.c-list-notes__item,.c-panel__content,.c-layout-recipe__areaImage,.c-layout-recipe__areaIngredients,.c-layout-recipe__areaSteps,.c-list-recipeIngredients__areaWide,.c-list-recipeIngredients__areaNarrow,.c-text-terms__inner,.p-area-toc__inner,.p-area-gift__inner,.p-area-apply__inner,.p-apply-panel__areaContent,.p-apply-panel__subAreaTitle,.p-apply-panel__subAreaText,.p-apply-panel__subAreaCard,.p-apply-panel__subAreaSupplement,.p-apply-panel__areaImage,.p-area-recipe__inner,.p-area-terms__inner,.p-area-privacyPolicy__inner,.p-area-contact__inner,.p-list-contact__content,.p-area-selfIntroduction__areaContent,.p-area-selfIntroduction__areaImage,.p-area-sns__inner) > :first-child{
        margin-top:0 !important;
    }

:is(.c-text-group,.c-list-desc-1__content,.c-list-bullet-1__item,.c-list-symbol__item,.c-list-symbol__text,.c-list-notes__item,.c-panel__content,.c-layout-recipe__areaImage,.c-layout-recipe__areaIngredients,.c-layout-recipe__areaSteps,.c-list-recipeIngredients__areaWide,.c-list-recipeIngredients__areaNarrow,.c-text-terms__inner,.p-area-toc__inner,.p-area-gift__inner,.p-area-apply__inner,.p-apply-panel__areaContent,.p-apply-panel__subAreaTitle,.p-apply-panel__subAreaText,.p-apply-panel__subAreaCard,.p-apply-panel__subAreaSupplement,.p-apply-panel__areaImage,.p-area-recipe__inner,.p-area-terms__inner,.p-area-privacyPolicy__inner,.p-area-contact__inner,.p-list-contact__content,.p-area-selfIntroduction__areaContent,.p-area-selfIntroduction__areaImage,.p-area-sns__inner) > :last-child{
        margin-bottom:0 !important;
    }

.c-text-group + .c-text-group{
        margin-top:1em;
    }

.c-list-desc-1{
    margin-top:1em;
}

.c-list-desc-1__item + .c-list-desc-1__item{
        margin-top:1em;
    }

.c-list-desc-1__title{
    font-weight:700;
    font-size:1.5rem;
}

.c-list-desc-1__content{
    margin-top:0.25em;
}

.c-list-bullet-1{
    margin-block:1em;
}

.c-list-bullet-1__item{
    position:relative;
    padding-left:1em;
}

.c-list-bullet-1__item + .c-list-bullet-1__item{
        margin-top:0.25em;
    }

.c-list-bullet-1__item::before{
        content:"";
        display:block;
        position:absolute;
        top:0.8em;
        left:0.4em;
        border-radius:50%;
        width:0.21429em;
        height:0.21429em;
        background-color:currentcolor;
    }

.c-list-bullet-1__item  > [class*="c-list-"]{
        padding-top:0.35714em;
    }

.c-list-symbol{
    display:grid;
    margin-block:1em;
    gap:0.25em;
    grid-template-columns:max-content 1fr;
}

.c-list-symbol__item .c-list-symbol{
        grid-column:2 / 3;
    }

.c-list-symbol__item{
    display:grid;
    gap:0.25em;
    grid-column:1 / 3;
    grid-template-columns:subgrid;
}

.c-list-symbol__item > :not(.c-list-symbol__inner){
        grid-column:2 / 3;
    }

.c-list-symbol__inner{
    display:grid;
    gap:0 0.2em;
    grid-column:1 / 3;
    grid-template-columns:subgrid;
}

.c-list-symbol__inner  > :not(.c-list-symbol__mark,.c-list-symbol__text){
        grid-column:1 / 3;
        margin-block:0 !important;
    }

.c-list-symbol__inner + *{
        margin-top:0 !important;
    }

.c-list-symbol__mark{
    grid-column:1 / 2;
    text-align:right;
}

.c-list-symbol__text{
    grid-column:2 / 3;
}

.c-list-notes{
    display:flex;
    margin-block:1em;
}

.c-list-notes.of-center{
        justify-content:center;
    }

.c-list-notes__list{
    display:grid;
    grid-template-columns:max-content 1fr;
    margin-block:0;
    text-align:left;
    font-size:1.4rem;
}

.c-list-notes__item{
    display:grid;
    gap:0.25em;
    grid-column:1 / 3;
    grid-template-columns:subgrid;
}

.c-list-notes__item > :not(.c-list-notes__inner){
        grid-column:2 / 3;
    }

.c-list-notes__inner{
    display:grid;
    gap:0;
    grid-column:1 / 3;
    grid-template-columns:subgrid;
}

.c-list-notes__inner + *{
        margin-top:0 !important;
    }

.c-list-notes__mark{
    grid-column:1 / 2;
}

.c-list-notes__text{
    grid-column:2 / 3;
    font-size:inherit;
}

.c-media-image{
    display:block;
}

.c-media-image.of-objectFit-cover .c-media-image__viewport{
        overflow:hidden;
    }

.c-media-image__image{
    vertical-align:bottom;
}

.c-media-image.of-objectFit-cover .c-media-image__image{
        width:100%;
        height:100%;
        object-fit:cover;
    }

.c-media-iframe{
    text-align:center;
}

.c-media-iframe__inner{
    display:inline-flex;
    flex-direction:column-reverse;
    row-gap:5px;
    vertical-align:bottom;
}

.c-media-iframe.of-full .c-media-iframe__inner{
        width:100%;
    }

.c-media-iframe__iframe{
    display:inline-block;
    max-width:100%;
    aspect-ratio:560 / 315;
}

.c-media-iframe.of-full .c-media-iframe__iframe{
        width:100%;
        height:100%;
    }

.c-panel{
    position:relative;
    margin-block:73px;
}

.c-panel__title{
    display:block;
    position:relative;
    z-index:1;
    margin:-33px auto 0;
    width:fit-content;
    min-height:66px;
    font-size:2rem;
    line-height:1;
    transform:translateY(33px);
}

.c-panel__content{
    border-radius:5px;
    border:5px solid #000;
    background-color:#FFFCEA;
}

.c-layout-recipe{
    display:grid;
    gap:30px;
    padding:50px 10px 20px;
    background-color:#FFFCEA;
}

.c-layout-recipe__item{
    display:grid;
    gap:20px;
}

.c-layout-recipe__title{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9em;
    padding:8px 45px;
    min-height:29px;
    font-weight:700;
    line-height:1.25;
    font-size:2rem;
    text-align:center;
    color:#fff;
    background-color:#063F21;
}

.c-layout-recipe__areaIngredients{
    margin-top:40px;
}

.c-layout-recipe__areaSteps{
    margin-top:35px;
}

.c-list-recipeIngredients{
    background-color:#fff;
}

.c-list-recipeIngredients__title{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9em;
    margin:auto;
    min-height:30px;
    width:fit-content;
    min-width:100px;
    font-weight:700;
    font-size:1.8rem;
    line-height:1;
    color:#fff;
    background-color:#ED6B00;
    transform:translateY(-50%);
}

.c-list-recipeIngredients__content{
    display:flex;
    flex-direction:column;
    gap:5px 35px;
    padding:5px 10px 20px;
    font-weight:500;
    font-size:1.8rem;
}

.c-list-recipeIngredients__subTitle{
    display:inline-flex;
    align-items:center;
    position:relative;
    padding-inline:0.8em;
    font-weight:500;
}

.c-list-recipeIngredients__subTitle::before,.c-list-recipeIngredients__subTitle::after{
        content:"";
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        margin-block:auto;
        width:0.6em;
        height:0.6em;
        background-color:currentcolor;
    }

.c-list-recipeIngredients__subTitle::before{
        left:0;
        clip-path:polygon(0% 50%, 100% 0%, 100% 10%, 16.25% 50%, 100% 90%, 100% 100%);
    }

.c-list-recipeIngredients__subTitle::after{
        right:0;
        clip-path:polygon(100% 50%, 0% 0%, 0% 10%, 83.75% 50%, 0% 90%, 0% 100%);
    }

.c-list-recipeIngredients__item{
    display:flex;
    position:relative;
    padding-left:1em;
}

.c-list-recipeIngredients__item::before{
        content:"";
        display:block;
        position:absolute;
        top:14px;
        left:7px;
        border-radius:50%;
        width:4px;
        height:4px;
        background-color:currentcolor;
    }

.c-list-recipeIngredients__value{
    display:flex;
    position:relative;
    flex-grow:1;
}

.c-list-recipeIngredients__value::before{
        content:"";
        display:flex;
        flex-grow:1;
        margin-inline:3px;
        background-image:radial-gradient(circle, #000 1.5px, transparent 1.5px);
        background-position:100% 50%;
        background-repeat:repeat-x;
        background-size:7px 3px;
    }

.c-list-recipeSteps{
    background-color:#fff;
}

.c-list-recipeSteps__title{
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9em;
    margin:auto;
    min-height:30px;
    width:fit-content;
    min-width:100px;
    font-weight:700;
    font-size:1.8rem;
    line-height:1;
    color:#fff;
    background-color:#2A955C;
    transform:translateY(-50%);
}

.c-list-recipeSteps__content{
    padding:0 10px 20px;
    font-weight:500;
    font-size:1.8rem;
}

.c-list-recipeSteps__list{
    display:grid;
    gap:15px;
}

.c-list-recipeSteps__item{
    display:flex;
    gap:7px;
}

.c-list-recipeSteps__marker{
    flex-grow:1;
    flex-shrink:0;
    align-self:start;
    max-width:50px;
}

.c-list-recipeSteps__text{
    flex-grow:1;
    align-self:center;
}

.c-text-terms{
    max-height:85vh;
    font-weight:500;
    font-size:1.4rem;
    background-color:#fff;
    overflow-y:auto;
}

.c-text-terms__inner{
    padding:45px 10px 15px;
}

.c-icon-x{
    vertical-align:middle;
}

.u-break-text{
    display:inline-block;
}

.u-break-autoPhrase{
    word-break:auto-phrase;
}

.u-break-keepAll{
    word-break:keep-all;
}

.u-align-c{
    text-align:center !important;
}

.u-w-100per{
    width:100% !important;
}

.p-regionContent{
    overflow:hidden;
}

.p-regionContent__inner{
    position:relative;
    z-index:0;
}

.p-area-intro{
    position:relative;
}

.p-area-period{
    display:grid;
    gap:5px;
}

.p-area-period__list{
    display:grid;
    gap:15px;
}

.p-area-period__item + .p-area-period__item{
        position:relative;
    }

:is(.p-area-period__item + .p-area-period__item)::before{
            content:"";
            display:block;
            position:absolute;
            top:0;
            left:0;
            right:0;
            margin:auto;
            width:28px;
            height:24px;
            background-color:#1A1311;
            clip-path:polygon(100% 0, 0 0, 50% 100%);
        }

.p-area-campaign-1{
    border-top:3px solid #FFD900;
    border-bottom:3px solid #FFD900;
    padding-inline:20px;
    margin-top:30px;
    background:url(../img/index_bg_p-area-campaign-1_sp.svg) no-repeat 50% 50% / cover #063F21;
}

.p-area-campaign-1__inner{
    margin-inline:auto;
    max-width:1080px;
}

.p-area-gift{
    padding-inline:20px;
}

.p-area-gift__inner{
    padding-top:66px;
    margin-inline:auto;
    max-width:1280px;
    overflow:hidden;
}

.p-area-apply{
    padding-inline:20px;
}

.p-area-apply__inner{
    padding-top:66px;
    margin-inline:auto;
    max-width:1280px;
}

.p-area-recipe{
    padding-inline:20px;
}

.p-area-recipe__inner{
    padding-top:40px;
    margin-inline:auto;
    max-width:1180px;
}

.p-area-terms{
    padding-inline:20px;
}

.p-area-terms__inner{
    padding-top:40px;
    margin-inline:auto;
    max-width:1280px;
}

.p-area-privacyPolicy{
    padding-inline:20px;
}

.p-area-privacyPolicy__inner{
    padding-top:73px;
    margin-inline:auto;
    max-width:1280px;
}

.p-area-contact{
    padding-inline:20px;
}

.p-area-contact__inner{
    padding-block:74px 103px;
    margin-inline:auto;
    max-width:1280px;
    font-weight:500;
}

.p-list-contact__title{
    font-weight:700;
    font-size:1.8rem;
}

.p-list-contact__content{
    margin-top:5px;
}

.p-list-contact__text{
    font-size:1.6rem;
}

.p-toc-list{
    display:grid;
    grid-template-columns:repeat(2, 138px);
    gap:5px 29px;
    justify-content:center;
}

.p-gift-panel{
    border:3px solid #ffd900;
    padding:0 10px 25px;
    background-color:#063f21;
}

.p-gift-panel__title{
    text-align:center;
    transform:translateY(-50%);
    margin-bottom:-33px;
}

.p-gift-panel__content{
    padding-top:15px;
}

.p-apply-panel{
    padding:20px 10px 0;
}

.p-apply-panel__areaContent{
    padding-top:27px;
}

.p-apply-panel__title{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-inline:auto;
    max-width:305px;
    min-height:45px;
    border-radius:5px;
    font-weight:700;
    font-size:2rem;
    text-align:center;
    background-color:#ffd900;
}

.p-apply-panel__title .c-icon-x{
        margin-inline:3px;
        width:29px;
        height:29px;
    }

.p-apply-panel__subAreaText{
    margin-top:10px;
}

.p-apply-panel__text{
    font-weight:700;
    font-size:1.8rem;
    line-height:1.55556;
    letter-spacing:-0.1px;
    text-align:center;
}

.p-apply-panel__text .c-icon-x{
        margin-right:3px;
        width:29px;
        height:29px;
        vertical-align:text-bottom;
    }

.p-apply-panel__textHashTag{
    font-weight:700;
    font-size:2rem;
    color:#063F21;
}

.p-apply-panel__textHashTag::before{
        content:"「";
        display:inline;
        font-feature-settings:"palt";
    }

.p-apply-panel__textHashTag::after{
        content:"」";
        display:inline;
        font-feature-settings:"palt";
    }

.p-apply-panel__subAreaCard{
    margin-top:15px;
}

.p-apply-panel__lsitX{
    display:grid;
    gap:11px 18px;
}

.p-apply-panel__cardX{
    border:2px solid #063f21;
    padding:20px 20px 20px 70px;
    background-color:#fff;
}

.p-apply-panel__cardX-name{
    display:block;
    position:relative;
    font-weight:700;
    font-size:1.8rem;
}

.p-apply-panel__cardX-name::before{
        content:"";
        display:block;
        position:absolute;
        top:0;
        bottom:0;
        right:calc(100% + 8px);
        border-radius:50%;
        margin:auto;
        width:38px;
        height:38px;
        background-color:#063f21;
    }

.p-apply-panel__cardX-account{
    font-weight:700;
    font-size:1.5rem;
    line-height:2.13333;
    color:#484848;
}

.p-apply-panel__cardX-text{
    font-weight:700;
    font-size:1.6rem;
    line-height:1.25;
}

.p-apply-panel__cardX-hashTag{
    display:inline-block;
    margin-top:10px;
    font-weight:700;
    font-size:1.6rem;
    line-height:1.4375;
    color:#0095f2;
}

.p-apply-panel__cardX-hashTag:any-link{
        -webkit-text-decoration:none;
        text-decoration:none;
    }

.p-apply-panel__subAreaSupplement{
    margin-top:20px;
}

.p-apply-panel__areaImage{
    margin-top:10px;
    overflow:hidden;
}

.p-area-selfIntroduction{
    border-top:5px solid #FFD900;
    border-bottom:5px solid #FFD900;
    background-color:#003F21;
}

.p-area-selfIntroduction__inner{
    padding-top:35px;
    margin-inline:auto;
    max-width:1180px;
    overflow:hidden;
}

.p-area-selfIntroduction__areaContent{
    display:grid;
    gap:40px;
    padding-inline:35px;
    font-size:1.6rem;
    letter-spacing:-0.3px;
    color:#fff;
}

.p-area-selfIntroduction__title{
    margin:0;
}

.p-area-sns{
    padding-inline:20px;
}

.p-area-sns__inner{
    padding-block:40px;
}

.p-area-sns__title{
    margin:auto;
    font-weight:700;
    font-size:1.6rem;
    text-align:center;
}

.p-area-sns__list{
    display:grid;
    grid-template-columns:repeat(3, 54px);
    gap:12px;
    justify-content:center;
    margin-block:15px;
}

.p-area-sns__item{
    border-radius:50%;
    background-color:#063F21;
}

.l-footer{
    padding-inline:20px;
    background-color:#063F21;
}

.l-footer__inner{
    padding-block:14px 15px;
}

.l-footer__copyright{
    font-size:1.2rem;
    text-align:center;
    color:#fff;
}

.l-footer__copyright small{
        font-size:inherit;
    }

@media (hover: hover){
        :is(.c-text-terms__inner,.p-area-contact) :any-link{
            color:#0095F2;
        }
        .c-media-image__inner:any-link{
            transition:opacity 0.5s;
        }

            .c-media-image__inner:any-link:hover{
                opacity:0.8;
            }
        .p-apply-panel__cardX-hashTag:any-link{
            -webkit-text-decoration:none;
            text-decoration:none;
        }

            .p-apply-panel__cardX-hashTag:any-link:hover{
                -webkit-text-decoration:underline;
                text-decoration:underline;
            }
}

@media (max-width: 767.98px){
    .u-pc-only{
        display:none !important;
    }
}

@media (min-width: 767.02px){
    .c-panel{
        margin-block:95px;
    }

    .c-panel__title{
        margin-top:-45px;
        min-height:90px;
        transform:translateY(45px);
    }
        summary.c-panel__title::before,summary.c-panel__title::after{
            right:20px;
        }
    .c-layout-recipe{
        padding:60px 45px 32px;
    }

    .c-layout-recipe__item{
        gap:48px;
    }

    .c-layout-recipe__title{
        margin-inline:auto;
        width:fit-content;
        min-height:45px;
        font-size:2.6rem;
    }

    .c-layout-recipe__content{
        display:grid;
        grid-template-columns:46.2963% 50%;
        gap:46px 40px;
    }

    .c-layout-recipe__areaImage{
        grid-row:1 / 2;
        grid-column:1 / 2;
    }

    .c-layout-recipe__areaIngredients{
        grid-row:1 / 2;
        grid-column:2 / 3;
        margin-top:0;
    }

        .c-layout-recipe__areaIngredients  > *{
            height:100%;
        }

    .c-layout-recipe__areaSteps{
        grid-row:2 / 3;
        grid-column:1 / 3;
        margin-top:0;
    }
    .c-list-recipeIngredients__title{
        margin-left:0;
        margin-bottom:-6px;
    }

    .c-list-recipeIngredients__content{
        flex-flow:row wrap;
        padding:0 30px 15px;
        line-height:1.61111;
    }

    .c-list-recipeIngredients__areaWide{
        flex-grow:1;
        max-width:67.41573%;
    }

    .c-list-recipeIngredients__areaNarrow{
        flex-grow:1;
        max-width:32.58427%;
    }
    .c-list-recipeSteps__title{
        margin-left:0;
    }

    .c-list-recipeSteps__content{
        padding:0 30px 20px;
    }

    .c-list-recipeSteps__item{
        gap:9px;
    }
    .c-text-terms{
        max-height:80vh;
    }

    .c-text-terms__inner{
        padding:70px 45px 30px;
    }
    .u-sp-only{
        display:none !important;
    }
    .p-regionContent{
        background:url(../img/index_bg_01_pc@2x.jpg) repeat-y 50% 0 / 100% #FEEBBE;
    }
    .p-area-toc{
        position:sticky;
        top:0;
        z-index:100;
    }

        .p-area-toc::after{
            content:"";
            display:block;
            position:absolute;
            z-index:-1;
            top:-50px;
            left:0;
            right:0;
            height:0;
            background-image:linear-gradient(to bottom, #fff 50%, transparent);
            opacity:0;
            transition:height 0.3s, opacity 0.3s;
            pointer-events:none;
        }
            .p-area-toc.is-sticky::after{
                height:200%;
                opacity:1;
            }

    .p-area-period{
        gap:0;
        margin-top:-48px;
    }

    .p-area-period__list{
        display:flex;
        gap:64px;
        justify-content:center;
    }
            :is(.p-area-period__item + .p-area-period__item)::before{
                inset:0 auto 0 -54px;
                width:34px;
                height:39px;
                transform:translateY(50%);
                clip-path:polygon(100% 50%, 0 0, 0 100%);
            }
    .p-area-campaign-1{
        margin-top:60px;
        background-image:url(../img/index_bg_p-area-campaign-1_pc.svg);
    }

    .p-area-campaign-1__inner{
        margin-inline:auto;
        max-width:1280px;
    }

    .p-area-gift__inner{
        padding-top:100px;
    }

    .p-area-apply__inner{
        padding-top:40px;
    }

    .p-area-recipe__inner{
        padding-top:112px;
    }

    .p-area-terms__inner{
        padding-top:96px;
    }

    .p-area-privacyPolicy__inner{
        padding-top:96px;
    }

    .p-area-contact__inner{
        padding-block:96px 150px;
    }
    .p-toc-list{
        display:flex;
        gap:40px;
    }
    .p-gift-panel{
        border-width:5px;
        padding-bottom:49px;
    }

    .p-gift-panel__title{
        margin-bottom:-48px;
    }

    .p-gift-panel__content{
        padding-top:30px;
    }
    .p-apply-panel{
        padding:0;
    }

    .p-apply-panel__inner{
        display:flex;
        flex-direction:row-reverse;
    }

    .p-apply-panel__areaContent{
        flex-grow:1;
        padding-top:60px;
    }

    .p-apply-panel__subAreaTitle{
        padding-right:min(calc(23.82813vw + 10px), 315px);
    }

    .p-apply-panel__title{
        max-width:341px;
        border-radius:10px;
        font-size:2.4rem;
    }

        .p-apply-panel__title .c-icon-x{
            margin-inline:1px;
            width:32px;
            height:32px;
        }

    .p-apply-panel__text{
        font-size:2.2rem;
        text-align:left;
    }

        .p-apply-panel__text .c-icon-x{
            margin-right:2px;
            width:33px;
            height:33px;
            vertical-align:text-bottom;
        }

    .p-apply-panel__textHashTag{
        font-size:2.8rem;
    }

    .p-apply-panel__subAreaCard{
        margin-top:25px;
    }

    .p-apply-panel__lsitX{
        grid-template-columns:repeat(auto-fill, 284px);

    }

    .p-apply-panel__subAreaSupplement{
        display:flex;
        justify-content:end;
        padding:0 45px 20px 0;
    }

    .p-apply-panel__areaImage{
        flex-shrink:0;
        align-self:end;
        padding-inline:5px 7px;
        margin-top:0;
    }
    .p-area-selfIntroduction{
        padding-inline:20px;
    }

    .p-area-selfIntroduction__inner{
        display:flex;
        justify-content:space-between;
        padding:0 20px 0 50px;
    }

    .p-area-selfIntroduction__areaContent{
        flex-grow:1;
        padding:50px 0;
        font-size:1.8rem;
    }

    .p-area-selfIntroduction__areaImage{
        flex-shrink:0;
        align-self:end;
        max-width:50%;
    }
    .p-area-sns{
        background-color:#fff;
    }

    .p-area-sns__inner{
        padding-block:52px 62px;
    }

    .p-area-sns__title{
        font-size:2.4rem;
    }

    .p-area-sns__list{
        grid-template-columns:repeat(3, 79px);
        gap:17px;
        margin-block:20px;
    }
    [class*="p-decoration-"]{
        position:absolute;
        z-index:-1;
        pointer-events:none;
    }

    .p-decoration-1{
        top:31px;
        left:0;
    }

    .p-decoration-2{
        top:137px;
        right:49px;
    }

    .p-decoration-3{
        top:25px;
        right:-286px;
    }

    .p-decoration-4{
        top:550px;
        left:-156px;
    }

    .p-decoration-5{
        top:1153px;
        right:-319px;
    }

    .p-decoration-6{
        top:2750px;
        left:-571px;
    }

    .p-decoration-7{
        right:-252px;
        bottom:1740px;
    }

    .p-decoration-8{
        left:-252px;
        bottom:730px;
    }
    .l-footer__inner{
        padding-block:12px 13px;
    }

    .l-footer__copyright{
        font-size:1.5rem;
    }
}

@media (scripting: enabled){
    .js-disclosure__button{
        position:relative;
        display:flex;
        overflow:hidden;
        width:100%;
    }

        .js-disclosure__button::before,.js-disclosure__button::after{
            content:"";
            display:block;
            position:absolute;
            z-index:1;
            top:0;
            right:17px;
            bottom:0;
            border-radius:9em;
            margin-block:auto;
            width:24px;
            height:2px;
            background-color:#fff;
            transition:transform 0.5s;
        }
            .js-disclosure__button[aria-expanded="false"]::after{
                transform:rotate(90deg);
            }

    .js-disclosure__state{
        position:absolute;
        z-index:-1;
        top:100%;
    }

    .js-disclosure__content{
        overflow:hidden;
        height:0;
        visibility:hidden;
        transition:height 0.4s, opacity 0.4s, visibility 0.4s, border-width 0.4s;
    }

        .js-disclosure__content.is-hidden{
            display:none;
        }

        .js-disclosure__content:not(.is-open){
            border-top-width:0;
            border-bottom-width:0;
        }

        .js-disclosure__content.is-open{
            overflow:visible;
            height:auto;
            visibility:visible;
        }
}