.pc {
    display: block;
}

.sp {
    display: none;
}

img {
    width: 100%;
    height: 100%;
}

a {
    text-decoration: none;
}

h2 {
    font-size: 2.222vw;
    font-weight: 400;
    position: relative;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 8.499vw;
    scroll-padding-top: 0;
    overflow-x: hidden;
}

body {
    font-family: "Yu Mincho", "Shippori Mincho", serif;
    font-weight: 400;
    font-style: normal;
    width: 100vw;
    overflow-x: hidden;
}

.main {
    font-weight: 400;
    font-style: normal;
    width: 100vw;
    color: #222020;
    box-sizing: border-box;
    overflow-x: hidden;
}

.fv {
    width: 100vw;
    height: 52.778vw;
    background-image: url('../images/fv.jpg');
    background-size: cover;
}

.kuri_btn {
    display: inline-block;
    width: fit-content;
    height: fit-content;
    padding: 1.667vw 8.333vw 1.667vw 5.556vw;
    background-color: #9B7829;
    color: white;
    font-size: 1.667vw;
    line-height: 1.4;
    letter-spacing: 0.08em;
    position: relative;
}

.kuri_btn::after {
    content: '';
    width: 2.222vw;
    height: 2.222vw;
    position: absolute;
    top: 1.736vw;
    right: 5.556vw;
    background-image: url('../images/cart-icon.png');
    background-size: cover;
}

.about1 {
    width: 100vw;
    position: relative;
    padding: 11.111vw 0;
}

.about1__bg1 {
    position: absolute;
    top: -1.813vw;
    left: 6.14vw;
    width: 30.634vw;
    height: 25.656vw;
    background-image: url('../images/about1-image1.png');
    background-size: cover;
    transform: rotate(-12.35deg);
}

.about1__bg2 {
    position: absolute;
    top: 16.393vw;
    left: 41.031vw;
    width: 21.848vw;
    height: 17.77vw;
    background-image: url('../images/about1-image2.png');
    background-size: cover;
    transform: rotate(14.38deg);
}

.about1__text-wrap {
    width: 70.417vw;
    margin: 0 auto 0;
    min-height: 50.972vw;
    position: relative;
    border: 1px solid transparent;
}

.about1__title {
    font-size: 3.472vw;
    font-weight: 500;
    margin-left: 28.472vw;
    line-height: 1.868;
    padding: 0;
}

.about1__text {
    font-size: 1.25vw;
    font-weight: 600;
    line-height: 1.868;
    margin-top: 13.889vw;
    margin-left: 0;
}

#moreButton {
    width: 8.472vw;
    margin-top: 1.111vw;
    cursor: pointer;
    font-size: 1.25vw;
    line-height: 1.868;
    color: #9F8888;
    position: relative;
}

#moreButton.open {
    width: 6.5vw;
}

#moreButton::after {
    content: '';
    width: 1.111vw;
    height: 0.549vw;
    position: absolute;
    top: 0.906vw;
    right: 0;
    background-image: url('../images/arrow-icon.png');
    background-size: cover;
}

#moreButton.open::after {
    transform: scale(1, -1);
}

.about1__btn {
    margin-top: 5.556vw;
    margin-left: 22.014vw;
}

.about2 {
    width: 100vw;
    height: 90.139vw;
    position: relative;
}

.about2__row {
    width: 73.125vw;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 0;
}

.about2__image {
    width: 36.944vw;
    height: 24.653vw;
}

.about2__text-wrap {
    width: 30.625vw;
}

.about2__title {
    font-size: 2.778vw;
    line-height: 1.4;
    letter-spacing: 0.08em;
}

.about2__text {
    font-size: 1.111vw;
    line-height: 1.42;
    letter-spacing: 0.08em;
    margin-top: 2.778vw;
}

.about2__image2 {
    width: 57.083vw;
    height: 12.5vw;
    margin-top: 5.833vw;
}

.about2__text-wrap2 {
    width: 50.694vw;
    margin: 0 auto 0;
    margin-top: 3.194vw;
}

