/* Slider */
.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;
}
.hero-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-image:radial-gradient(rgb(255, 255, 255, 0.2) 30%, transparent 0), radial-gradient(rgb(255, 255, 255, 0.2) 30%, transparent 0);
    background-size: 4px 4px;
}

.hero-img::after {
     position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .2);
    -webkit-transition: all 2500ms linear 500ms;
    transition: all 2500ms linear 500ms;
}
.hero-img .slider::before {
     position: absolute;
     content: "";
     width: 100%;
     z-index: 10;
     bottom: 0;
     left: 0;
     height: 25%;
     background: -moz-linear-gradient(top, transparent 0%, transparent 5%, rgba(0,0,0,0.3) 100%);
     background: -webkit-linear-gradient(top, transparent 0%, transparent 5%, rgba(0,0,0,0.3) 100%);
     background: linear-gradient(to bottom, transparent 0%, transparent 5%, rgba(0,0,0,0.3) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000'', endColorstr='#00000000,GradientType=0 );
}
.hero-img .slider::after {
     position: absolute;
     content: "";
     width: 100%;
     z-index: 10;
     top: 0;
     left: 0;
     height: 25%;
     background: -moz-linear-gradient(bottom, transparent 0%, transparent 5%, rgba(0,0,0,0.25) 100%);
     background: -webkit-linear-gradient(bottom, transparent 0%, transparent 5%, rgba(0,0,0,0.25) 100%);
     background: linear-gradient(to top, transparent 0%, transparent 5%, rgba(0,0,0,0.25) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000'', endColorstr='#00000000,GradientType=0 );
}



.slick-prev {
    left: 0;
    z-index: 1;
}
 
.slick-next {
    right: 0;
}
.prev_icon{
  position: absolute;
  bottom: 15px;
  left: calc(48% - 20%);
  transform: translate(0,-50%);
  width: 20%;
  z-index: 1;
    text-align: right;
}
.prev_icon:before {
    position: absolute;
    top: 11px;
    right: 40px;
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    background: #555;
    display: block;
}
.prev_icon:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    border-right: solid 1px #111;
    position: absolute;
    left: 2px;
    top: 6px;
    transform: rotate(-135deg);
}
.next_icon{
  position: absolute;
  bottom: 15px;
  right: calc(48% - 20%);
  transform: translate(0,-50%);
  width: 20%;
  z-index: 1;
}
.next_icon:before {
position: absolute;
    top: 10px;
    right: 0;
    content: "";
    width: calc(100% - 40px);
    height: 1px;
    background: #555;
    display: block;
}
.next_icon:after {
content: "";
    display: inline-block;
    transform: rotate(45deg);
    width: 11px;
    height: 11px;
    border-top: solid 1px #111;
    position: absolute;
    right: 2px;
    top: 5px;
}
.prev_icon.slick-disabled,
.next_icon.slick-disabled {
    opacity: .2;
}
 
.prev_icon.slick-disabled:before,
.next_icon.slick-disabled:before {
    opacity: 1;
}



.news_wrap .slick-track{ display: flex;}
.news_wrap .slick-track .slick-slide{  border-left: 1px solid #555; 
border-bottom: 1px solid #555; height: auto;}
.news_wrap .slick-track .slick-slide:last-child { border-right: 1px solid #555;}

@media (min-width: 768px) {
.prev_icon,.next_icon{
  bottom:25px;
}
.prev_icon:before{right: 50px;}
.prev_icon:before,.next_icon:before {
width: calc(100% - 50px);
}

}


/*==================================================
hero css
===================================*/

main {
    margin:0 0 0 0 !important;
}

.slider {
    position:absolute;
	z-index: 1;
	height: 100vh;
    background: #111;
    overflow: hidden;
    width:100%;
}
.slider::before {
     position: absolute;
     content: "";
     width: 100%;
     z-index: 10;
     bottom: 0;
     left: 0;
     height: 30%;
     background: -moz-linear-gradient(top, transparent 0%, transparent 5%, rgba(0,0,0,0.5) 100%);
     background: -webkit-linear-gradient(top, transparent 0%, transparent 5%, rgba(0,0,0,0.5) 100%);
     background: linear-gradient(to bottom, transparent 0%, transparent 5%, rgba(0,0,0,0.5) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000'', endColorstr='#00000000,GradientType=0 );
}
.slider::after {
     position: absolute;
     content: "";
     width: 100%;
     z-index: 10;
     top: 0;
     left: 0;
     height: 25%;
     background: -moz-linear-gradient(bottom, transparent 0%, transparent 5%, rgba(0,0,0,0.5) 100%);
     background: -webkit-linear-gradient(bottom, transparent 0%, transparent 5%, rgba(0,0,0,0.5) 100%);
     background: linear-gradient(to top, transparent 0%, transparent 5%, rgba(0,0,0,0.5) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000'', endColorstr='#00000000,GradientType=0 );
}
.slider-top,
.slider-bottom {
    height: 100vh;
}

.slick-list.draggable{
    height: 100%;
}

.slider-item01 {
    background:url(../img/test-1.jpg);
}

.slider-item02 {
    background:url(../img/test-5.jpg);
}

.slider-item03 {
    background:url(../img/test-4.jpg);
}

.slider-item04 {
    background:url(../img/test-2.jpg);
}

.slider-item05 {
    background:url(../img/test-6.jpg);
}

.slider-item06 {
    background:url(../img/test-3.jpg);
}

.slider-item07 {
    background:url(../img/img_07.jpg);
}

.slider-item08 {
    background:url(../img/img_08.jpg);
}

.slider-item09 {
    background:url(../img/img_09.jpg);
}

.slider-item10 {
    background:url(../img/img_10.jpg);
}

.slider-item11 {
    background:url(../img/img_11.jpg);
}

.slider-item12 {
    background:url(../img/img_12.jpg);
}

.slider-item13 {
    background:url(../img/img_13.jpg);
}

.slider-item14 {
    background:url(../img/img_14.jpg);
}




.slick-slide{height:50vh;}

.slick-track .slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 50vh ;/*各スライダーの縦幅を画面の高さの半分（50vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: top;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}


@media (min-width: 368px) {
.slider {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
  
.slider-top,
.slider-bottom {
    width:100%;
    height: auto;
}
.slick-track .slider-item {
    width: 100%;
    height:100vh;
    background-position: center;/*背景画像の位置を中央に*/
    }
.slick-slide{height:100vh;}

}

.slick-slide{
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
slick-slide,
.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);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);

-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}