/*rest　******************************/
*{box-sizing: border-box;}
img{max-width:100%;max-height: 100%;}
a{display: block;}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    color:inherit;
}

body{
    line-height: 1;
}

html{
    font-size:62.5% !important;
}


/*root　******************************/

:root {
    --color-txt:#6E695D;
    --bgColor:#E6E4DE;
    --borderColor:#938D7C;
    --fontFamily-en: "PT Serif", serif;
    --sec-pdb:20.51vw;
    }

    .pc{
        display: none;
    }
    

    @media (min-width: 768px) {
        :root {
            --sec-pdb:7.02vw;/*96px*/

        }
        .pc{
            display: block;
        }

        .sp{
            display: none;
        }
        
    }


/*common　******************************/


.contentWrapper {
    overflow: hidden;
    color:var(--color-txt) !important;
    font-feature-settings: "palt";
    font-family: "Noto Sans JP",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    font-optical-sizing: auto;
    letter-spacing: 0.1em;
    font-weight: 400;
    font-style: normal;
    background:var(--bgColor);
    margin:0 auto;
}


section{
    padding:0 0 var(--sec-pdb) 0;/*80px*/
}



@media (min-width: 1366px) {

}



/*mainVisual *************************/

.mainVisual{
    width:100%;
}

.mainVisual__wrapper{
    width:100%;
    position: relative;
}

.mainVisual__image{
    width:100%;
    height:70vh;
}

.mainVisual__image img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.mainVisual__ttl{
position: absolute;
color:#fff;
top:20.51vw;
left:5.55vw;
width:45vw;
}


.mainVisual__ttl .en-ttl{
    display: flex;
    flex-direction: column;
    gap:16px;
}

.mainVisual__ttl .jp-ttl{
    font-size:1.2rem;
    font-weight: normal;
    margin-top:24px;
    line-height: 1.6;
}

.mainVisual__image__side-enTxt{
    display: none;
}



@media (min-width: 768px) {

    .mainVisual{
        /* width:100%; */
        padding:0 5.55vw;
    }

    .mainVisual__wrapper{
        padding-top:40px;
        display: flex;
        justify-content: space-between;
    }

    .mainVisual__ttl{
        width:fit-content;
        position: static;
        color:var(--color-txt);
        top:inherit;
        left:inherit;
        width:22.40vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin:0 0 0 5.55vw;
        }



        .mainVisual__image__wrapper{
            display: flex;
        }

        .mainVisual__image{
            width:43.92vw;
            height:53.44vw;
        }


        .mainVisual__image__side-enTxt{
            display: block;
            width:8.325vw;
            height:100%;
            display: flex;
            justify-content: center;
        }

        .mainVisual__image__side-enTxt::before{
            content:"";
            display: block;
            width:40%;
            height:100%;
            background:url(/img/usr/freepage/autumn_collection2024/mv-en-txt.png) no-repeat center top/contain;
        }

        .mainVisual__ttl .en-ttl{
            gap:32px;
        }

        .mainVisual__ttl .jp-ttl{
            font-size:1.4rem;
            margin-top:64px;
        }
        

}


/*intro ******************************/


.intro{
    width:100%;
    position: relative;
    margin-bottom:var(--sec-pdb);
}

.intro-wrapper{
    width:100%;
    padding:0 5.55vw;
    position: relative;
    z-index:2;
    padding-top:var(--sec-pdb);

}

.intro-ttl{
    font-size:3rem;
    font-family: var(--fontFamily-en);
    letter-spacing: 0.1em;
    color:#938D7C;
    text-align: center;

}

.intro-desc{
    font-size:1.2rem;
    line-height: 2;
    text-align: center;
    margin:24px 0 24px;
}

.intro-image-wrapper{
    padding:0 5.55vw;
}

@media (min-width: 768px) {

    .intro{
        margin-bottom:0;
    }

    .intro-wrapper{
        display: flex;
        flex-direction: row-reverse;
    
    }

    .intro-ttl{
        font-size:4.5rem;
        text-align: left;
        margin-bottom:40px;
        margin-top:64px;
    }

    .intro-image-wrapper{
        padding:0;
        width:43.92vw;
    }

    .intro-txt-wrapper{
        width:calc(100% - 43.92vw);
        padding:0 0 0 5.55vw;
    }

    .intro-desc{
        font-size:1.4rem;
        line-height: 3;
        text-align: left;
        margin:40px 0 0;
    }


}



