#code-series-key-contents {
        background: #f7efeb;
        padding-inline: 2rem;
    }
    /*権威性画像*/
    .authority-icons {
        height: auto;
    }
    #code-series-key-contents .sp-true {
        display: block;
    }
    #code-series-key-contents .pc-true {
        display: none;
    }
    #code-series-key-contents img {
        height: auto;
    }
    #code-series-key-contents .text-space {
        letter-spacing: 2px;
    }
    @media screen and (min-width: 769px) {
        #code-series-key-contents {
            max-width: 1295px;
            min-width: 600px;
            margin-inline: auto;
            padding: 0;
        }
        #code-series-key-contents .sp-true {
            display: none;
        }
        #code-series-key-contents .pc-true {
            display: block;
        }
    }

/* ================================================================================================= header */
    .header-original {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2em;
        padding-block: 1.2em;
    }
    .header-original a {
        max-width: 27.5%;
        display: block;
    }
    .header-original img {
        width: 100%;
    }
    .header-original p {
        margin: 0;
        font-size: 1em;
        letter-spacing: .3em;
    }
    @media screen and (min-width: 769px) {
        .pc-mainv .header-original {
            top: 5.5em;
            padding: 0;
            flex-direction: column;
            align-items: baseline;
            gap: 1em;
        }
        .header-original p {
            font-size: 1.25em;
        }
        .header-original a {
            max-width: 42.5%;
        }

    }

/* ================================================================================================= 冒頭 */
    .main-visual-area p {
        font-family: FP-ヒラギノUD明朝 StdN W4;
        font-weight: 400;
        color: #cb333b;
    }
    .main-visual-area .main-catch-copy {
        font-size: 2.4em;
        letter-spacing: -3px;
    }
    .main-visual-area .copy-text {
        font-size: 1.5rem;
    }
    .main-visual-area {
        margin-inline: calc(50% - 50vw);
    }
    .mainv-text-multi-use {
        width: 90%;
        margin-inline: auto;
        margin-block: 2em;
    }
    .pc-mainv-image {
        display: none;
    }

    

    @media screen and (min-width: 769px) { 
        .main-visual-area {
            margin-inline: unset;
        }
        .pc-mainv-image {
            display: block;
        }
        .sp-mainv-image {
            display: none;
        }
        .pc-mainv {
            position: relative;
        }
        .pc-mainv .header-original, 
        .pc-mainv .main-visual-area {
            position: absolute;
            left: 5.5em;
        }
        .mainv-text-multi-use {
            width: unset;
            margin: 0;
        }
        .pc-mainv .main-visual-area {
            bottom: 4.5em;
        }
        .main-visual-area .main-catch-copy {
            font-size: 2.75em;
        }
        .main-visual-area .copy-text {
            margin-bottom: 2.5em;
        }
        .pc-mainv .main-visual-area .authority-icons {
            width: 50%;
        }


    }

    @media screen and (max-width: 1024px) and (min-width: 770px) {
        .main-visual-area .main-catch-copy {
            font-size: 2.5rem;
        }
        .pc-mainv .main-visual-area .authority-icons {
            width: 35%;
        }
    }



/* ================================================================================================= 使い回し2column並べ */
    /*ナンバー画像*/
    .style-number {
        width: 50%;
        margin-bottom: 1em;
    }
    .contents-list-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-block: 4rem;
        justify-content: center;
        gap: 4%;
    }
    .contents-list-wrapper > li {
        margin-block: 1.5em;
        width: 48%;
    }
    @media screen and (min-width: 769px) {
        .contents-list-wrapper > li {
            width: 27.5%;
            margin-block: 3em;
        }
        .style-number {
            max-width: 80px;
        }
    }





