@charset "utf-8";

/* main-visual */
.ydong-mv {position:relative;}
.ydong-mv .item {height:calc(100vh - 100px); margin-top:100px; position:relative;}
.ydong-mv .item .secting-img {position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; width:100%; height:100%;}
.ydong-mv .item .secting-img01 {background-image:url('../img/main/main-visual01.jpg'); background: #333;}
.ydong-mv .item .secting-img02 {background-image:url('../img/main/main-visual02.jpg'); background: #555;}
.ydong-mv .item .secting-img03 {background-image:url('../img/main/main-visual03.jpg'); background: #999;}
.ydong-mv .txt-box {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center;}
.ydong-mv .txt-box .txt {width:100%; max-width:1430px; padding:0 15px; margin:0 auto; color:#fff;}
.ydong-mv .txt-box .txt h2 {font-size:70px; font-family:'ONE Mobile'; font-weight:400; line-height:1.4em; opacity:0; filter:blur(10px);}
.ydong-mv .txt-box .txt h2 strong {font-weight:700;}
.ydong-mv .item.slick-active .txt-box .txt h2 {opacity:1; filter:blur(0); transition:all 1.2s;}
.ydong-mv .paging {position:absolute; bottom:80px; left:0; width:100%;}
.ydong-mv .paging ul {width:100%; max-width:1430px; padding:0 15px; margin:0 auto; display:flex;}
.ydong-mv .paging ul li {padding-right:20px;}
.ydong-mv .paging ul li button {display:block; font-size:16px; line-height:1.4em; font-weight:500; color:#fff; position:relative; background:none; padding:0 10px 22px; border:0; cursor:pointer; width:150px; text-align:left;}
.ydong-mv .paging ul li button:before {content:''; width:100%; height:4px; background:#fff; opacity:0.3; position:absolute; bottom:0; left:0;}
.ydong-mv .paging ul li button:after {content:''; width:0; height:4px; background:#5DCFFF; position:absolute; bottom:0; left:0;}
.ydong-mv .paging ul li.slick-active button:after {width:100%; transition:all 4.5s;}