@charset 'UTF-8';
/* Arrows */
.slick-prev,
.slick-next{
font-size: 0;
line-height: 0;
position: absolute;
top: 40%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index:999;
}
@media screen and (min-width: 760px) {
.slick-prev{
background:url(https://www.nta.co.jp/shared2021/common/images/im_arrow_right.png) no-repeat;
background-size:100% 100%!important;
width:32px;
height:32px;
display:block;
left:0!important;
}
.slick-next{
background:url(https://www.nta.co.jp/shared2021/common/images/im_arrow_left.png) no-repeat;
background-size:100% 100%!important;
width:32px;
height:32px;
display:block;
right:0!important;
}
}
@media screen and (max-width: 759.9px) {
.slick-prev{
background:url(https://www.nta.co.jp/shared2021/common/images/im_arrow_right.png) no-repeat!important;
width:20px;
height:20px;
background-size:100% 100%!important;
display:block;
left:0!important;
}
.slick-next{
background:url(https://www.nta.co.jp/shared2021/common/images/im_arrow_left.png) no-repeat!important;
width:20px;
height:20px;
display:block;
background-size:100% 100%!important;
right:0!important;
}
}
.slick-prev:hover,
.slick-next:hover{
transition: 0.3s ;
opacity: 0.6 ;
}
.thumb-item-nav .slick-current,.thumb-item-nav2 .slick-current{background:#000;}
.thumb-item-nav .slick-current img,.thumb-item-nav2 .slick-current img{opacity: 0.4 ;}

/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:focus{outline: none;}
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{
font-family: 'slick';
font-size: 36px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '\02022';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
opacity: .75;
color: black;
}