.about2__title2 {
    font-size: 2.778vw;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.08em;
}

.about2__text2 {
    font-size: 1.111vw;
    line-height: 1.6;
    letter-spacing: 0.08em;
    margin-top: 2.778vw;
}

.secret {
    width: 100vw;
    height: 121.736vw;
    padding-top: 11.111vw;
    background-image: url('../images/bg.jpg');
    background-repeat: repeat-y;
    background-size: contain;
}

.secret__title {
    font-size: 2.778vw;
    font-weight: 600;
    text-align: center;

}

.secret__title-mini {
    font-size: 2.083vw;
    display: inline-block;
    margin-left: 0.556vw;
}

.secret__row1 {
    width: 77.778vw;
    margin: 0 auto 0;
    margin-top: 5.556vw;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.secret__image1 {
    width: 27.778vw;
    height: 22.49vw;
}

.secret__text-wrap {
    width: 40.417vw;
}

.secret__row1-title {
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.04em;
}

.secret__row1-text {
    margin-top: 2.778vw;
    font-size: 1.111vw;
    line-height: 1.6;
    letter-spacing: 0.08em;
}

.secret__box {
    width: 74.583vw;
    height: 43.403vw;
    position: relative;
    margin: 0 auto 0;
    margin-top: 5.556vw;
}

.secret__box-image1 {
    width: 29.861vw;
    height: 23.681vw;
    position: absolute;
    top: 5vw;
    left: 0;
    background-image: url('../images/secret-box-image1.png');
    background-size: cover;
}

.secret__box-image2 {
    width: 15.694vw;
    height: 12.5vw;
    position: absolute;
    top: 23vw;
    left: 18.681vw;
    background-image: url('../images/secret-box-image2.png');
    background-size: cover;
}

.secret__box-text-wrap1 {
    position: absolute;
    top: 0;
    left: 39.678vw;
}

.secret__box-text-title {
    font-size: 2.083vw;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.04em;
}

.secret__box-text {
    font-size: 1.111vw;
    line-height: 1.6;
    letter-spacing: 0.08em;
    margin-top: 1.667vw;
}

.secret__box-text-wrap2 {
    position: absolute;
    top: 15.764vw;
    left: 39.861vw;
}

.secret__box-text-wrap3 {
    position: absolute;
    top: 32.361vw;
    left: 39.861vw;
} 

.secret__line {
    width: 5.556vw;
    height: 0.174vw;
    background-image: url('../images/line.png');
    background-size: cover;
}

.secret__line1 {
    position: absolute;
    top: 5.104vw;
    left: 32.639vw;
    transform: rotate(-20.91deg);
}

.secret__line2 {
    position: absolute;
    top: 21.285vw;
    left: 32.639vw;
}

.secret__line3 {
    position: absolute;
    top: 37.882vw;
    left: 32.639vw;
    transform: rotate(20deg);
}

.secret__btn {
    margin-top: 5.556vw;
    margin-left: 36.806vw;
}

.voice{
    width: 111.111vw; 
    height: 62.917vw;
    padding-top: 11.111vw;
    overflow-x: hidden;
}

.voice__title {
    font-size: 2.778vw;
    font-weight: 600;
    text-align: center;
}

.voice__row-wrap {
    margin-top: 5.556vw;
    width: 100vw;
    overflow-x: scroll;
    scrollbar-width: none;
}

.voice__row-wrap::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge用 */
}

.voice__row {
    width: 115.278vw;
    height: 30.972vw;
    display: flex;
    justify-content: space-between;
    padding-left: 9.722vw;
    padding-right: 0;
}

.voice__item {
    width: 23.611vw;
    height: 30.972vw;
    padding: 2.778vw 0;
    margin-right: 1.389vw;
    margin-left: 1.389vw;
    border: 2px solid #FC7435;
    border-radius: 1.389vw;
}

.voice__item-title {
    font-size: 1.667vw;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-align: center;
}