/* ================================================================================================= コーディネートリスト */
    .styling-detail-box .styling-comment {
        font-size: 1.25em;
        letter-spacing: 1px;
        margin-bottom: 2em;
    }
    .styling-detail-box {
        width: 85%;
        margin-inline: auto;
        padding-block: 7rem;
    }
    .pickup-styling-area > ul {
        margin-inline: calc(50% - 50vw);
        margin-block: 0;
    }
    .styling-detail-box small {
        text-align: end;
        display: block;
        margin-top: 2em;
        font-size: 1em;
    }
    @media screen and (min-width: 769px) {
        .pickup-styling-area > ul {
            margin-inline: unset;
        }
        .pickup-styling-area > ul > li {
            display: flex;
            align-items: center;
        }
        .pickup-styling-area > ul > li img {
            width: 50%;
        }
        .pickup-styling-area > ul > li .styling-detail-box {
            width: 50%;
            max-width: max-content;
        }
        .pickup-styling-area > ul > li:nth-child(even) {
            flex-direction: row-reverse;
        }
        .pickup-styling-area > ul > li:nth-child(even) .styling-detail-box .styling-comment {
            margin-inline: 2em;
        }
        .styling-detail-box .styling-comment {
            font-size: 1.55em;
        }
        .link-text-box.coord p {
            font-size: 1.2em;
        }
    }

/* ================================================================================================= CHECKボタン */
    .check-button {
        background: #cb333b;
        color: #f7efeb;
        padding-block: 3px;
        font-size: .9em;
        border-radius: 100px;
        text-align: center;
    }

/* ================================================================================================= 着用リンクテキスト */

    .wear-items li a, .wear-items li .link-text-box {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 1em;
    }
    .wear-items li a:hover {
        text-decoration-line: none;
    }
    .wear-items li .link-text-box p {
        margin: 0;
    }
    .wear-items li .link-text-box {
        width: 75%;
        flex: 1 1 0;
        gap: 0 1em;
        justify-content: flex-end;
    }
    .wear-items li .check-button {
        width: 20%;
    }
    .wear-items li:not(:last-child) {
        margin-bottom: 1em;
    }
    .link-text-box.coord .product-name {
        width: unset;
    }
    .wear-items li .link-text-box .product-price::before {
        content: "￥";
    }
    .wear-item-list a:hover {
        text-decoration-line: none;
    }



/* ================================================================================================= CTA */

    .sec-CTA-contents {
        background: #cb333b;
        color: #f7efeb;
        text-align: center;
        margin-inline: calc(50% - 50vw);
        padding: 4.5em 1.5em;
    }
    .sec-CTA-contents .message-text {
        font-size: 1.55em;
        font-family: FP-ヒラギノUD明朝 StdN W4;
        font-weight: 400;
    }
    .sec-CTA-contents .radius-button {
        background: #f7efeb;
        border-radius: 100px;
        display: block;
        color: #cb333b;
        font-size: 1.1em;
        padding-block: 1.5rem;
        margin-block: 1.5rem;
    }
    .sec-CTA-contents .text-simple-link {
        color: #f7efeb;
        font-size: 1.2em;
    }

    @media screen and (min-width: 769px) {
        .sec-CTA-contents {
            margin-inline: unset;
            padding-block: 6em 4em;
        }
        .sec-CTA-contents .message-text {
            font-size: 3.15em;
        }
        .sec-CTA-contents .radius-button {
            max-width: 35%;
            margin-inline: auto;
            font-size: 1.4em;
        }
    }



/* ================================================================================================= セクションメイン見出し */
    .section-top-info img {
        max-width: 65%;
        margin-inline: auto;
        margin-block: 6em 3em;
        display: block;
    }
    .CODE-aw-lineup .section-top-info img {
        margin-top: 0;
        padding-top: 6em;
    }
    .CODE-allseason-lineup .section-top-info img {
        max-width: 90%;
    }
    .section-top-info  {
        text-align: center;
    }
    .section-top-info h2 {
        font-size: 2.2em;
        line-height: 1.5;
        margin: 0;
    }
    .section-top-info .styling-info-text {
        font-size: 1.2em;
        margin-block: 2rem;
    }

    @media screen and (min-width: 769px) {
        .section-top-info img {
            max-width: 200px;
        }
        .section-top-info h2 {
            font-size: 3.65em;
        }
        .section-top-info .styling-info-text {
            font-size: 1.25em;
        }
        .CODE-aw-lineup .section-top-info img {
            max-width: 35%;
        }
        .CODE-allseason-lineup .section-top-info img {
            max-width: 25%;
        }
        .CODE-aw-lineup {
            margin-inline: unset;
        }
    }

