/***************************************************************************
*
* INDEX STYLE
*
***************************************************************************/
#mainSlider { margin-bottom: 50px; overflow: hidden; }

#mainSlider .slider .slick-track { display: flex; align-items: center; }

#mainSlider .slider .slick-slide { position: relative; margin-right: 30px; }

#mainSlider .slider .slick-slide img.sp { display: none; }

#mainSlider .slider .slick-slide .item a { position: relative; display: block; }

#mainSlider .slider .slick-slide .item a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }

#mainSlider .slider .slick-slide .item a:hover:before { opacity: 0; transition: 0.3s; }

#mainSlider .slider .slick-slide.slick-current .item a:before { opacity: 0; transition: 0.3s; }

#mainSlider .slider .slick-prev { display: none; }

#mainSlider .slider .slick-next { width: 113px; height: 135px; right: auto; left: -83px; top: 49.7%; background: url(../images/index/arrow-slider.png) no-repeat center center/cover; z-index: 9; }

#mainSlider .slider .slick-prev:before, #mainSlider .slider .slick-next:before { content: ''; }

#mainSlider .slider .slick-arrow:hover { opacity: 0.7; transition: 0.3s; }

.areaNews { margin-bottom: 61px; }

.areaNews .newsTitle { text-align: right; padding-right: 1px; }

.areaNews .listWrap { position: relative; }

.areaNews .newsList { max-width: 962px; margin: 0 auto 39px; }

.areaNews .newsList li { border-bottom: 1px solid #333333; padding: 9px 11px 16px; }

.areaNews .newsList li + li { padding: 18px 11px 16px; }

.areaNews .newsList li .newsInfo { margin-bottom: 13px; }

.areaNews .newsList li .newsInfo .date { display: inline-block; vertical-align: middle; font-size: 16px; font-style: italic; color: #909090; margin-right: 14px; margin-top: 2px; }

.areaNews .newsList li .newsInfo .nameSite { display: inline-block; vertical-align: middle; font-size: 13px; color: #000; background: #fff; padding: 3px 14px 0; margin-right: 5px; height: 22px; }

.areaNews .newsList li .newsInfo .category { display: inline-block; vertical-align: middle; }

.areaNews .newsList li .newsInfo .category span { display: inline-block; vertical-align: 0; font-size: 13px; padding: 2px 15px 0; border: 1px solid #fff; height: 22px; margin-right: 10px; }

.areaNews .newsList li .newsLink a { display: block; position: relative; font-size: 16px; color: #fff; font-weight: bold; padding-right: 30px; }

.areaNews .newsList li .newsLink a:after { content: '\f105'; position: absolute; top: -6px; right: -1px; font-size: 25px; font-family: "Font Awesome 5 Free"; font-weight: 900; }

@media (max-width: 1440px) and (min-width: 769px) { #mainSlider .slider { /*.slick-slide { max-width: 69vw; width: 69vw; &:nth-child(3n) { max-width: 47.5vw; } }*/ }
  #mainSlider .slider .slick-next { width: 88px; height: 105px; left: -1vw; } }

/*IE FIX*/
@media all and (-ms-high-contrast: none) { #mainSlider .slider .slick-slide { max-width: 1130px; }
  .areaNews .newsList li .newsInfo .nameSite { padding: 2px 9px 0; } }

@media (max-width: 768px) { #mainSlider { margin-bottom: 10px; overflow: hidden; }
  #mainSlider .inner { padding: 0; }
  #mainSlider .slider { padding-bottom: 14px; }
  #mainSlider .slider .slick-track { align-items: flex-start; }
  #mainSlider .slider .slick-slide { position: relative; margin-right: 0; }
  #mainSlider .slider .slick-slide img { width: 100%; }
  #mainSlider .slider .slick-slide .item a:before { content: none; }
  #mainSlider .slider .slick-next { width: 57px; height: 68px; left: 0; top: 86.7%; background: url(../images/index/arrow-slider-sp.png) no-repeat center center/cover; z-index: 9; }
  .areaNews { margin-bottom: 107px; overflow: hidden; }
  .areaNews .newsTitle { margin-right: calc(-5% - 4px); }
  .areaNews .newsTitle img { max-width: 231px; }
  .areaNews .newsList { margin-bottom: 29px; }
  .areaNews .newsList li { padding: 22px 0 15px; }
  .areaNews .newsList li + li { padding: 20px 0 17px; }
  .areaNews .newsList li .newsInfo { display: flex; align-items: center; margin-bottom: 16px; }
  .areaNews .newsList li .newsInfo .date { font-size: 13px; margin-right: 10px; margin-top: 0; height: 19px; }
  .areaNews .newsList li .newsInfo .nameSite { font-size: 11px; padding: 1px 5px 0; height: 19px; margin-right: 5px; }
  .areaNews .newsList li .newsInfo .category { margin-top: -4px; height: 19px; }
  .areaNews .newsList li .newsInfo .category span { font-size: 11px; padding: 0 5px; height: 19px; }
  .areaNews .newsList li .newsLink a { font-size: 14px; padding-right: 20px; }
  .areaNews .newsList li .newsLink a:after { right: 0; top: 52%; transform: translateY(-50%); } }