.voice__item-line {
    width: 2.778vw;
    height: 2.778vw;
    margin: 0 auto 0;
    margin-top: 0.556vw;
    background-image: url('../images/voice-icon.png');
    background-size: cover;
}

.voice__item-text {
    width: 20.278vw;
    margin: 0 auto 0;
    margin-top: 1.667vw;
    font-size: 1.111vw;
    line-height: 1.6;
    letter-spacing: 0.08em;
}

.itemrow {
    width: 100vw;
    height: unset;
    padding: 11.111vw 11.493vw;
    background-image: url('../images/item-bg.png');
    background-size: cover;
}

.itemrow__row {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    width: 76.875vw;
}

.itemrow__image {
    width: 27.778vw;
    height: 22.49vw;
}

.itemrow__text-wrap {
    width: 46.319vw;
}

.itemrow__text-title {
    color: white;
    font-size: 2.778vw;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.08em;
}

.itemrow__text-price {
    font-size: 2.222vw;
    font-weight: 500;
    line-height: 1.5;
    color: white;
}

.itemrow__text {
    color: white;
    font-size: 0.972vw;
    margin-top: 1.667vw;
    line-height: 1.935;
    letter-spacing: 0.04em;
}

.itemrow__text-big {
    font-size: 1.25vw;
}

.itemrow__btn-row {
    display: flex;
    justify-content: space-between;
    width: 55.56vw;
    margin-top: 5.556vw;
    margin-left: 10.66vw;
}


