.up_down{
    transform: translateY(300px);
    opacity: 0;
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s
}
.setBoxUp .up_down{
    transform: translateY(0);
    opacity: 1;
}
@font-face {
    font-family: 'HurmeGeometricSans_No3_4_Regular';
    src: url('https://d316acfc88wber.cloudfront.net/global/fonts/HurmeGeometricSans_No3_4_Regular_new.otf');
}
body{
    font-family: 'HurmeGeometricSans_No3_4_Regular';
}
main{
    overflow: hidden;
    background: #000;
}
.set{
    position: relative;
}
.set b{
    text-shadow: 1px 1px 5px #fff;
}
.subheading{
    /*color: #cbcbcb;*/
}
.color_Linear_gradient{
    color:transparent;
    background-image: -webkit-linear-gradient(45deg, #676767 39%, #ffffff 47%,#676767 72%);/*-webkit代表chrome、safari私有属性*/
    background-image: -moz-linear-gradient(45deg, #676767 39%, #ffffff 47%,#676767 72%);/*-moz代表firefox浏览器私有属性*/
    background-image: -ms-linear-gradient(45deg, #676767 39%, #ffffff 47%,#676767 72%);/*-ms代表IE浏览器私有属性*/
    background-image: -o-linear-gradient(45deg, #676767 39%, #ffffff 47%,#676767 72%);/*-o代表opera私有属性*/
    background-image: linear-gradient(45deg, #676767 39%, #ffffff 47%,#676767 72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.color_blue{
    color:transparent;
    background-image: -webkit-linear-gradient(#0163ec,#01a8f6);/*-webkit代表chrome、safari私有属性*/
    background-image: -moz-linear-gradient(#0163ec,#01a8f6);/*-moz代表firefox浏览器私有属性*/
    background-image: -ms-linear-gradient(#0163ec,#01a8f6);/*-ms代表IE浏览器私有属性*/
    background-image: -o-linear-gradient(#0163ec,#01a8f6);/*-o代表opera私有属性*/
    background-image: linear-gradient(#0163ec,#01a8f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 10px;
}
.color_pink_blue{
    color:transparent;
    background-image: -webkit-linear-gradient(#fd83ab,#99e0ff);/*-webkit代表chrome、safari私有属性*/
    background-image: -moz-linear-gradient(#fd83ab,#99e0ff);/*-moz代表firefox浏览器私有属性*/
    background-image: -ms-linear-gradient(#fd83ab,#99e0ff);/*-ms代表IE浏览器私有属性*/
    background-image: -o-linear-gradient(#fd83ab,#99e0ff);/*-o代表opera私有属性*/
    background-image: linear-gradient(#fd83ab,#99e0ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blue{
    color: #0163ec;
}
/*span{*/
/*    display: block;*/
/*}*/
.swiper{
    position: absolute;
}
.swiper-button-next, .swiper-button-prev{
    color: #ffffff;
    border: 3px solid #ffffff;
    width: 50px;
    border-radius: 50%;
    height: 50px;
    top: 30%;
    bottom: 0;
    margin: auto 10%;
}
.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 30px;
    font-weight: bold;
}
.dis-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    width: 100%;
}
.h100vh{
    height: 100vh;
}
#All-round-16{
    padding: unset;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#All-round-16 .col-xl-6{
    margin-top: 3%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: end;
}
.product-detail-tile .note{
    color: #C8C8C8;
}
@media screen and (min-width: 1200px) {
    .pc-txt-top37{
        top: 37%;
    }
    .pc-txt-top70{
        top: 70%;
    }
    .pc-txt-top1_3{
        top: 13%;
    }
    #All-round-16 .col-xl-6 img{
        height: 250px;
        object-fit: contain;
    }
    .push-xl-0{
        left: 0;
    }
    .mini-title{
        font-size: calc(100vw / 85);
        font-weight: 600;
    }
    .mini-note{
        font-size: calc(100vw / 100);
    }
    .push-xl-55{
        left: 55%;
    }
    .product-detail-tile .heading {
        font-size: calc(100vw / 30);
    }
    .subheading {
        font-size: calc(100vw / 50);
    }
    .body{
        font-size: calc(100vw / 50);
    }
    .product-detail-tile .note {
        font-size: calc(100vw / 75.6875);
    }
    .color-big{
        font-size: calc(100vw / 22);
        font-weight: bold;
    }
    .push-xl-90{
        left: 9%;
    }
    .push-xl-12_5{
        left: 12.5%;
    }
    .push-xl-13_5{
        left: 13.5%;
    }
    .push-xl-15{
        left: 15%;
    }
    .pc-txt-top05{
        top: 5%;
    }
    .push-xl-51{
        left: 51.5%;
    }
}
.product-detail-tile .body {
    color: #ffffff87;
}
@media screen and (max-width: 1199px){
    .m-txt-top73{
        top: 73%;
    }
    .m-txt-top1_3{
        top: 13%;
    }
    .m-txt-top28{
        top: 28%;
    }
    .m-txt-top43{
        top: 43%;
    }
    .set article {
        padding-right: 20px;
        padding-left: 20px;
    }
    .push-m--9{
        left: -8%;
    }
    .mini-title{
        font-size: 3vw;
        transform: scale(.7);
        font-weight: 600;
    }
    .mini-note{
        font-size: 3vw;
        transform: scale(.7);
    }
    #All-round-16{
        bottom: 10%;
    }
    #All-round-16 .col-xl-6 img{
        height: 130px;
        object-fit: contain;
        width: 80% !important;
    }
    .m-txt-top86{
        top: 86%;
    }
    .m-txt-top67{
        top: 67%;
    }
    .m-dis-flex{
        display: flex;
        align-items: center;
        /*justify-content: center;*/
    }
    #t11Video .t11Video-play{
        padding: unset;
    }
    .product-detail-tile .mobile-text .body{
        margin-bottom: 0;
    }
    .mobile-text article p{
        margin: unset;
    }
    .scale68{
        transform: scale(.68) !important;
    }
    .push-m-14{
        left: -14%;
    }
    .push-m-33{
        left: -33%;
    }
    .product-detail-tile .heading {
        font-size: calc(100vw / 15);
    }
    .product-detail-tile .subheading {
        font-size: calc(100vw / 25);
    }
    .product-detail-tile .body{
        font-size: calc(100vw / 25);
    }
    .product-detail-tile .note {
        font-size: 3vw;
        line-height: 1.1;
    }
    .color-big{
        font-size: calc(100vw / 10);
        font-weight: bold;
        min-width: 78px;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 15px;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 35px;
        height: 35px;
        margin: auto;
    }
}