@charset "UTF-8";






.section-title h2 {
  display: none;
}

.mod-news_date {

  color: #808080;

}
.mod-news_body {

  flex:0 1 80%;
}

.mod-news_body p {

  letter-spacing: 0.1em;
}
.mod-news li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;

}


.mod-news li a .mod-news_date {
  white-space: nowrap;
  /*margin-right: 1rem;*/
  flex:0 0 18%;
text-align: center;
}


.mod-news li h4 {

  color: #a8806d !important;
  font-size: clamp(10px, 3.2vw, 14px);
  display: block;
  margin-bottom: 5px;
}


#bodyTop .news_wrap .news_list {
visibility:inherit;
/*overflow: scroll;
height: 380px;*/
}


#bodyTop .news_wrap .news_list::-webkit-scrollbar { 

width: 10px;

}


.news_list::-webkit-scrollbar{/*tableにスクロールバーを追加*/
    height: 8px;
    }
    .news_list::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
    background: #F1F1F1;
    }
    .news_list::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
    background: #195cbf;
    }





@media screen and (max-width: 1199px) {
/*
body .return-top > a {
    padding: 10px 5px;
}*/
}

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





}

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



}



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



}

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


/*sp_slick追加*/


.slick-slider div {
transition: none; }

#bodyTop .main_wrap .slick {
    padding: 0;
    margin: 0;
    line-height: 0; }
    #bodyTop .main_wrap .slick-prev, #bodyTop .main_wrap .slick-next {
      border: none;
      background: transparent;
      font-size: 0;
      cursor: pointer;
      transition: 0.5s; 
      position: static;
      display: inline-block;
      height: 0;
      transform: none;
  
  }
    #bodyTop .main_wrap .slick-prev::after, #bodyTop .main_wrap .slick-next::after {
      content: "";
      background-position: center center;
      background-size: 16% auto;
      background-repeat: no-repeat;
      background-color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 50%;
      transform: translateY(-50%) scale(0.6, 1);
      width: 8%;
      height: 30%;
      z-index: 1000; }
      #bodyTop .main_wrap .slick-prev::after, #bodyTop .main_wrap .slick-next::after {
          background-size: 24% auto;
          width: 16%;
          height: 40%; } 



    #bodyTop .main_wrap .slick-prev::after {
      background-image: url(/images/visual-slider-bg-prev.png)  ;
      left: 11%; 
      background-size: cover;
      background-position: center center;
      background-repeat:no-repeat ;
  }

      #bodyTop .main_wrap .slick-prev::after {
          left: -3.5%; } 

    #bodyTop .main_wrap .slick-next::after {
      background-image: url(/images/visual-slider-bg-next.png);
      right: 11%; 
      background-size: cover;
      background-position: center center;
      background-repeat:no-repeat ;
  }
     
      #bodyTop .main_wrap .slick-next::after {
          right: -3.5%; }



         body .slick-prev:before,
         body .slick-next:before {
      display: none;
  }

/*--sp_slick追加*/



  #bodyTop .main_wrap .slick {
/*
padding: 1.333% 0;
box-sizing: border-box;*/
visibility: inherit;
}



  #bodyTop .main_wrap .slick-dots {
  bottom: 6.5%;
}


  .sp_flex {
    display: flex;
  }

  #bodyTop .greet_wrap .greet_img3,
  #bodyTop .greet_wrap .greet_img2,
#bodyTop .greet_wrap .greet_img1 {

 position: relative;
 top:0 ;
 left: 0;
 right: 0;
}


  body .mod-news li a {
  display: block;

}

body .content01 .mod-news li .mod-news_date {
  width: 100%;
    text-align: left;
    margin-bottom: 2.66667vw;

}


  body .return-top {
    z-index: 9 !important;
  }


body  footer .com_flogo .copy {

    line-height: 2.0;
  }

  /*
  body .slick-prev:focus,
  body .slick-prev {

    width: 25px;
    height: 33px;
    background: url(/common/img/module/visual-slider_bg_prev.png) no-repeat 0 0;
    background-size: 25px auto;

  }

body .slick-next:focus,
body .slick-next {
  
width: 25px;
    height: 33px;
      left: auto;
    right: 0;
    background: url(/common/img/module/visual-slider_bg_next.png) no-repeat right 0;
    background-size: 25px auto;
  }

*/




}









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

}

