/*ワイド指定削除*/
    .dc-col.dc-product-detail__l.dc-container {
        width: 100%!important;
    }
    /*見出し*/
    .anasta-re5 h2 {
        font-size: 2.25rem;
        text-align: center;
    }
    table.price-detail + h2 {
        margin-top: 3rem;
    }
    .anasta-re5 h3 {
        font-size: 2rem;
        line-height: 1.5;
        text-align: center;
    }
    .anasta-re5 h4 {
        font-size: 1.75rem;
        text-align: center;
    }
    .anasta-re5 h2, .anasta-re5 h3, .anasta-re5 h4 {
        margin: 7rem 0 3rem;
    }
    .content-top span {
        display: block;
        font-size: 1.2rem;
        font-weight: 500;
        line-height: 1.9;
        text-align: center;
    }
    /*画像*/
    .anasta-re5 img {
        height: auto;
        width: 100%;
    }
    /*フォント*/
    .anasta-re5 p {
        font-size: 1.3rem;
    }
    /*申込ボタン*/
    a.ctr {
        background: #e35741;
        border-radius: 100px;
        color: #fff;
        display: block;
        font-size: 2rem;
        margin: 2rem auto;
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }
    /*申込ボタン②*/
    .cta-cart-btn {
        margin: 3rem 0;
        text-align: center;
    }
    .cta-cart-btn a {
        background: #e35741;
        border-radius: 100px;
        color: #fff;
        display: block;
        font-size: 1.65rem;
        margin: 0 auto 10px;
        padding: 12px;
        width: 50%;
    }
    .tryal {
        font-size: 1.3rem;
        letter-spacing: 2px;
    }



    /*add-top-atn*/
    .top-chiharu-box {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-bottom: 3rem;
        width: 100%;
    }
    .chiharu-name-area {
        text-align: center;
    }
    .chiharu-name-area p::before {
        content: "スタイリスト";
        display: block;
        font-size: .8rem;
    }
    .top-chiharu-box img {
        border-radius: 500px;
        height: auto;
        width: 140px;
    }
    .top-chiharu-box span {
        background: #eee;
        border-radius: 15px;
        display: block;
        font-size: 1.5rem;
        margin-left: 3rem;
        padding: 2rem;
        position: relative;
        width: 45%;
    }
    .top-chiharu-box span::before {
        border: solid transparent;
        content: '';
        height: 0;
        width: 0;
        pointer-events: none;
        position: absolute;
        border-color: rgba(242, 240, 241, 0);
        border-top-width: 15px;
        border-bottom-width: 15px;
        border-left-width: 25px;
        border-right-width: 20px;
        margin-top: -10px;
        border-right-color: #eee;
        right: 100%;
        top: 25%;
    }
    .top-chiharu-under-txt h4 {
        margin-top: 1rem;
    }
    .top-chiharu-under-txt {
        background: #dae8e8;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        padding: 2rem 0;
        text-align: center;
    }
    .top-chiharu-under-txt + p {
        line-height: 1.9;
        margin-top: 3rem;
        text-align: center;
    }


    /*first-step-anasta*/
    .anasta-logo {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 4rem 0 5rem;
    }
    .anasta-logo span {
        font-size: 2.7rem;
        font-weight: 500;
        margin-left: 15px;
        padding-bottom: 10px;
    }
    .anasta-logo img {
        width: 7%;
    }
    .about-service-anasta {
        border-bottom: solid 1px;
        border-top: solid 1px;
        padding: 2rem 0;
    }
    .about-service-anasta .top-ttl {
        font-size: 1.8rem;
        margin: 0 auto 1.5rem;
    }
    .about-service-anasta p {
        margin: auto;
        padding: 0 3rem;
        text-align: justify;
        width: 90%;
    }

    /*スタッフBA比較*/
    section.add-before-after-coordinate {
        margin: auto;
        text-align: center;
    }
    section.add-before-after-coordinate span {
        display: block;
        font-size: 1.1rem;
        font-weight: bold;
        letter-spacing: 1px;
        margin: 1rem 0;
    }
    section.add-before-after-coordinate img {
        width: 80%;
    }

    /*あなスタ提案シート*/
    section.add-anasta-sheet-ex {
        text-align: center;
    }
    section.add-anasta-sheet-ex h3 {
        margin-bottom: 1rem;
    }
    section.add-anasta-sheet-ex .content-top {
        margin-bottom: 2rem;
    }
    section.add-anasta-sheet-ex img {
        height: auto;
        width: 55%;
    }

    /*料金表*/
    table.price-detail {
        border: solid 1px;
        font-size: 1.2rem;
        margin: auto;
        text-align: center;
        width: 100%;
    }
    table.price-detail .color {
        background: #509c9c;
        color: #fff;
    }
    table.price-detail th {
        border: dotted 1px #000;
    }
    table.price-detail tr {
        border: solid 1px;
        height: 65px;
    }
    table.price-detail td {
        border: dotted 1px;
    }
    span.kome {
        font-size: 1rem;
    }
    ul.middle-position li {
        font-size: 1.1rem;
        margin: 5px 0;
        position: relative;
        padding-left: 1.5rem;
    }
    ul.middle-position li::before {
        content: "※";
        left: 0;
        position: absolute;
    }
    /*解約OK*/
        .small-attention {
        border: solid 1px;
        font-size: 1.5rem;
        margin-top: 3rem;
        padding: 0.8rem;
        text-align: center;
    }


    /*よくある質問*/
    .qa-accordion .toggle {
        display: none;
    }
    .qa-accordion .Label {
        padding: 1rem;
        display: block;
        background: #f2f0f1;
        cursor: pointer;
    }
    .qa-accordion .Label::before{
        content:"";
        width: 6px;
        height: 6px;
        border-top: 2px sulid #333;
        border-right: 2px sulid #333;
        -webkit-transform: rotate(45deg);
        position: absulute;
        top:calc( 50% - 3px );
        right: 20px;
        transform: rotate(135deg);
    }

    .qa-accordion .Label,
    .qa-accordion .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        font-size: 1.3rem;
        transform: translateZ(0);
        transition: all 0.3s;
    }
    .qa-accordion .content {
        height: 0;
        margin-bottom: 10px;
        padding: 0 20px;
        overflow: hidden;
        display: block;
    }
    .toggle:checked + .Label + .content {
        height: auto;
        padding:20px ;
        transition: all .3s;
    }
    .toggle:checked + .Label::before {
        transform: rotate(-45deg) !important;
    }
    .qa-accordion .content p a {
        color: #1097db;
        text-decoration: underline;
    }
    .qa-accordion .content p a:hover {
        opacity: 0.7;
    }
    .qa-accordion .content span {
        display: block;
        font-size: 0.9rem;
        opacity: 0.8;
        margin-top: 1rem;
    }
    .terms {
        background: #509c9c;
        padding: 1rem;
        text-align: center;
    }
    .terms a {
        color: #fff;
        display: block;
    }
        .settle-box {
        margin: auto;
        width: 95%;
    }
    .qa-accordion .Label {
        font-size: 1.1rem;
    }
    .anasta-re5 .qa-accordion .content p {
        font-size: 1.1rem;
    }
    /*特典*/
    .usage-flow ul li {
        align-items: center;
        border: solid 4px #2d9ed0;
        border-radius: 10px;
        display: flex;
        font-weight: 500;
        letter-spacing: 2px;
        margin-bottom: 1rem;
        padding: 1rem 2.5rem;
    }
    .anasta-re5 .usage-flow ul li p {
        font-size: 1.55rem;
        padding-left: 1.5rem;
    }
    .usage-flow ul li img {
        width: 5%;
    }
    .usage-flow ul li:last-child {
        margin-bottom: 3rem;
    }

    /*サービス流れ2ステップ追加*/
    .carousel.flow.add-2step {
        background: none;
        margin: 3rem 0 10rem;
        overflow: unset;
        overflow-x: unset;
    }
    .carousel.flow.add-2step ul {
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .carousel.flow.add-2step ul li {
        background: #ffbf58;
        border: solid 3px #ffbf58;
        margin: 0 2rem 0;
        width: 400px;
    }
    .carousel.flow.add-2step ul li img {
        height: auto;
    }
    .carousel.flow.add-2step .start-list-title {
        background: #fff;
        border: unset;
    }
    .carousel.flow.add-2step::before {
        color: #ffbf58;
        content: "▼";
        display: block;
        font-size: 3rem;
        margin-bottom: 3rem;
        text-align: center;
    }

    /*0303追加*/
    .diagnostic-page p {
    margin-bottom: 2rem;
    }
    .diagnostic-page a {
        background: #a2b7b8;
    }
    /*消すかも*/
    section.first-step-anasta > .anasta-logo {
        margin: 4rem auto 1rem;
    }


    /*---------------------------------------------------------------------------------------------------ここからスマホ*/
    @media screen and (max-width: 768.98px) {
        /*padding打ち消し*/
        #fs_ProductDetails .dc-container .dc-container {
            padding: unset;
        }
        /*見出し*/
        .anasta-re5 h2 {
            font-size: 2rem;
        }
        .anasta-re5 h3 {
            font-size: 1.8rem;
        }

        .anasta-re5 h4 {
            font-size: 1.6rem;
        }
        section.feature h4 {
            margin-top: 1.5rem;
        }
        .anasta-re5 h2, .anasta-re5 h3, .anasta-re5 h4 {
            margin-bottom: 1.5rem;
        }


        /*first-step-anasta*/
        .anasta-logo {
            margin: 1rem 0 5rem;
        }
        .anasta-logo span {
            font-family: var(--skin-header-font),sans-serif;
            font-size: 1.8rem;
            font-weight: 600;
        }
        .anasta-logo img {
            width: 12%;
        }
        .about-service-anasta {
            border: none;
            padding: 0;
        }
        .about-service-anasta .top-ttl {
            font-size: 1.5rem;
        }
        .about-service-anasta p {
            line-height: 2;
            width: 100%;
        }


        
        /*特典*/
        .usage-flow ul li {
            margin: 0 auto 1rem;
            padding: 1rem 1.5rem;
            width: 90%;
        }
        .usage-flow ul li img {
            width: 12%;
        }
        .anasta-re5 .usage-flow ul li p {
            font-size: 1.35rem;
            font-weight: 600;
            margin: 0;
            padding-left: 0.5rem;
        }
        /*CTR*/
        a.ctr {
            box-shadow: 3px 4px 0px 0px #e9e9e9;
            font-size: 1.4rem;
            width: 90%;
        }
        /*料金表*/
        table.price-detail {
            font-size: 1rem;
            width: 90%;
        }
        .middle-position {
            margin: 1.5rem auto;
            text-align: justify;
            width: 90%;
            word-break: break-all;
        }
        /*解約OK*/
        .small-attention {
            font-size: 1.3rem;
            margin: 1.5rem auto 0;
            width: 90%;
        }

        /*topちはる*/
        .chiharu-name-area p {
            font-size: 1.1rem;
        }
        .top-chiharu-box span {
            font-size: 1rem;
            margin-left: 2rem;
            padding: 1.5rem;
            width: 60%;
        }
        .top-chiharu-box img {
            width: 75px;
        }
        .top-chiharu-box span::before {
            border-top-width: 10px;
            border-bottom-width: 10px;
            border-left-width: 20px;
            border-right-width: 15px;
        }
        .top-chiharu-under-txt {
            padding: 3rem 0;
        }
        .top-chiharu-under-txt p {
            font-size: 1.1rem;
            margin: auto;
            line-height: 1.9;
            letter-spacing: 1px;
            text-align: justify;
            width: 80%;
            word-break: break-all;
        }
        .top-chiharu-under-txt + p {
            font-size: 1.1rem;
        }

        /*CTA②*/
        .cta-cart-btn a {
            font-size: 1.3rem;
            width: 85%;
        }
        .cta-cart-btn {
            background: #f3eacb;
            padding: 2rem 0;
        }
        /*スタッフBA*/
        section.add-before-after-coordinate h3 {
            font-size: 1.4rem;
        }
        section.add-before-after-coordinate p, 
        /*あなスタ提案例*/
        .content-top span {
            margin: 2rem auto;
            text-align: justify;
            width: 80%;
        }

        /*2ステップ追加*/
        .carousel.flow.add-2step ul {
            flex-direction: column;
        }
        .carousel.flow.add-2step ul li {
            margin: 0 auto 2rem;
            width: 75%;
        }
        .carousel.flow.add-2step::before {
            margin-bottom: 1rem;
        }
        .carousel.flow.add-2step {
            margin-bottom: 5rem;
        }

        /*評価*/
        .customer-review .comment {
            font-size: 1.1rem;
            line-height: 1.9;
            width: 90%;
        }
        /*0303追加*/
        .diagnostic-page p {
            padding: 0 2rem;
            text-align: justify;
            word-break: break-all;
        }



    }