/*item ******************************/
section.item{
    position: relative;
}

.item__wrapper{
    position: relative;
    z-index:2;
    padding:0 5.55vw;
}

.item__main-image__wrapper p, .item__point-lists li{
    font-family: var(--fontFamily-en);
}

.item__main-image__wrapper p:first-of-type{
    font-size:1.4rem;
    margin:16px 0 8px;
}

.item__point-lists{
    display: flex;
    flex-direction: column;
    gap:4px;
}

.item__main-image__wrapper p:last-of-type{
    font-size:1.2rem;
}
.item__point-lists li{
    font-size:1rem;
}

.item__sub-image__wrapper{
    margin-top:10.25vw;
}


/*item1 ****/

.item__main-image__wrapper.item1{
    width:72.25vw;
    margin-left:auto;
    position: relative;
    z-index:2;
}

.item__sub-image__wrapper.item1{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
}

.item__sub-image__wrapper.item1 .item__point-lists{
    width:fit-content;
    margin:0 0 0 5.55vw;

}

.item__sub-image__wrapper.item1 .item__sub{
    width:55.55vw;
}

/*item2 ****/
.item__wrapper.item2{
    display: flex;
    align-items: flex-end;
}

.item__wrapper.item2 .item__point-lists{
    width:fit-content;
    margin:0 2.275vw 50px 0;
}

.item__main-image__wrapper.item2{
    width:66.7vw;
}

.item__wrapper.item2 p{
    text-align: right;
}

/*item3 ****/
.item__main-image__wrapper.item3{
    width:66.7vw;
    margin:0 0 0 5.55vw;
    padding-top:20.51vw;
}

.item__sub-image__wrapper.item3{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-end;
}

.item__sub-image__wrapper.item3 .item__point-lists{
    width:fit-content;
    margin:0 5.55vw 0 0;

}

.item__sub-image__wrapper.item3 .item__sub{
    width:55.55vw;
}

/*item4 ****/
.item__wrapper.item4{
    display: flex;
}

.item__wrapper.item4 .item__point-lists{
    width:fit-content;
    margin:40px 0 50px 2.275vw;
}

.item__main-image__wrapper.item4{
    width:66.7vw;
}

.item__wrapper.item4 p{
    text-align: right;
}

.sec-item4{
    overflow: hidden;
}


