@charset "UTF-8";

.videoSlider {
    position:relative;
}
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;}
.video-container img,
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video{position: absolute;top:0;left:0;width:100%;height:100%;}
.videoSlider .slick-prev:before,
.videoSlider .slick-next:before {
    display: none;
}

.videoSlider .slick-prev,
.videoSlider .slick-next {
    width: 1.75rem;
    height: 3.0625rem;
    z-index: 1;
}

.videoSlider .slick-prev {
    left: 3.75rem;
    background: url("/html/_skin/mdp/img/main/ico_main-visual-arrow-prev.png") no-repeat center/100%;
}

@media (max-width: 991px) {
    .videoSlider .slick-prev {
        left: 1.875rem;
    }
}

.videoSlider .slick-next {
    right: 3.75rem;
    background: url("/html/_skin/mdp/img/main/ico_main-visual-arrow-next.png") no-repeat center/100%;
}

@media (max-width: 991px) {
    .videoSlider .slick-next {
        right: 1.875rem;
    }
}

.main-visual {margin-bottom:104px;}
.main-visual .inner {max-width:1880px;}
.main-visual .wrap {display:flex; margin-left:-40px;}
.main-visual .vis-col {width:calc(50% - 40px); margin-left:40px; border-radius:20px; height:903px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; overflow:hidden;}
.main-visual .box {padding:115px 70px 0;}
.main-visual .title {position:relative; color:#000;}
.main-visual .title .txt {font-size:34px; line-height:1.4em;font-weight:700;}
.main-visual .title .tit {font-size:82px; line-height:1.4em; margin-bottom:20px;}
.main-visual .title .tit strong {font-weight:800;}
.main-visual .title p {font-size:26px; line-height:1.46em; color:#4e4e4e;}
.main-visual .title .more {position:absolute; top:10px; right:0; border:0; width:76px; height:76px; border-radius:100%; background:#000 url('../img/main/more.png') 50% 50% no-repeat;}
.main-visual .img {max-width:740px; margin:80px auto 0;border-top-left-radius:200px; border-bottom-left-radius:200px; border-top-right-radius:200px; border-bottom-right-radius:200px; overflow:hidden;}

html:lang(en) .main-visual .box {padding:80px 50px 0;}
html:lang(en) .main-visual .img {margin:50px auto 0;}



.main-video {position:relative; margin-bottom:165px;}
.main-video .item {position:relative; }
.main-video .video-btn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:106px; height:106px; background:url('../img/main/video_play.png') 50% 50% no-repeat; background-size:contain; z-index:10; transition:.3s;}
.main-video .video-btn:focus {outline:0;}
.main-video .video-btn.active {background-image:url('../img/main/video_pause.png'); opacity:0;}
.main-video:hover .video-btn.active {opacity:.5;}

.main-product {margin-bottom:180px;}
.main-product .inner {max-width:1740px;}
.main-product .title {text-align:center; margin-bottom:120px; color:#000;}
.main-product .title h2 {font-size:82px; line-height:1.3em;font-weight:400; margin-bottom:40px;}
.main-product .title h2 strong {font-weight:800;}
.main-product .title .text {font-size:24px; line-height:1.3em; margin-bottom:40px;}
.main-product .title .text .cnt {margin-bottom:20px;}
.main-product .title .text .cnt:last-child {margin-bottom:0;}
.main-product .title .more a {display:inline-flex; align-items:center; justify-content:center; background:#000; width:224px; height:58px; border-radius:28px; color:#fff; font-size:24px; line-height:1.3em;font-weight:600;}
.main-product .first-box {border-radius:20px; display:flex; align-items:flex-end; height:878px; background:url('../img/main/product_bg.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom:70px; overflow:hidden;}
.main-product .first-box .img {width:50%;}
.main-product .first-box .info {width:50%; padding:125px 20px 40px}
.main-product .tit {font-size:20px ;line-height:1.3em; font-weight:800; margin-bottom:20px;}
.main-product h3 {font-size:50px; line-height:1.3em;font-weight:800; margin-bottom:35px;}
.main-product .ul-txt {margin-bottom:36px; max-width:638px; width:100%;}
.main-product .ul-txt ul li {margin-bottom:16px;}
.main-product .ul-txt ul li:last-child {margin-bottom:0;}
.main-product .ul-txt ul li p {display:inline-block; background:#fff; color:#333; position:relative; padding:15px 30px 15px 50px; border-radius:20px; font-size:24px; line-height:1.3em;}
.main-product .ul-txt ul li p:before {content:"";position:absolute; top:24px; left:24px; width:11px; height:11px; background:#000; border-radius:100%;}
.main-product .ul-txt ul li p strong {font-weight:800;}
.main-product .flex-img {max-width:735px; width:100%;}
.main-product .flex-img ul {display:flex; margin:0 -11.5px;}
.main-product .flex-img ul li {width:50%; padding:0 11.5px;}
.main-product .flex-img ul li .pic {position:relative; border-radius:20px; box-shadow:10px 10px 10px rgba(0,0,0,.09); overflow:hidden;}
.main-product .flex-img ul li .pic:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #fff; border-radius:20px;}
.main-product .flex-img ul li .pic img {width:100%;}
.main-product .group {display:flex; margin-bottom:66px;}
.main-product .group:last-child {margin-bottom:0;}
.main-product .group .info {width:calc(40% - 35px); margin-right:35px; background:#f4f4f4; border-radius:20px; overflow:hidden; display:flex; align-items:center; padding:48px;}
.main-product .group .photo {width:60%; position:relative; border-radius:20px; overflow:hidden;}
.main-product .group .photo img {position:absolute; top:0; left:0; width:100%; height:100%;}
.main-product .group .btns {display:none; position:absolute; bottom:40px; left:60px; line-height:0; z-index:10;}
.main-product .group .btns button {border:0; width:16px; height:20px; background:url('../img/main/video_bt_pause.png') 50% 50% no-repeat; background-size:contain; opacity:.39;}
.main-product .group .btns button.active {background-image:url('../img/main/video_bt_play.png'); opacity:1;}
.main-product .group .btns button:focus {outline:0;}
.main-product .group:nth-child(even) .info {order:2; margin-right:0; margin-left:35px;}
.main-product .group:nth-child(even) .photo {order:1;}


.main-review {color:#000;}
.main-review .category-tab {display: none;}
.main-review .inner {max-width:1740px;}
.main-review .title {text-align:center; margin-bottom:60px;}
.main-review .title h2 {font-size:70px; line-height:1.4em;font-weight:800; margin-bottom:25px;}
.main-review .title .rating-box {display:inline-flex; align-items:center; height:100px; border-radius:50px; background:#fff; padding:0 30px; box-shadow:10px 10px 20px rgba(0,0,0,.05);margin-bottom:50px;}
.main-review .title .rating-box .tit {background:#03c75a;  border-radius:48px; padding:0 20px; color:#fff; font-size:22px; line-height:48px; font-weight:800;}
.main-review .title .rating-box .number {margin-left:35px; font-size:60px; line-height:1.4em; font-weight:800;}
.main-review .title p {font-size:40px; line-height:1.4em;font-weight:800; margin-bottom:40px; }
.main-review .reviewSlider {padding:0 100px; margin-bottom:95px;}
.main-review .reviewSlider .slick-track {margin-left:0; margin-right:0;}
.main-review .reviewSlider .slick-list {margin:0 -16px;}
.main-review .reviewSlider .item {padding:0 16px;}
.main-review .reviewSlider .thumb {position:relative; height:0; padding-bottom:61.3%; border-radius:20px 20px 0 0; overflow:hidden;}
.main-review .reviewSlider .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100% !important; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.main-review .reviewSlider .info {background:#f4f4f4; border-radius:0 0 20px 20px; overflow:hidden; padding:50px 35px;}
.main-review .reviewSlider .info .tit {font-size:22px; line-height:1.5em; color:#333; margin-bottom:25px; font-weight:600; height:calc(1.5em * 1 * 2); -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box;  -webkit-box-orient:vertical;}
.main-review .reviewSlider .info .rating {margin-bottom:14px;}
.main-review .reviewSlider .info .name {display:flex; align-items:center;}
.main-review .reviewSlider .info .name .ico {width:21px; height:21px; background:url('../img/main/ico_person.png') 50% 50% no-repeat; background-size:contain; margin-right:10px;}
.main-review .reviewSlider .info .name .id {font-size:20px ;line-height:1.3em; color:#333;font-weight:600;}
.main-review .reviewSlider .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); width:16px; height:30px; background-repeat:no-repeat; background-position:50% 50%; background-color:transparent; background-size:contain; z-index:40;}
.main-review .reviewSlider .slick-arrow:before {display:none;}
.main-review .reviewSlider .slick-prev {left:0; background-image:url('../img/main/review_bt_prev.png');}
.main-review .reviewSlider .slick-next {right:0; background-image:url('../img/main/review_bt_next.png');}
.main-review .reviewSlider a:hover .thumb img {transform:translateY(-50%) scale(1.04,1.04); -ms-transform:translateY(-50%) scale(1.04,1.04); -webkit-transform:translateY(-50%) scale(1.04,1.04);}
.main-review .scroll-text {position:relative; height:233px; z-index:0; overflow:hidden;}
.main-review .scroll-text ul {display:flex; position:absolute; top:0; left:0; width:5000px; margin:0 -20px;}
.main-review .scroll-text ul li {animation: aniText 15s linear infinite; white-space: nowrap; padding:0 20px;}
@keyframes aniText {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-100%);
  }
}


.main-bnrs {padding-bottom:100px;}
.main-bnrs .inner {max-width:1740px;}
.main-bnrs h2 {font-size:62px; line-height:1.26em; color:#000;font-weight:700; margin-bottom:90px;}
.main-bnrs ul {display:flex; margin:0 -25px;}
.main-bnrs ul li {width:50%; padding:0 25px; height:576px; transition: all 0.3s ease-in-out;}
.main-bnrs ul li .box {display:block; position:relative; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; border-radius:20px; overflow:hidden; transition: all 0.3s ease-in-out;}
.main-bnrs ul li:nth-child(1) .box {background-image:url('../img/main/bnr_1.jpg');}
.main-bnrs ul li:nth-child(2) .box {background-image:url('../img/main/bnr_2.jpg');}
.main-bnrs ul li .content {position:absolute; top:0; left:0; width:100%; padding:70px; color:#fff;}
.main-bnrs ul li .content .tit {font-size:50px; line-height:1.4em; font-weight:800; margin-bottom:20px;}
.main-bnrs ul li .content .cnt {font-size:26px; line-height:1.27em; font-weight:600;}
.main-bnrs ul li .more {position:absolute; bottom:70px; right:70px; width:106px; height:106px; border-radius:100%; background-color:rgba(0,0,0,.50);  background-repeat:no-repeat; background-position:50% 50%; background-image:url('../img/main/more.png'); z-index:20;}
.main-bnrs ul li:nth-child(2) .more {background-color:rgba(170,170,170,.50);}
/* .main-bnrs ul li.active {width:70%;}
.main-bnrs ul li:hover:not(.active) {width:30%;} */