@charset "utf-8";

/* fb_txt */
.fb_txt{}
.fb_txt h3{font-size: 46px; font-weight: 300; color: #333333;}
.fb_txt p{font-size: 18px; font-weight: 300;}

/* main1 */
#main1 { position: relative; height: 100vh; }

.main1_visutxt { position: absolute; z-index: 99; left: 50%; margin-left: -432px; text-align: center; top: 40%; }
.main1_visutxt p:first-child { font-size: 24px; color: #fff; font-weight: 300; }
.main1_visutxt p:last-child { font-size: 68px; color: #fff; line-height: 1.2; }

.video_cover { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2); }
.index_video{
    min-width: 500
    right: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
}
.index_video1{
    position: absolute;
    left: 10px;
    bottom: 0;
    top: 10px;
    width: 100%;
    max-width: 830px;
    max-height: 458px;
    height: auto;
    background-size: 100% 100%;
    background-color: black;
    background-image: /* our video */;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 3;
    border-radius: 14px;
    outline: none;
}

/* main2 */
#main2{background-color: #eee; padding-top: 40px;}
#main2 #mVisual_1{}
#main2 #mVisual_1 .mv{display: flex; outline: none;}
#main2 #mVisual_1 .mv .fb_txt{align-self: flex-end; margin-right: 0; margin-bottom: 75px; width: 720px;}
#main2 #mVisual_1 .mv .img{}
#main2 #mVisual_1 .mv .img img{}
#main2 #mVisual_1 .slick-dots{left: 0; bottom: 0; line-height: 18px;}
#main2 #mVisual_1 .slick-dots li{height: auto; width: auto; background-color: transparent; margin-right: 40px; margin-top: 0; margin-bottom: 0;}
#main2 #mVisual_1 .slick-dots li a.dot{font-size: 18px; color: #000; font-weight: 600; line-height: 18px;}
#main2 #mVisual_1 .slick-dots li.slick-active a.dot{color: #d3b78f;}
#main2 #mVisual_1 .slick-dots li.slick-active a.dot::before{content: ''; height: 1px; width: 32px; background-color: #d3b78f; display: inline-block; margin-right: 10px;vertical-align: top;margin-top: 8px;}

/* main3 */
#main3{background: url(/images/main/main_bg2.jpg) no-repeat center center; background-size: cover;}
#main3 .fb_txt{padding-top: 110px;}
#main3 #mVisual_2{ position: absolute; right: 100px; bottom: 0; width: 1156px; transform: rotate(180deg); transform: rotateX(180deg)}
#main3 #mVisual_2 .mv{width: 360px; height: 530px; margin-left: 18px; margin-right: 18px; position: relative; outline: none; transform: rotate(180deg);  transform: rotateX(180deg)}
#main3 #mVisual_2 .mv.mv1{background:url(/images/main/3rd_new1.png)no-repeat center center; background-size:cover;}
#main3 #mVisual_2 .mv.mv2{background:url(/images/main/3rd_new2.png)no-repeat center center; background-size:cover;}
#main3 #mVisual_2 .mv.mv3{background:url(/images/main/3rd_new3.png)no-repeat center center; background-size:cover;}
#main3 #mVisual_2 .mv .txt{}
#main3 #mVisual_2 .mv .txt a{position: absolute; bottom: 160px; left: 50%; transform: translateX(-50%); font-size: 18px; color: #fff; font-weight: 200; display: inline-block; border: 1px solid #fff; padding: 10px 40px; border-radius: 20px;; }
#main3 #mVisual_2 .slick-list{overflow-x: hidden; width: 1156px; padding-bottom: 20px; padding-top: 0;}
#main3 #mVisual_2 .slick-list::-webkit-scrollbar{background-color: rgba(255,255,255,0.5); height: 4px;}
#main3 #mVisual_2 .slick-list::-webkit-scrollbar-thumb{background-color: #d3b78f; height: 4px;}


.main_quick_list {  display: flex; flex-direction: column; position: fixed; z-index: 99; right: 100px; bottom: 46px; }
.main_quick_list a:first-child { margin-bottom: 10px; }


#main1 .fp-scrollable { display: none !important; }