@media (min-width: 768px) {


.item__wrapper{
    display: flex;
}


.item__main-image__wrapper p:first-of-type{
    font-size:2.4rem;
    margin:18px 0 10px;
}

.item__point-lists{
    gap:12px;
}

.item__main-image__wrapper p:last-of-type, .item__point-lists li{
    font-size:1.6rem;
}

.item__sub-image__wrapper{
    margin-top:0;
}

/*item1 ****/

.item__wrapper.item1{
    margin-left:auto;
    align-items: flex-end;
}

.item__main-image__wrapper.item1{
    width:39.09vw;
    margin-left:inherit;
}

.item__sub-image__wrapper.item1{
    width:27.52vw;
    margin:0 0 0 5.5vw;
    display: block;
}

.item__sub-image__wrapper.item1 .item__sub{
    width:100%;
}

.item__sub-image__wrapper.item1 .item__point-lists{
    width:fit-content;
    margin:0 0 32px 0;
}

/*item2 ****/

.item__wrapper.item2{
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.item__main-image__wrapper.item2{
    width:54.90vw;
    margin:0 0 0 5.55vw;
}

.item__wrapper.item2 .item__point-lists{
    width:11.1vw;
    margin:0 11.1vw 34px 0;
}

/*item3 ****/

.item__wrapper.item3{
    flex-direction: row-reverse;
    align-items: flex-end;
    margin:0 5.55vw 0 0;

}

.item__main-image__wrapper.item3{
    width:43.92vw;
    padding-top:18.96vw;
    margin-bottom:48px;
}

.item__sub-image__wrapper.item3{
    display: block;
}
.item__sub-image__wrapper.item3 .item__sub{
    width:32.94vw;
}

.item__sub-image__wrapper.item3 .item__point-lists{
    margin:18px 0 0 0;
}


/*item4 ****/

.item__wrapper.item4{
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.item__main-image__wrapper.item4{
    width:49.34vw;
    margin:0 11.1vw 0 0;
}

.item__wrapper.item4 .item__point-lists{
    width:11.1vw;
    margin:0 0 34px 11.1vw;
}


}





/*bg image ******************************/

.bg-image{
    position: absolute;
    z-index:1;
}

.bg-image img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.bg-image.bg1{
    width:50vw;
    height:66.15vw;
    /* width:28.03vw;
    height:37.11vw; */
    right:0;
    bottom:0;
}

.bg-image.bg2{
    width:50vw;
    /* height:66.15vw; */
    /* width:28.03vw;
    height:37.11vw; */
    left:0;
    bottom:0;
    opacity: 0.5;
}

.bg-image.bg3{
    width:60vw;
    height:40vw;
    left:0;
}

.bg-image.bg4{
    width:50vw;
    right:0;
    bottom:20px;
    opacity: 0.5;
}

@media (min-width: 768px) {

    .bg-image.bg1{
        width:28.03vw;
        height:37.11vw;
    }

    .bg-image.bg2{
        width:28.03vw;
    }

    .bg-image.bg3{
        width:60.98vw;
        height:25.40vw;
    }

    .bg-image.bg4{
        width:35.28vw;
    }
}


/*item list ******************************/

.item__list{
    width:100%;
    border-top:4px solid var(--borderColor);
    position: relative;
    padding:var(--sec-pdb) 5.55vw;
}

.item__list::before{
    position: absolute;
    content:"";
    width:100%;
    height:2px;
    background:var(--borderColor);
    top:6px;
    left:0;
}

.item__list__logo{
    max-width:220px;
    margin:0 auto 12px;
}

.item__list__ttl{
    font-size:1.3rem;
    font-family: var(--fontFamily-en);
    text-align: center;
    font-weight: normal;
}

.item__list__lists{
    display: flex;
    flex-wrap: wrap;
    gap:20px 5.55vw;
    margin-top:32px;
}

.item__list__lists li{
    width:calc((100% - 5.55vw) / 2);
}

.item__list__lists li p{
    font-size:1.2rem;
    line-height: 1.4;
    color:var(--color-txt);
    margin-top:8px;
}



@media (min-width: 768px) {


    .item__list__logo{
        max-width:300px;
        margin:0 auto 16px;
    }
    
    .item__list__ttl{
        font-size:1.6rem;
    }

    .item__list__lists{
        gap:40px 2.75vw;
        margin-top:32px;
    }

    .item__list__lists li{
        width:calc((100% - 11vw) / 5);
    }

    .item__list__lists li p{
        font-size:1.3rem;
        line-height: 1.6;
    }

    .item__list.item8 li{
        width:calc((100% - 8.25vw) / 4);
    }

}



/*footer ******************************/


.lp-footer{
    background: #938D7C;
    padding:60px 0;
}


.l-footer-logo{
    max-width:260px;
    margin:0 auto;
}

.l-footer-txt{
    margin:16px 0 32px;
    font-size:1.6rem;
    color:#fff;
    text-align: center;
    font-family: var(--fontFamily-en);

}

.credit-lists{

    display: flex;
    flex-direction: column;
    gap:12px;
    font-family: var(--fontFamily-en);
    color:#fff;
    text-align: center;
}

.credit-lists li{
    font-size:1.2rem;
}



@media (min-width: 768px) { 


    .lp-footer{
        padding:80px 5.55vw;
    }
    
    .footer__wrapper{
        display: flex;
        justify-content: space-between;
    }


    .l-footer-txt{
        margin:16px 0 0;
        font-size:1.9rem;
        text-align: left;
    }
    
    .credit-lists{
        text-align: right;
        gap:16px;
    }
    
    .credit-lists li{
        font-size:1.3rem;
    }


}


/*アニメーション
--------------------------------------------------------*/

.image-anime{
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
}

.image-anime-zoom{
    overflow: hidden;
}

/*アニメーション*/
.image-anime-zoom img{
    opacity: 0;
    visibility:hidden;
    transform: scale(1.2);
}

.js-image.cover{
    overflow: hidden;
}

.parallax-image {
    transform: scale(1.3);
}

.parallax-image.cover{
    width: 100%;
    height: 100%;
    object-fit: cover;
}