/* Slider */
.slider-2 .slick-slide {width:100%; height:auto; margin:0; position: relative;overflow: hidden;}
.slider-2 .slick-slide img { display: block; width:100%; height:32vw; object-fit: cover;}
.top{ position:relative;}
.top div h2{ font-size:50px; line-height:80px; margin-left:10px}
.top div h3{ font-size:24px; line-height:40px; font-family:"dm"}
.top{ color:#FFF; text-shadow:1px 1px 1px #333333;}
.top div{}
.topcopy3{top:20%; left:10%; position:absolute;  z-index:3;}
.topcopy4{ top:10%; left:10%; position:absolute;  z-index:3;}
@keyframes fadein1 { 0% { opacity:0; }2% { opacity: 1; }70% { opacity:1;} 72% { opacity:0; } 100% { opacity:0; }}
@keyframes fadein2 { 0% { opacity: 0; } 75% {opacity: 0;} 80% { opacity:1;} 98%{ opacity:1; }100% { opacity:0; }}
@media only screen and (max-width: 1024px) {
.top{ margin-top:60px}
.slider-2 .slick-slide img { height:60vw;}
.top div h2{ font-size:30px; line-height:40px;margin-bottom:10px}
.top div h3{ font-size:20px; line-height:35px; margin-bottom:10px}
.topcopy3{ top:20%; left:10%;}
.topcopy4{ top:10%; left:10%;}
@keyframes fadein1 { 0% { opacity: 1; } 5% {opacity: 1;} 45% { opacity:1;} 50% { opacity:0; } 55% { opacity:0; }75% { opacity:0; } 80% { opacity:1; } 100% { opacity:1; }}
@keyframes fadein2 { 0% { opacity: 0; } 50% {opacity: 0;} 55% { opacity:1;} 75%{ opacity:1; } 80%{ opacity:0} 100% { opacity:0; }}
}
@media only screen and (max-width:768px) {
.top div h2{ font-size:20px; line-height:30px; margin:0}
.top div h3{ font-size:14px; line-height:25px; margin:0 }
@keyframes fadein1 { 0% { opacity: 1; } 5% {opacity: 1;} 45% { opacity:1;} 50% { opacity:0; } 55% { opacity:0; }75% { opacity:0; } 80% { opacity:1; } 100% { opacity:1; }}
@keyframes fadein2 { 0% { opacity: 0; } 50% {opacity: 0;} 55% { opacity:1;} 75%{ opacity:1; } 80%{ opacity:0} 100% { opacity:0; }}
}

@media only screen and (max-width:768px) {
.top div h2{ font-size:14px; line-height:20px;}
.top div h3{ font-size:10px; line-height:14px !important; }
.topcopy3{ top:10%;}
.topcopy4{ top:5px; }
}
.slick-slider
{ position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{ position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;}
.slick-list:focus{   outline: none;}
.slick-list.dragging{   cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{ -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);}
.slick-track
{    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{ display: table;
    content: '';}
.slick-track:after
{clear: both;}
.slick-loading .slick-track
{visibility: hidden;}
.slick-slide
{display: none;
    float: left;
    height: 100%;
    min-height: 1px;}
[dir='rtl'] .slick-slide
{ float: right;}
.slick-slide img
{ display: block;}
.slick-slide.slick-loading img
{ display: none;}
.slick-slide.dragging img
{ pointer-events: none;}
.slick-initialized .slick-slide
{ display: block;}
.slick-loading .slick-slide
{visibility: hidden;}
.slick-vertical .slick-slide
{ display: block;  height: auto;
    border: 1px solid transparent;}
.slick-arrow.slick-hidden {
    display: none;}
.slick-loading .slick-list
{background: #fff url('../img/common/ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face
{ font-family: 'slick'; font-weight: normal; font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}