@media screen and (min-width: 769px) {


.slick-prev:focus,
  .slick-prev {
  /**/
    background: url('/common/img/module/visual-slider_bg_prev.png') center center / cover no-repeat;
    width: 50px;
    height: 66px;
    background-position-y: top;
  }

  .slick-next:focus,
  .slick-next {
  /**/
    background: url('/common/img/module/visual-slider_bg_next.png') center center / cover no-repeat;
    width: 50px;
    height: 66px;
    background-position-y: top;

  }

  .slick-next:hover {
      background: url('/common/img/module/visual-slider_bg_next.png') center center / cover no-repeat;
      background-position-y: bottom !important;

  }
  .slick-prev:hover{
      background: url('/common/img/module/visual-slider_bg_prev.png') center center / cover no-repeat;
      background-position-y: bottom !important;

  }


  .slick-prev:before {
      /*opacity: 1;*/
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '';
      
  }

  .slick-next:before {
      /*opacity: 1;*/
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: '';
      
  }
  .slick-prev:hover:before {
      opacity: 1;
  }

  /*左右の矢印の色を変える*/
  .slick-prev:before,
  .slick-next:before {
      /*color: #000;*/
      color: #4d9cf9;
      font-size: 40px ;
    }
  /*左右の矢印の位置を変える*/
  .slick-next {
      right: 0px;
      z-index: 9;
  }
  .slick-prev {
      left: 0px;
      z-index: 9;
  }

}


  /*スライド数のドットの色を変える*/
  .slick-dots li.slick-active button:before,
  .slick-dots li button:before {
      /**/color: #3073e1;
      font-size: 0;

  }


  .slick-dots li.slick-active button:before,
  .slick-dots li button:before .active {
      margin: 0;
      border: 2px solid #3073e1;
      background: #fff;
  }




button[id^="js-"]  {

font-size: 0;
border: 0;
position: relative;
width: 15px;
height: 15px;
background: #fff;
cursor: pointer;
padding: 0;
box-sizing: border-box;
outline: none;

}

.slick-dots li button:before{
opacity: 0.5;

}

button[id^="js-stop"]::before { 
  display: block;
content: "";
position: absolute;
top: 50%;
width: 5px;
height: 12px;
margin-top: -6px;
border-right: 5px solid #3073e1;
border-left: 5px solid #3073e1;
}

button[id^="js-play"]::before {   

display: block;
content: "";
position: absolute;
top: 50%;
width: 0;
height: 0;
margin-top: -6px;
border: 6px solid transparent;
border-left: 10px solid #3073e1;
}

.js_button {
float: right;
width: 35px;
max-width: 40px;
position: absolute;
bottom: -20px;
right: 0;
z-index: 9;
}

.js_button::after {
content: '';
clear: both;
display: table-cell;
}

.slider_area::after {
content: '';
clear: both;
display: table-cell;
}

.slick-next {

right: 0;

z-index: 99;
}
.slick-prev {

left: 0;
z-index: 1;

}

.thumb-item-nav li {

cursor: pointer;

}


#bodyTop .main_wrap .slick-dots {

/*  max-width: 140px;
  width: 33.4%;
*/
visibility: inherit;
}


#bodyTop .main_wrap .slick-dots li {
/*
width: 12%;
*/

visibility: inherit;
flex: 1;
}

#bodyTop .main_wrap .mimg 
.logo.veco {

width: 20%;
padding: 0;

box-sizing: border-box;
max-width:150px ;

}
#bodyTop .main_wrap .mimg 
.logo.veco img {

width: 100%;

}
body 
footer .com_link_tbox {

  display: flex;
  gap: 0 10px;
  width: 100%;
  text-align: center;
  flex-wrap: wrap;
}

body 
footer .com_link_tbox a {

  flex: auto;


}

.mod-news li a p {

   display: -webkit-box;
  -webkit-line-clamp: 2;          /* ① 表示したい行数を指定 */
  -webkit-box-orient: vertical;   /* ② ボックスの配置方向を垂直に設定 */
  overflow: hidden;      

}




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


body 
footer .com_link_tbox {

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    text-align: left;
    row-gap: 10px;

}


body footer .com_link_tbox a {

  margin-bottom: 0;
}



}