/* ================================================================================================= アイテムリンク */
    .CODE-aw-lineup {
        margin-inline: calc(50% - 50vw);
        background: #fff;
        padding-inline: 2rem;
        padding-bottom: 1em;
    }
    .wear-item-list {
        margin-top: 1.5em;
    }
    .wear-item-list a {
        text-align: end;
        display: block;
    }
    .wear-item-list .link-text-box {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin-inline: auto 0;
        margin-bottom: .6em;
    }
    .wear-item-list .link-text-box .product-name {
        width: 100%;
    }
    .wear-item-list .link-text-box p {
        margin: 0;
    }
    .wear-item-list .link-text-box .product-price {
        margin-left: .6em;
    }
    .wear-item-list .link-text-box .product-price::before {
        content: "￥";
    }
    .wear-item-list .check-button {
        padding-inline: 1rem;
    }
    .wear-item-list small {
        display: block;
        margin-top: 2rem;
        font-size: .9em;
        text-align: end;
    }

    @media screen and (min-width: 769px) {
        .wear-item-list .link-text-box p {
            font-size: 1.2em;
        }
        .wear-item-list a {
            display: flex;
            align-items: center;
            gap: 0 1em;
            justify-content: flex-end;
            flex-wrap: wrap;
        }
        .wear-item-list .link-text-box {
            width: 72%;
            margin-bottom: 0;
        }
        .wear-item-list .check-button {
            width: 23%;
        }
        .wear-item-list .link-text-box .product-name {
            width: unset;
        }
    }



    


/* ================================================================================================= 服選びの時短可能枠 */
    .merit-message-contents {
        margin-bottom: 8rem;
        margin-inline: auto;
        background: #fff;
        padding: 1.5rem;
    }
    .merit-message-contents p, .merit-message-contents h2 {
        color: #cb333b;
        font-family: FP-ヒラギノUD明朝 StdN W4;
        font-weight: 400;
        text-align: center;
        padding: 1.5rem 1rem;
        margin: 0;
        box-sizing: border-box;
    }
    .merit-message-contents h2 {
        font-size: 1.5em;
        line-height: 1.6em;
        position: relative;
        border: solid 1px #866761;
        letter-spacing: -1px;
    }
    .merit-message-contents h2::before, 
    .merit-message-contents h2::after {
        content: "";
        border-bottom: solid 1px #866761;
        width: 15px;
        height: 1px;
        display: block;
        position: absolute;
        bottom: -1px;
    }
    .merit-message-contents h2::before {
        left: -15px;
    }
    .merit-message-contents h2::after {
        right: -15px;
    }

    .merit-message-contents p {
        text-align: center;
        padding: 1em;
        border-inline: solid 1px #866761;
        border-bottom: solid 1px #866761;
        font-size: .9em;
    }

    .merit-message-contents .line-box.top {
        margin: 0;
    }
    .merit-message-contents .line-box.top, 
    .merit-message-contents .line-box.bottom {
        position: relative;
    }

    .merit-message-contents .line-box.top::before, 
    .merit-message-contents .line-box.top::after, 
    .merit-message-contents .line-box.bottom::before, 
    .merit-message-contents .line-box.bottom::after {
        content: "";
        display: block;
        height: 15px;
        width: 15px;
        position: absolute;
        border-color: #866761!important;
    }

    .merit-message-contents .line-box.top::before, 
    .merit-message-contents .line-box.top::after {
        border-bottom: solid 1px;
        top: -14px;
    }
    .merit-message-contents .line-box.bottom::before, 
    .merit-message-contents .line-box.bottom::after {
        border-top: solid 1px;
        bottom: -14px;
    }

    .merit-message-contents .line-box.top::before, 
    .merit-message-contents .line-box.bottom::before {
        border-left: solid 1px;
        right: -14px;
    }
    .merit-message-contents .line-box.top::after, 
    .merit-message-contents .line-box.bottom::after {
        border-right: solid 1px;
        left: -14px;
    }


    @media screen and (min-width: 769px) {
        .merit-message-contents {
            max-width: 65%;
        }
        .merit-message-contents h2 {
            font-size: 3.55em;
            padding: .3em 0;
            line-height: 1.4em;
        }
        .merit-message-contents p {
            font-size: 1.45em;
        }
    }

    



