/* 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;
    outline:none;/*cus*/
}
[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;
}

/*カスタマイズ*/

#eyeC01_cont{
    display: inline-block;
    position: relative;    
    width: 100%;
    overflow: hidden;
text-shadow:  1px 1px 6px #000;
}

/*------------------------------111120220531--------*/
.eyeC01{
  display:none; /*road中乱れ表示対策add_20220526    
/*  opacity: 0;*/
 /*display:block;*/
}


.eyeC01.slick-initialized{
display: block;
/*add_20220526*/
/*opacity: 1 !important;_*/
}


/*eyecatchStart*/
.eyeC01catch{
    position: absolute;
    display: inline-block;
   width: auto;
    top: 50% ;
    left: 50%;  
    text-align: center;    
    transform: translate(-50%,-50%);
    /*background: blue;*/
    overflow: hidden;
    white-space: nowrap;
    
    animation: eyecatchmove 1.5s ease-in-out 4s 1 forwards;
}

/*company_sub_text_many_left*/



/*company_sub_text_many_left*/

.eyeC01catch > p:nth-of-type(1){
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: inline-block;
    position: relative;
    color:#fff;
    font-size: 2.3rem;
    line-height: 1.5;
    font-weight: 700;
    /*background: rgba(0,0,0,1);*/
    background: #3367FF;/*background チェンジ*/
    width: auto;
    padding:10px 20px;
    white-space: nowrap;
    margin-bottom: .8rem;
    overflow: hidden;
    animation: colorchangeblackblue .7s ease 5.5s 1 forwards;
}

.eyeC01catch > p:nth-of-type(1):after{
    position:absolute;
    top: 0;
    left: 0;    
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
background: #3367FF;/*スクリーン チェンジ*/
    content:" " ;     
    animation: backgroundnmove03 1s ease-in-out .2s 1 forwards;
}


.eyeC01catch > p:nth-of-type(2){
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 2.0rem;
    line-height: 1.0;
    font-weight: 700;
    background: rgba(255,255,255,.5);
    padding-left:15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;    
    overflow: hidden;    
    animation: colorchangeblackblue02 .7s ease 5.6s 1 forwards;
}

.eyeC01catch > p:nth-of-type(2):after{
    position:absolute;
    top: 0;
    left: 0;    
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000;
    content:"" ; 
    animation: backgroundnmove 1s ease-in-out 0.3s 1 forwards;
}

/*add_company_catch20220601*/

/*span#sec_catch_text02{
font-size: 1.5rem;
position: relative;
opacity: 0;
animation: sec_catch_text02anime 1s ease-in-out 0.8s 1 forwards;
}*/

/*span#sec_catch_text02 h3{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;  
    color: #fff;
    font-size: 1.5rem;
    padding: 0 0 0 25px;
    
}*/

/*span#sec_catch_text02 p{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;  
    color: #fff;
    font-size: 1.25rem;
    padding: 0 0 0 30px;
    
}*/


/*css animation*/

@keyframes sec_catch_text02anime {
    0%{ 
        
       opacity: 0;
        
    }

    100% {
      
         opacity: 1;
       
    }
}






/*Eyeメニューゾーン*/
.eyeC01catchMenu{
position: absolute;
bottom:5%;
width:99%;
margin:auto;
margin-right: 1%;
display: inline-flex;
justify-content: flex-end;
flex-wrap: nowrap;
overflow: hidden;
}

.eyeC01catchMenu > div{
   color: #fff;
width: 150px/*calc(30% / 3)*/; 
text-align: center;
margin:10px;
transform: translateY(-120%);  
animation: eyecatchmove03 1.5s ease-in-out 5.5s 1 forwards;
}

.eyeC01catchMenu > div a:link,.eyeC01catchMenu > div a:visited{
padding: 10px;
color: #fff;
display: block;
height: 100%;
}


.eyeC01catchMenu > div p{
font-size: 120%;
line-height:1.8;
color: #fff;
}

.eyeC01catchMenu > div p a:link,.eyeC01catchMenu > div p a:visietd{
color: #fff;
}


.eyeC01catchMenu > div img{
    width: 90%;
    padding:0;
    
}


/*Eyeメニューゾーン*/

/*css animation*/

@keyframes eyecatchmove {
    0%{ 
        
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        
    }

    100% {
      
         top: 25% ; left: 2%;
         transform: translate(-2%,-25%);
       
    }
}

@keyframes eyecatchmove_for_company {
    0%{ 
        
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);

        
    }

    100% {
      
         top: 25% ; left: 2%;
         transform: translate(-2%,-25%);
 
    }
}

@keyframes eyecatchmove_for_company_lauout {
    0%{ 
        
        

        
    }

    100% {
      
       
    }
}