@media screen and (max-width: 780px) {
    .pc {
        display: none;
    }
    
    .sp {
        display: block;
    }

    h2 {
        font-size: 8.533vw;
        font-weight: 400;
        position: relative;
    }

    html {
        scroll-behavior: smooth;
        scroll-padding-top: 0;
    }

    body {
        overflow-x: hidden;
    }

    .main {
        font-weight: 400;
        font-style: normal;
        width: 100vw;
        color: #222020;
    }

    .fv {
        width: 100vw;
        height: 158.133vw;
        position: relative;
        background: url('../images/sp-fv.jpg');
        background-size: cover;
    }

    
    .kuri_btn {
        display: inline-block;
        width: 94.667vw;
        height: fit-content;
        padding: 6.4vw 32vw 6.4vw 21.333vw;
        background-color: #9B7829;
        color: white;
        font-size: 4.8vw;
        line-height: 1.4;
        letter-spacing: 0.08em;
        position: relative;
    }

    .kuri_btn::after {
        content: '';
        width: 8.533vw;
        height: 8.533vw;
        position: absolute;
        top: 6.667vw;
        right: 21.333vw;
        background-image: url('../images/cart-icon.png');
        background-size: cover;
    }

    .about1 {
        width: 100vw;
        position: relative;
        padding: 21.333vw 0;
    }


    .about1__bg1 {
        position: absolute;
        top: 13.333vw;
        left: 0;
        width: 58.817vw;
        height: 49.26vw;
        background-image: url('../images/about1-image1.png');
        background-size: cover;
        transform: rotate(-12.35deg);
    }

    .about1__bg2 {
        position: absolute;
        top: 53.333vw;
        left: 53.333vw;
        width: 41.948vw;
        height: 34.119vw;
        background-image: url('../images/about1-image2.png');
        background-size: cover;
        transform: rotate(14.38deg);
    }


    .about1__text-wrap {
        width: 94.667vw;
        margin: 0 auto 0;
        min-height: 106.667vw;
        position: relative;
        border: 1px solid transparent;
    }

    .about1__title {
        font-size: 7.467vw;
        font-weight: 500;
        margin-left: 0;
        line-height: 1.868;
        padding: 0;
    }

    .about1__text {
        font-size: 4.8vw;
        font-weight: 600;
        line-height: 1.868;
        margin-top: 66.667vw;
        margin-left: 0;
    }

    #moreButton {
        width: 32.533vw;
        margin-top: 4.267vw;
        cursor: pointer;
        font-size: 4.8vw;
        line-height: 1.868;
        color: #9F8888;
        position: relative;
    }

    #moreButton.open {
       width: 22vw;
    }


    #moreButton::after {
        content: '';
        width: 4.267vw;
        height: 2.107vw;
        position: absolute;
        top: 3.48vw;
        right: 0;
        background-image: url('../images/arrow-icon.png');
        background-size: cover;
    }

    .about1__btn {
        margin-top: 10.667vw;
        margin-left: 0;
    }

    .about2 {
        width: 100vw;
        height: unset;
        padding-bottom: 21.333vw;
    }

    .about2__row {
        width: 94.667vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto 0;
    }

    .about2__image {
        width: 94.667vw;
        height: 63.171vw;
    }    

    .about2__text-wrap {
        width: 89.333vw;
        margin-top: 10.667vw;
    }

    .about2__title {
        font-size: 8vw;
        line-height: 1.4;
        letter-spacing: 0.08em;
    }

    .about2__text {
        font-size: 4.267vw;
        line-height: 1.42;
        letter-spacing: 0.08em;
        margin-top: 10.667vw;
    }

    .about2__image2 {

        width: 89.333vw;
        height: 19.562vw;
        margin-top: 10.667vw;
    }

    .about2__text-wrap2 {
        width: 194.667vw;
        width: 89.333vw;
        margin: 0 auto 0;
        margin-top: 12.267vw;
    }

    .about2__title2 {
        font-size: 8vw;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: 0.08em;
    }

    .about2__text2 {
        font-size: 4.267vw;
        line-height: 1.6;
        letter-spacing: 0.08em;
        margin-top: 10.667vw;
    }

    .secret {
        width: 100vw;
        height: unset;
        padding: 21.333vw 0;
        background-image: url('../images/bg.jpg');
        background-repeat: repeat-y;
        background-size: contain;
    }
    
    .secret__title {
        font-size: 8vw;
        font-weight: 600;
        text-align: center;
        padding: 0;
    }
    
    .secret__title-mini {
        font-size: 6.4vw;
        display: inline-block;
        margin-left: 1.333vw;
    }
    
    .secret__row1 {
        width: 94.667vw;
        margin: 0 auto 0;
        margin-top: 10.667vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
    
    .secret__image1 {
        width: 89.333vw;
        height: 72.325vw;
    }
    
    .secret__text-wrap {
        width: 89.333vw;
    }
    
    .secret__row1-title {
        font-size: 8vw;
        font-weight: 600;
        line-height: 1.8;
        letter-spacing: 0.04em;
        margin-top: 10.667vw;
    }
    
    .secret__row1-text {
        margin-top: 10.667vw;
        font-size: 4.267vw;
        line-height: 1.6;
        letter-spacing: 0.08em;
    }
    
    .secret__box {
        width: 89.333vw;
        height: 250.667vw;
        position: relative;
        margin: 0 auto 0;
        margin-top: 21.333vw;
    }
    
    .secret__box-image1 {
        width: 80vw;
        height: 63.44vw;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url('../images/secret-box-image1.png');
        background-size: cover;
    }
    
    .secret__box-image2 {
        width: 60.267vw;
        height: 48vw;
        position: absolute;
        top: 53.333vw;
        left: 32vw;
        background-image: url('../images/secret-box-image2.png');
        background-size: cover;
    }
    
    
    .secret__box-text-wrap1 {
        width: 89.333vw;
        position: absolute;
        top: 106.667vw;
        left: 0;
    }
    
    .secret__box-text-title {
        font-size: 6.933vw;
        font-weight: 600;
        line-height: 1.5;
        letter-spacing: 0.04em;
    }
    
    .secret__box-text {
        font-size: 4.267vw;
        line-height: 1.6;
        letter-spacing: 0.08em;
        margin-top: 6.4vw;
    }
    
    .secret__box-text-wrap2 {
        position: absolute;
        top: 160vw;
        left: 0;
    }
    
    .secret__box-text-wrap3 {
        position: absolute;
        top: 213.333vw;
        left: 0;
    } 
    
    .secret__line {
        width: 21.333vw;
        height: 0.667vw;
        background-image: url('../images/line.png');
        background-size: cover;

        display: none;
    }
    
    .secret__line1 {
        position: absolute;
        top: 19.6vw;
        left: 125.333vw;
        transform: rotate(-20.91deg);
    }
    
    .secret__line2 {
        position: absolute;
        top: 81.733vw;
        left: 125.333vw;
    }
    
    .secret__line3 {
        position: absolute;
        top: 145.467vw;
        left: 125.333vw;
        transform: rotate(20deg);
    }
    
    .secret__btn {
        width: 94.667vw;
        margin-top: 21.333vw;
        margin-left: 2.667vw;
    }

    .voice{
        width: 100vw;
        height: unset;
        padding: 21.33vw 0;
        overflow-x: hidden;
    }

    .voice__title {
        font-size: 8vw;
        font-weight: 400;
        text-align: center;
        padding: 0;
    }

    .voice__row-wrap {
        margin-top: 10.667vw;
        width: 100vw;
        overflow-x: scroll;
        scrollbar-width: none;
    }

    .voice__row-wrap::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Edge用 */
    }

    .voice__row {
        width: 394.667vw;
        height: 106.667vw;
        margin-left: 0;
        margin-top: 10.667vw;
        display: flex;
        padding-left: 0;
        padding-right: 0;
    }

    .voice__item {
        border: 2px solid #FC7435;
        border-radius: 5.333vw;
        width: 94.667vw;
        height: 106.667vw;
        padding-top: 5.333vw;
        padding-bottom: 5.333vw;
        padding-left: 2.667vw;
        padding-right: 2.667vw;
        margin-right: 2.667vw;
        margin-left: 2.667vw;
    }

    .voice__item-title {
        font-size: 6.4vw;
        text-align: center;
    }

    .voice__item-line {
        width: 10.667vw;
        height: 10.667vw;
        margin: 0 auto 0;
        margin-top: 3.2vw;
        background-image: url('../images/voice-icon.png');
        background-size: cover;
    }

    .voice__item-text {
        width: 100%;
        margin: 0 auto 0;
        margin-top: 6.4vw;
        font-size: 4.267vw;
        line-height: 1.6;
        letter-spacing: 0.08em;
    }

    .voice__youtube {
        width: 93.333vw;
        height: 50.581vw;
        margin: 0 auto 0;
        margin-top: 10.667vw;
    }

    .voice__image {
        width: 100vw;
        height: 23.958vw;
        margin-top: 10.667vw;
        background-image: url('../images/voice-bg.jpg');
        background-size: cover;
    }

    .itemrow {
        width: 100vw;
        height: unset;
        margin-top: 0;
        padding:  21.333vw 0;
        background-image: url('../images/item-bg.png');
        background-size: cover;
    }

    .itemrow__row {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 89.333vw;
        margin: 0 auto 0;
    }

    .itemrow__image {
        width: 89.333vw;
        height: 72.328vw;
        margin: 0 auto 0;
    }

    .itemrow__text-wrap {
        width: 89.333vw;
    }

    .itemrow__text-title {
        color: white;
        font-size: 8vw;
        font-weight: 600;
        margin-top: 10.667vw;
        line-height: 1.5;
        letter-spacing: 0.08em;
    }

    .itemrow__text-price {
        font-size: 7.467vw;
        font-weight: 500;
        line-height: 1.5;
        color: white;
    }

    .itemrow__text {
        color :white;
        font-size: 4.267vw;
        margin-top: 8vw;
        line-height: 2;
        letter-spacing: 0.04em;
    }

    .itemrow__text-big {
        font-size: 4.8vw;
   }
    
   .itemrow__btn-row {
       display: flex;
       justify-content: space-between;
       flex-direction:column;
       width: 89.333vw;
       margin: 0 auto 0;
       margin-top: 10.667vw;
       row-gap: 5.56vw;
    }

   .itemrow__btn {
       width: 100%;
       padding-right: 30vw;
   }
}