/* ================================================================================================= AUENについて */
    .about-auen-area {
        margin-block: 7rem;
    }
    .about-auen-box1 {
        border: solid 2px #866761;
        padding: 2em 2.2em 1em;
        position: relative;
    }
    .about-auen-box1 .auen-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 3rem;
    }
    .about-auen-box1 .auen-logo img {
        max-width: 50%;
    }
    .about-auen-box1 .auen-logo p {
        font-family: robot;
        font-weight: 500;
        margin-bottom: 0;
    }
    .about-auen-main-copy {
        text-align: center;
        font-size: 2.3em;
        font-family: FP-ヒラギノUD明朝 StdN W4;
        font-weight: 400;
        color: #cb333b;
        margin-top: 2em;
    }
    .about-auen-message {
        font-size: 1.1em;
        margin-top: 2rem;
        text-align: justify;
        word-break: break-all;
        letter-spacing: 1px;
    }
    .about-auen-box1::before, .about-auen-box1::after {
        content: "";
        background: #f7efeb;
        width: 90%;
        height: 4px;
        display: block;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
    .about-auen-box1::before {
        top: -3px;
    }
    .about-auen-box1::after {
        bottom: -3px;
    }


    /*画像と権威性のところ*/
    .about-auen-box2 {
        position: relative;
        margin-top: 14rem;
    }
    .about-auen-box2 .authority-icons {
        position: absolute;
        top: -14rem;
        left: 50%;
        transform: translate(-50%);
    }
    .auens-benefit {
        margin-inline: calc(50% - 50vw);
    }

    @media screen and (min-width: 769px) {
        .about-auen-box1 .auen-logo {
            margin-block: 3.5em;
        }
        .about-auen-box1 .auen-logo img {
            max-width: 150px;
        }
        .about-auen-box1 {
            max-width: 70%;
            margin-inline: auto;
        }
        .about-auen-main-copy {
            font-size: 3.15em;
        }
        .about-auen-message {
            text-align: center;
        }
        .about-auen-box2 .authority-icons {
            max-width: 30%;
        }

    }

/* ================================================================================================= AUENについて 白背景 */
    .auens-benefit-wrapper {
        background: #fff;
        width: 87.5%;
        margin-inline: auto;
        margin-block: 2.5rem;
        padding: 2em 2em 3em;
    }
    .benefit-list h2 {
        text-align: center;
        font-size: 1.7em;
        letter-spacing: 1px;
        margin-block: 1.5em;
        line-height: 1.6em;
    }
    .benefit-list p {
        font-size: 1.3em;
        text-align: justify;
        word-break: break-all;
    }
    .benefit-list .bg-col {
        color: #fff;
        display: block;
        width: fit-content;
        margin-inline: auto;
        padding-left: .5em;
        margin-top: .3rem;
    }
    .benefit-list .bg-col.navy {
        background: #384967;
        letter-spacing: 2px;
    }
    .benefit-list .bg-col.brown {
        background: #866761;
        padding-inline: .8rem;
        letter-spacing: -1px;
    }

    @media screen and (min-width: 769px) {
        .auens-benefit {
            margin-inline: unset;
            display: flex;
            align-items: center;
        }
        .auens-benefit img {
            width: 53%;
        }
        .auens-benefit .auens-benefit-wrapper {
            width: 35.5%;
            margin-block: 0;
            padding: 3.5em;
        }
        .benefit-list h2 {
            font-size: 1.6em;
        }
        .benefit-list .bg-col.brown {
            letter-spacing: -1px;
        }
        .benefit-list p {
            font-size: 1.2em;
        }
    }


/* ================================================================================================= AUENサービスリスト */
    
    .auen-service-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1.2em 0;
        margin-block: 0 7em;
    }
    .auen-service-list li:nth-child(odd) {
        width: 45%;
    }
    .auen-service-list li:nth-child(even) {
        width: 51.5%;
    }
    .auen-service-list li {
        background: #fff;
        border: solid 5px #db7350;
        box-sizing: border-box;
        padding: 1em;
        display: flex;
        gap: 1em;
        align-items: center;
        justify-content: center;
    }

    .auen-service-list li .service-icon {
        max-width: 30%;
    }
    .auen-service-list li .strong-col {
        display: block;
        color: #db7350;
    }
    .auen-service-list .about-service {
        font-size: 1em;
        margin-block: 0;
    }

    @media screen and (min-width: 769px) {
        .auen-service-list {
            max-width: 55%;
            margin-inline: auto;
        }
        .auen-service-list li .service-icon {
            max-width: 25%;
        }
        .auen-service-list .about-service {
            font-size: 1.75em;
        }
    }



