.sec1 .inner{

    position:absolute;

    left:0;

    right:0;

    top:0;

    height:100%;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-direction:column;

    color:#fff;

    line-height:1.5;

    text-align: center;

}

.sec1 h5{

    margin-bottom:1em;

    font-weight:500;

}

.sec1 h3{

    font-size: 3.5em;

    line-height: 1.2;

    margin-bottom:0.43em;

}

.sec1 p{

    font-size:1.125em;

}





.sec2{

    padding:7.8% 0 5.14%;

}

.sec2 .swiper{

    overflow:visible;

}

.sec2 .swiper-slide{

    width:334px;

}

.sec2 h5{

    font-size:28px;

    line-height:1.5;

    color:#fff;

    position:absolute;

    left:20px;

    right:20px;

    bottom:25px;

}

.sec2 .swiper-prev,.sec2 .swiper-next{

    width: 3em;

    height: 3em;

    border-radius: 50%;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #000;

    position: absolute;

    top: 50%;

    margin-top: -1.5em;

    z-index: 1;

    background-color: #fff;

}

.sec2 .swiper-button-disabled{

    display: none;

}

.sec2 .swiper-prev{

    left: 0;

}

.sec2 .swiper-next{

    right: 0;

}

.sec2 .swiper-prev::before,.sec2 .swiper-next::before{

    font-family: "fontawesome";

}

.sec2 .swiper-prev::before{

    content: "\f060";

}

.sec2 .swiper-next::before{

    content: "\f061";

}



.sec3{

    padding:7.8% 0 4.58%;

}

.sec3 h5{

    line-height:1.5;

    margin-bottom:1em;

}

.sec3 h3{

    font-size: 3em;

    line-height: 1.2;

}

.sec3 p{

    font-size: 1.125em;

    line-height: 1.5;

}

.sec3 a{

    width:5.3125em;

    height:3em;

    line-height:3;

    border:1px solid #000;

    margin-top:2em;

    text-align:center;

}

.sec3 .part,.sec3 .title{

    width:47.56%;

}

.sec3 .title{

    float:left;

    margin-bottom:9.5%;

}

.sec3 .part1{

    float:right;

}

.sec3 .part2{

    float:left;

}

.sec3 .part1 img{

    margin-bottom:17.95%;

}





.sec4{

    padding:4.58% 0 5.56%;

}

.sec4 .title{

    margin-bottom:6%;

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    flex-direction:row;

}

.sec4 h5{

    line-height:1.5;

    margin-bottom:1em;

}

.sec4 h3{

    font-size: 3em;

    line-height: 1.2;

}

.sec4 .view{

    border:1px solid #000;

    padding:1em 1.5em;

}

.sec4 .swiper{

    overflow:visible;

    margin-bottom:3.4%;

}

.sec4 .swiper-slide{

    padding:0 1.125em;

    height: auto;

    width:313px;

}

.sec4 .swiper-slide .img-box{

    margin-bottom:2.5em;

    position:relative;

}

.sec4 .swiper-slide .img-box .hover{

    position:absolute;

    left:0;

    top:0;

    opacity:0;

    transition: opacity 0.5s;

}

.sec4 .swiper-slide .add_wishlist{

    position:absolute;

    left:1.875em;

    right:1.875em;

    bottom:1.25em;

    background-color:#000;

    height:2.625em;

    line-height:2.625;

    text-align:center;

    color:#fff;

    opacity:0;

    transition:opacity 0.5s,transform 0.5s;

    transform:translateY(100%);

}

.sec4 h4{

    font-size: 1.125em;

    line-height: 1.5;

}

.sec4 .swiper p{

    font-size: 0.875em;

    line-height: 1.5;

    color: #4F4F4F;

}

.sec4 .flex-box{

    display:flex;

    align-items:center;

    justify-content:space-between;

    flex-direction:row;

}

.sec4 .swiper-pagination{

    position:static;

    width:auto;

}

.sec4 .swiper-pagination .swiper-pagination-bullet{

    width:0.5em;

    height:0.5em;

    opacity:0.3;

    background-color:#000;

    margin:0 0.25em;

}

.sec4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{

    opacity:1;

}

.sec4 .btn-box{

    flex-shrink:0;

}

.sec4 .swiper-prev,.sec4 .swiper-next{

    border:1px solid #000;

    width:3em;

    height:3em;

    border-radius:50%;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

}

.sec4 .swiper-prev::before,.sec4 .swiper-next::before{

    font-family:"fontawesome";

}

.sec4 .swiper-prev{

    margin-right:1em;

}

.sec4 .swiper-prev::before{

    content:"\f060";

}

.sec4 .swiper-next::before{

    content:"\f061";

}





.sec5{

    background-repeat:no-repeat;

    background-image:url(../images/index_sec5_bg.jpg);

    background-position:center center;

    background-size:cover;

    background-attachment:fixed;

    padding:20.35% 0 7.78%;

    color:#fff;

    line-height:1.5;

}

.sec5 h5{

    margin-bottom:1em;

}

.sec5 h3{

    font-size: 3.5em;

    line-height: 1.2;

    margin-bottom:0.43em;

}

.sec5 p{

    font-size:1.125em;    

}





.sec6{

    text-align:center;

    padding:10.28% 0 6.45%;

}

.sec6 ul{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    flex-direction:row;

}

.sec6 li{

    width:22.25%;

}

.sec6 li.arrow{

    width:auto;

    flex-shrink:0;

    align-self:center;

}

.sec6 li.arrow svg{

    width:1.875em;

}

.sec6 li:not(.arrow) svg{

    fill:unset;

    margin-bottom:1.5em;

    width:auto;

    height:2.75em;

}