/*
@keyframes eyecatchmove02 {
    0%,70% {       
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
        text-align: center;
    }
    100% {
         top: 50% ; left: 50%;
      transform: translate(-50%,-50%);
    
    }
}*/
/*ddddddddddd*/
@keyframes eyecatchmove03 {
    0%{       
    transform: translateY(-100%);  
    background: #fff;     
       
    }
    90% {
    background:rgba(51,103,255,1);
    opacity: 1;
    }
    100% {
    transform: translateY(0);
    background:rgba(51,103,255,1);
    opacity: .7;
    }
}



@keyframes colorchangeblackblue {
    0%,70% {
      
        /*border:2px solid #000;*/
        
    }
    100%{
        color: #FFF;
        text-shadow:  1px 1px 6px #000;
        background: rgba(255,255,255,0); 
        position: relative; /**/  
        /*border:2px solid transparent;*/
    }

}

@keyframes colorchangeblackblue02 {
    0%,70% {
        color:#000;         

    }
    100%{
        color: #FFF; 
        background: rgba(255,255,255,0);  
        text-shadow:  1px 1px 6px #000;
       
    }

}


@keyframes eyeimgscalemove {
    0% { 
        
        transform: scale(1.00);
        
    }
    100% {
       /* transform: translate(-0%,0%);  */
         transform: scale(1.01);
         }
     }
       
@keyframes backgroundnmove03 {
    0% {
        transform:translateX(0);

    }
    100% {
        transform:translateX(105%);
    }
}



/*eyecatchEnd*/


.eyeC01 div{
  height: 600px;
   width:100%;  
   overflow: hidden;
   transform-origin: center;
   animation: eyeimgscalemove 10s ease-in-out 0s infinite alternate;
}

.eyeC01 div:nth-child(1){
background: url(./img/eye_img001.jpg);
background-attachment: scroll;
background-size: cover;
background-position: top 40% right 30%;
}

.eyeC01 div:nth-child(2){
background: url(./img/eye_img003.jpg);
background-attachment: scroll;
background-size: cover;
background-position: top 40% left 30%;
}

.eyeC01 div:nth-child(3){
background: url(./img/eye_img005.jpg); 
background-attachment: scroll;
background-size: cover;
background-position: top 40% right 30%; 
}
.eyeC01 div:nth-child(4){
background: url(./img/eye_img003.jpg); 
background-size: cover;
background-position: top 40% left 30%;  
}
/*.eyeC01 div:nth-child(5){
background: url(./img/eye_img003.jpg); 
background-size: cover;
background-position: top 40% left 30%;  
}

.eyeC01 div:nth-child(6){
background: url(./img/eye_img005.jpg); 
background-size: cover;
background-position: top 45% left 30%;  
}*/


@media screen and (max-width: 1194px){

.eyeC01catchMenu > div{
   color: #fff;
width: 110px/*calc(30% / 3)*/;
}

.eyeC01catchMenu > div p
{
font-size: 100%;
}

}


@media screen and (max-width: 1024px){

/*Eye高さ調整*/
.eyeC01 div{
height: 500px; 
}
/*eyecatchStart*/

.eyeC01catch > p:nth-of-type(1){
  font-size: 1.5rem ;
  
 
}

.eyeC01catch > p:nth-of-type(2){
  font-size: 1.3rem ;
 
}
/*eyecatchEnd*/
}



@media screen and (max-width: 896px){

/*Eye高さ調整*/
.eyeC01 div{
height: 400px; 
}

/*eyecatchStart*/

.eyeC01catch{
    margin-top: 5%;
   animation: none;
}


.eyeC01catch > p:nth-of-type(1){
  font-size: 1.5rem ;
  padding:10px 20px;
  margin-bottom: 0px;
}

.eyeC01catch > p:nth-of-type(2){
  font-size: 1.2rem ;
 padding:10px 20px;
}
/*eyecatchEnd*/


.eyeC01catchMenu{
display: none;
}

}




}

@media screen and (max-width: 768px){
    
}

@media screen and (max-width: 480px){

/*Eye高さ調整*/
.eyeC01 div{
height: 280px; 
}

/*eyecatchStart*/

.eyeC01catch > p:nth-of-type(1){
  font-size: 1.2rem ;
  
}

.eyeC01catch > p:nth-of-type(2){
  font-size: 1.0rem ;
 
}
/*eyecatchEnd*/   
}

@media screen and (max-width: 320px){

/*Eye高さ調整*/
.eyeC01 div{
height: 250px; 
}

/*eyecatchStart*/

.eyeC01catch > p:nth-of-type(1){
  font-size: 1.0rem ;
  
}

.eyeC01catch > p:nth-of-type(2){
  font-size: .8rem ;
 
}
/*eyecatchEnd*/   


}