/*-------------------------------------------------------------------------------------------カルーセルエリアCSS*/
    /*スタイリスト部分*/
    .carousel.staff {
        background: #dae8e8;
        overflow: hidden;
        overflow-x: auto;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
    }
    .carousel-area.staff {
        display: flex;
        overflow: auto;
        white-space: nowrap;
        width: 100%;
    }
    .carousel.staff .carousel-area > li {
        background: #eee;
        border-radius: 25px;
        position: relative;
        width: 425px;
    }
    .anasta-re5 .carousel.staff .carousel-area li img {
        border-radius: 250px;
        position: absolute;
        width: 30%;
        top: -3rem;
        right: 3rem;
    }
    .txtbox {
        padding: 1.5rem 3rem;
    }
    .comment-box {
        border-top: dashed 1px;
        letter-spacing: 1px;
        line-height: 1.9;
        padding-top: 1rem;
        text-align: justify;
        word-break: break-all;
    }
    .carousel.staff .carousel-area {
        display: flex;
        justify-content: space-evenly;
        padding: 5rem 0 2rem;
        width: 2400px;
    }
    .carousel.staff .carousel-area > li {
        background: #fff;
        border-radius: 25px;
        position: relative;
        width: 350px;
    }


    /*レビュー部分*/
    .carousel.review {
        background: linear-gradient(to bottom, #eee 0%, #eee 50%, #469fd3 50%, #469fd3 100%);
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        overflow: auto;
    }
    section.user-voice {
        margin-bottom: 5rem;
    }
    .carousel.review ul {
        display: flex;
        justify-content: space-evenly;
        padding: 2rem 0;
        width: 2000px;
    }
    .carousel.review ul li {
        background: #fff;
        border-radius: 25px;
        padding: 1rem 2rem 2rem;
        position: relative;
        width: 350px;
    }
    .anasta-re5 .carousel.review img {
        border-radius: 250px;
        bottom: -2rem;
        position: absolute;
        right: 2rem;
        width: 30%;
    }
    .carousel.review ul li p {
        line-height: 2;
    }

    /*フロー*/
    .carousel.flow {
        background: #dae8e8;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        overflow: hidden;
        overflow-x: auto;
    }
    .carousel.flow ul {
        align-items: stretch;
        display: flex;
        justify-content: space-evenly;
        margin-left: 5rem;
        overflow: auto;
        padding: 1rem 0 3rem;
        width: 2750px;
    }
    .carousel.flow ul li {
        background: #eee;
        border-radius: 25px;
        height: auto;
        width: 350px;
    }
    .carousel.flow ul li img {
        border-radius: 25px 25px 0 0;
        height: 225px;
        object-fit: cover;
    }
    .carousel.flow ul li p {
        line-height: 1.5;
        text-align: justify;
        word-break: break-all;
    }
    .start-list-title {
        border: solid 2px;
        display: block;
        padding: 10px 25px;
    }
    .your-stylist--start-list-right {
        padding: 2rem;
    }
    .your-stylist--start-list-right p span {
        font-size: 1rem;
    }
    .question-area-anchor-link a {
        background: none;
        color: #1097db;
        font-size: 1.5rem;
        margin: 1rem auto 0;
    }
    .question-area-anchor-link a::before {
        content: ">";
        padding: 0 10px;
    }
    .question-area-anchor-link a::after {
        content: "<";
        padding: 0 10px;
    }
    h1 + .about-service-anasta {
        margin-top: 6rem;
    }



    /*---------------------------------------------------------------------------------------------------ここからスマホ*/
    @media screen and (max-width: 768.98px) {
        /*スタイリスト*/
        section.feature .content-top span {
            text-align: center;
        }
        .anasta-re5 .comment-box {
            font-size: 1.1rem;
        }
        .carousel.staff .carousel-area {
            width: 1650px;
        }
        .carousel.staff .carousel-area > li {
            width: 300px;
        }
        .txtbox {
            padding: 1rem 2rem;
        }
        /*レビュー部分*/
        .carousel.review ul li p {
            font-size: 1.1rem;
        }
        .carousel.review ul {
            padding-bottom: 2.5rem;
            width: 1350px;
        }
        .carousel.review ul li {
            border-radius: 20px;
            padding: 1rem 1.5rem;
            width: 300px;
        }
        .anasta-re5 .carousel.review img {
            right: 1rem;
            width: 25%;
        }
        /*フロー*/
        .carousel.flow ul {
            margin-left: unset;
            padding-bottom: 1rem;
            width: 2200px;
        }
        .carousel.flow ul li {
            margin-left: unset;
            width: 280px;
        }
        .carousel.flow ul li p {
            font-size: 1.1rem;
        }
        .carousel.flow ul li img {
            height: 175px;
        }
        .your-stylist--start-list-right {
            padding: 1rem 1.5rem;
        }
        .your-stylist--start-list-right p span {
            font-size: .8rem;
            font-weight: 500;
        }



        }