.sec6 h5{

    font-size: 2em;

    line-height: 1.3;

    margin-bottom:0.75em;

}

.sec6 p{

    line-height: 1.5;

}





.sec7{

    background-repeat:no-repeat;

    background-image:url(../images/index_sec7_bg.jpg);

    background-position:center center;

    background-size:cover;

    background-attachment:fixed;

    padding:8.8% 0;

    color:#fff;

    line-height:1.5;

}

.sec7 .inner{

    display:flex;

    align-items:center;

    justify-content:center;

}

.sec7 input{

    font-size:inherit;

    border:1px solid #fff;

    padding:0 0.75em;

    height:3em;

    width:23.625em;

    margin-right:1em;

    background-color:transparent;

    color:inherit;

    vertical-align:top;

    margin-bottom:1em;

}

.sec7 .submit{

    display:inline-block;

    color:#000;

    padding:0 1.5em;

    height:3em;

    line-height:3;

    background-color:#fff;

    border: none;

}

.sec7 p{

    font-size: 0.75em;

}

@media only screen and (min-width:1025px){

    .sec4 .swiper-slide:hover .img-box .hover{

        opacity:1;

    }

    .sec4 .swiper-slide:hover .add_wishlist{

        opacity:1;

        transform:translateY(0);

    }

    .sec6 li:nth-child(2){

        transition-delay:0.1s,0.1s;

    }

    .sec6 li:nth-child(3){

        transition-delay:0.2s,0.2s;

    }

    .sec6 li:nth-child(4){

        transition-delay:0.3s,0.3s;

    }

    .sec6 li:nth-child(5){

        transition-delay:0.4s,0.4s;

    }

    .sec6 li:nth-child(6){

        transition-delay:0.5s,0.5s;

    }

    .sec6 li:nth-child(7){

        transition-delay:0.6s,0.6s;

    }

}







@media only screen and (max-width:1024px){

    .sec1 h5{

        font-size: 2em;

    }

    .sec1 h3{

        font-size: 6.25em;

    }

    .sec1 p{

        font-size:2.25em;

    }





    .sec2{

        padding:16% 0 8%;

    }

    .sec2 .swiper-slide{

        width:90%;

    }

    .sec2 h5{

        font-size:3.5em;

        left:0.714em;

        right:0.714em;

        bottom:0.714em;

    }

    .sec2 .swiper-prev,.sec2 .swiper-next{

        display: none;

    }



    .sec3{

        padding:17% 0 8.5%;

    }

    .sec3 h5{

        font-size: 2em;

    }

    .sec3 h3{

        font-size: 5.75em;

    }

    .sec3 p{

        font-size: 2.25em;

    }

    .sec3 .part,.sec3 .title{

        width:100%;

    }

    .sec3 .title{

        float:none;

        margin-bottom:6em;

    }

    .sec3 .part1{

        float:none;

        margin-bottom: 14.22%;

    }

    .sec3 .part2{

        float:none;

    }

    .sec3 .part1 img{

        margin-bottom:28.15%;

    }





    .sec4{

        padding:17% 0 8.5%;

    }

    .sec4 .title{

        margin-bottom:11.85%;

        display:block;

    }

    .sec4 h5{

        font-size: 2em;

    }

    .sec4 h3{

        font-size: 6em;

        margin-bottom: 0.333em;

    }

    .sec4 .title p{

        font-size: 2.125em;

    }

    .sec4 .view{

        font-size: 2em;

        padding:0.75em 1.5em;

    }

    .sec4 .swiper{

        margin-bottom:3em;

    }

    .sec4 .swiper-slide{

        background-color: #f4f4f4;

        padding:0 1.5em 1.5em;

        text-align: center;

        width:66%;

    }

    .sec4 .swiper-slide .img-box{

        margin-bottom:2em;

        mix-blend-mode: multiply;

    }

    .sec4 .swiper-slide .add_wishlist{

        position:static;

        background-color:transparent;

        font-size: 2em;

        height:2.5em;

        line-height:2.5;

        color:#000;

        opacity:1;

        border: 1px solid #000;

        width: 100%;

        transform:translateY(0);

    }

    .sec4 h4{

        font-size: 2.25em;

    }

    .sec4 .swiper p{

        font-size: 1.75em;

        color: #000;

        margin-bottom: 0.93em;

    }

    .sec4 .flex-box{

        display:none;

    }





    .sec5{

        background-attachment: unset;

        background-position:70% 50%;

        padding:17.333% 0 30%;

        text-align: center;

    }

    .sec5 h5{

        font-size: 2em;

    }

    .sec5 h3{

        font-size: 7em;

    }

    .sec5 p{

        font-size:2.25em;    

    }





    .sec6{

        padding:17% 0;

    }

    .sec6 ul{

        display:block;

    }

    .sec6 li{

        width:100%;

        margin-bottom: 3em;

    }

    .sec6 li:last-child{

        margin-bottom: 0;

    }

    .sec6 li.arrow{

        display: none;

    }

    .sec6 li:not(.arrow) svg{

        height:6em;

    }

    .sec6 h5{

        font-size: 3em;

        margin-bottom:0.5em;

    }

    .sec6 p{

        font-size: 1.75em;

    }





    .sec7{

        background-position:center center;

        background-attachment:unset;

        padding:29.87% 0 25.73%;

    }

    .sec7 .inner{

        display:block;

        text-align:center;

    }

    .sec7 input{

        font-size:2em;

        width:100%;

        margin-right:0;

    }

    .sec7 .submit{

        font-size:2em;

        margin-bottom: 1em;

    }

    .sec7 p{

        font-size: 1.75em;

    }

}