/* ================================================================================================= レビュー */
    .user-review-area .sub-title, 
    .user-review-area .main-title, 
    .user-review-area small {
        text-align: center;
        display: block;
    }
    .user-review-area .sub-title {
        font-size: 1.2em;
        margin-bottom: 1.5em;
    }
    .user-review-area .main-title {
        font-size: 1.8em;
        margin-block: 1em;
    }
    .user-review-area small {
        font-size: 1em;
    }
    .use-auen-user .bg-col {
        text-align: center;
        font-size: 1.5em;
        padding-block: .5em;
        color: #fff;
        margin-block: 1.5em;
    }
    .use-auen-user .bg-col.red {
        background: #cb333b;
    }
    .use-auen-user .bg-col.orange {
        background: #dc7350;
    }
    .use-auen-user .user-review .user-spec {
        display: block;
        text-align: end;
        font-size: .85em;
    }
    .use-auen-user small {
        font-size: .9em;
        text-align: end;
    }
    .user-review-area .use-auen-user:last-child {
        margin-bottom: 3em;
    }

    .user-review.left, .user-review.right {
        position: relative;
        display: inline-block;
        padding: 1.5em;
        border: 2px solid #866761;
        margin-bottom: 3.5em;
        font-size: 1.2em;
        width: 100%;
    }

    .user-review.left::before, .user-review.right::before {
        content: "";
        position: absolute;
        bottom: 0;
        border-style: solid;
        border-color: #866761 transparent transparent;
        translate: -50% 100%;
        transform: skew(-5deg);
        transform-origin: top;
    }
    .user-review.left::before {
        left: 25%;
        border-width: 32px 24.5px 0 0;
    }
    .user-review.right::before {
        left: 75%;
        border-width: 32px 0 0 24.5px;
    }

    .user-review.left::after, .user-review.right::after {
        content: "";
        position: absolute;
        bottom: 0;
        border-style: solid;
        border-color: #f7efeb transparent transparent;
        translate: calc(-50% - 0.3px) 100%;
        transform: skew(-5deg);
        transform-origin: top;
    }

    .user-review.left::after {
        left: 25%;
        border-width: 24.5px 19.4px 0 0;
      
    }
    .user-review.right::after {
        left: 75%;
        border-width: 24.5px 0 0 19.4px;
    }

    @media screen and (min-width: 769px) {
        .user-review-area .sub-title {
            font-size: 1.8em;
            margin-bottom: .5em;
        }
        .user-review-area .main-title {
            font-size: 2.5em;
            margin-block: .5em;
        }
        .user-review-area {
            max-width: 55%;
            margin-inline: auto;
        }
        .user-review.left, .user-review.right {
            width: 100%;
            font-size: 1.8em;
        }
        .use-auen-user .user-review .user-spec {
            font-size: .75em;
        }
    }



/* ================================================================================================= footer */
    .original-footer {
        background: #1c1c1c;
        margin-inline: calc(50% - 50vw);
        padding: 3em;
    }
    .footer-sns-list-wrapper > img {
        filter: invert(1);
        max-width: 55%;
        margin-inline: auto;
        margin-block: 3em 2em;
        display: block;
    }
    .original-footer .sns-list {
        display: flex;
        align-items: center;
        gap: 1.5em;
        justify-content: center;
        margin-block: 2em 6em;
    }
    .original-footer .sns-list li {
        width: 25px;
    }
    .original-footer .footer-menu-list li:not(:last-child) {
        margin-bottom: 2em;
    }
    .original-footer .sns-list li:not(:first-child) {
        filter: invert(1);
    }
    .original-footer .sns-list li:first-child {
        filter: grayscale(100);
    }

    .original-footer .footer-menu-list li a {
        color: #bbb;
        display: block;
        text-align: center;
        font-size: 1.2em;
    }
    .original-footer .dc-copyright {
        display: block;
        text-align: center;
        border: none;
        font-size: 1em;
        color: #bbb;
        margin-block: 4em;
    }

    @media screen and (min-width: 769px) {
        .original-footer {
            margin-inline: unset;
        }
        .footer-sns-list-wrapper > img {
            max-width: 160px;
        }
        .footer-menu-list {
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 2em;
        }
        .original-footer .footer-menu-list li:not(:last-child) {
            margin: unset;
        }
        .original-footer .sns-list {
            gap: 1.2em;
        }
    }