@charset "utf-8";

#wrap{margin-top: 0; margin-top: 110px}
.main_wrap{ overflow: hidden; }
/* Main Visual */
.main_sec1{box-sizing: border-box; box-sizing: border-box;}
.main_sec1 > .mv_sec{position:relative;width: 100%; ;margin:auto;height:450px; overflow: hidden;}
/* Main Slider Start Effect */
.mv_list {transition:5s;}

/* Main Slider Height */
.mv_sec{position: relative;}
.mv_sec .owl-theme .owl-item .item{opacity: 0; transition:.8s;}
.mv_sec .owl-theme .owl-item.active .item{opacity: 1; transition:.8s;}
.mv_sec .owl-theme .item {position:relative;width:100%;height:450px;overflow:hidden; }
.mv_sec .owl-theme .item .img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform:scale(1.15);transition:5s;}
.mv_sec .owl-theme .item .img{background: url(../../images/main/mv00.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .mv01 .img{background: url(../../images/main/mv00.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .mv02 .img{background: url(../../images/main/mv02.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .mv03 .img{background: url(../../images/main/mv03.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .mv04 .img{background: url(../../images/main/mv04.jpg) no-repeat center center; background-size: cover;}
.mv_sec .owl-theme .mv05 .img{background: url(../../images/main/mv05.jpg) no-repeat center center; background-size: cover;}


.mv_sec .owl-theme .active .item .img {transform:scale(1);transform:rotate(0.001deg);}
.mv_sec .mv_slog {position: absolute;top: 129px; width: 100%; text-align: center;}
.mv_sec .mv_slog .t1 {position: relative; font-size:65px;line-height: 1;font-weight: 700;color:#fff;letter-spacing: -0.03em;  opacity: 0;  transition: .5s; transition-delay:.7s; top: 30px; text-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.mv_sec .mv_slog .t2 {position: relative; font-size: 22px; font-weight: 400; color: rgba(255,255,255,0.8); opacity: 0;  transition: .5s; transition-delay:1s; top: 30px; margin-top: 29px; box-sizing: border-box;}
.mv_sec .active .mv_slog .t1,
.mv_sec .active .mv_slog .t2{opacity: 1; top: 0;}

.mv_sec .owl-dots{position: absolute;width: 100%; left: 0; bottom:100px;  text-align: center; box-sizing: border-box;padding-left: 10px;}
.mv_sec .owl-theme .owl-dots .owl-dot{background: none !important; outline:0 !Important; border: 0;}  
.mv_sec .owl-theme .owl-dots .owl-dot span{width: 50px;height: 4px;background: rgba(255,255,255,0.3); transition:.3s; border-radius: 0; border: 0 !important; padding: 0; margin: 0; margin-right: 10px;	 outline:0 !Important:} 
.mv_sec .owl-dots .owl-dot.active span, 
.mv_sec .owl-dots .owl-dot:hover span {background: #fff !important; border: 0 !important;} 

.mv_sec .owl-theme .owl-nav{position: absolute; width: 100%; max-width:1200px; left: 50%; top: 50%; margin-top: -50px; margin-left: -600px; z-index: 10;}
.mv_sec .owl-theme .owl-nav [class*=owl-]{position: relative; margin: 0; padding: 0; width: 66px; height: 65px; background: url(../../images/main/mv_prev.png) center no-repeat; float: left; left: -70px; transition:.3s;}
.mv_sec .owl-theme .owl-nav .owl-next{background: url(../../images/main/mv_next.png) center no-repeat; float: right; left: auto; right: -70px;}
.mv_sec .owl-theme .owl-nav [class*=owl-] span{display: none;}


.scroll_wrap{max-width:1200px; width: 100%; height: 190px; position: absolute; left: 50%; bottom: 0; margin-left: -600px; z-index: 105; text-align: right;}
.mv_scroll{display: inline-block;width: 14px; height: 190px; background: url(../../images/main/mv_scroll.png) center no-repeat; right: 0; bottom: 0; cursor: pointer;}

/* mcnt1 */
.mcnt1{position: relative; padding: 70px 0 78px;}
.mcnt1:before{position: absolute; content: ''; width: 100vw; height: 450px; left: -19vw; top: 0;  background: url(../../images/main/mcnt1_bg.jpg) center no-repeat; z-index: -1;}
.main_col4 li{float: left; width: 25%; }
.main_col4 li a{display: table; table-layout: fixed; width: 100%; }
.main_col4 li a > *{display: table-cell; vertical-align: middle;}
.main_col4 li a > .figure{width: 130px;}
.main_col4 li a > .figure img{transition:1.2s;}
.main_col4 li a h4{font-size: 22px; line-height: 1; color: #333; font-weight: 500; margin-bottom: 15px;}
.main_col4 li a p{line-height: 26px;}
.main_col4 li:hover a > .figure img{transform:rotateY(360deg);}


.mcnt1 ol{margin-top: 80px;}
.mcnt1 ol li{float: left; width: 31.58%; height: 212px; margin-right: 2.625%; border-radius: 0 25px 0 25px; box-sizing: border-box; box-shadow:10px 10px 10px rgba(0,0,0,0.1); background: url(../../images/main/mcnt2_1.jpg) center no-repeat;}
.mcnt1 ol li:nth-child(2){background: url(../../images/main/mcnt2_2.jpg) center no-repeat;}
.mcnt1 ol li:nth-child(3){background: url(../../images/main/mcnt2_3.jpg) center no-repeat;}
.mcnt1 ol li:last-child{margin-right: 0;}
.mcnt1 ol li a{position: relative; display: table; table-layout: fixed; width: 100%; height: 100%; color: #fff;}
.mcnt1 ol li a:before{position: absolute; display: block; content: ''; background: rgba(0,0,0,0.5); left: 0; bottom: 0; width: 100%; height: 0%; z-index: 1; transition:.3s; opacity: 0;  border-radius: 0 25px 0 25px; }  
.mcnt1 ol li a .tbx{position: relative; display: table-cell; vertical-align: bottom; box-sizing: border-box; padding: 0 0 40px 50px; width: 100%; z-index: 10;}
.mcnt1 ol li a h4{font-size: 28px; line-height: 1; font-weight: 500; margin-bottom: 10px;}
.mcnt1 ol li a p{font-size: 15px; line-height: 1.2; opacity: 0.8; font-weight: 600;}
.mcnt1 ol li:hover a:before{opacity: 1; height: 100%;}

/* mcnt2 */
.mcnt2 > *{float: left; width: 50%; box-sizing: border-box; }
.mcnt2 > .lbx{padding-right: 15px;	}
.mcnt2 h3{position: relative; font-size: 36px; line-height: 1; color: #333; font-weight: 700; margin-bottom: 38px;}
.mcnt2 h3 a{position: absolute; right: 0; top: 13px;}
.mcnt2 h3 a img{transition:.3s;}
.mcnt2 h3 a:hover img{transform:rotate(360deg)}
.mcnt2 .lbx ol > li{padding-bottom: 28px; margin-bottom: 29px; border-bottom: 1px solid #ddd;}
.mcnt2 .lbx ol > li > a{display: table; table-layout: fixed; width: 100%;}
.mcnt2 .lbx ol > li > a > *{display: table-cell; vertical-align: middle;}
.mcnt2 .lbx ol > li > a > .data_box{width: 98px; box-sizing: border-box; text-align: center;}
.mcnt2 .lbx ol > li > a .data{display: table; width: 98px; height: 98px; box-sizing: border-box; border: 1px solid #444;}
.mcnt2 .lbx ol > li .tbx{display: table-cell; vertical-align: middle;}
.mcnt2 .lbx ol > li h5{font-size: 30px; line-height: 1; color: #333; font-weight: 700; margin-bottom: 7px; letter-spacing: -0.02em;}
.mcnt2 .lbx ol > li .p{font-size: 15px; line-height: 1; color: #666; letter-spacing: -0.02em;}
.mcnt2 .lbx ol > li > a > .cnt{padding-left: 18px; padding-top: 10px; }
.mcnt2 .lbx ol > li > a > .cnt h4{font-size: 20px; line-height: 1; color: #333; font-weight: 500; margin-bottom: 15px; transition:.3s; letter-spacing: -0.02em;}
.mcnt2 .lbx ol > li > a > .cnt p{font-size: 16px; line-height: 28px; letter-spacing: -0.02em;} 
.mcnt2 .lbx ol > li:hover > a > .cnt h4{color: #165bb7;}

.mcnt2 .rbx{position: relative; margin-top: -7px; padding-left: 14px; }
.mcnt2 .rbx .div{box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
.mcnt2 .rbx .div img{width: 100%;}

/* mcnt3 */
.mcnt3{position: relative; padding: 36px 0 80px; }

#slick_slider .item_box{border: 1px solid #ddd; display: block; box-sizing: border-box; height: 70px; display: table; margin-right: 10px; text-align: center; outline:none;}
#slick_slider .item_box a{display: table-cell; width: 100%; vertical-align: middle; box-sizing: border-box; }
#slick_slider .item_box a img{display: inline-block;}
#slick_slider .item_box4 a{padding-top: 15px;}
.mcnt3 #slick_slider .slick-prev{width: 19px; height: 31px; background: url(../../images/main/mcnt4_prev.jpg) center no-repeat; position: absolute; left: -60px; top: 36px; right: auto; bottom: auto; padding: 0; margin: 0; font-size: 0;}
.mcnt3 #slick_slider .slick-next{width: 19px; height: 31px; background: url(../../images/main/mcnt4_next.jpg) center no-repeat; position: absolute; left: auto; top: 36px; right: -60px; bottom: auto; padding: 0; margin: 0; font-size: 0;}