@charset "UTF-8";

section h2 {
  width: 14%;
  min-width: 140px;
  margin: 0 0 1em;
}

section .sidebar h2 {
  min-width: 119px;
}

section h3 {
  display: inline-block;
  padding: 0.5rem 3rem 0.5rem 1rem;
  margin: 1em auto 0;
  color: #fff;
  background: url(../img/new_top/title_back.svg);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}

.hlogo {
  background: none;
}

.hlogo.fixed {
  background: rgba(255, 255, 255, 0.8);
}

.inner {
  padding: 0;
}

.img img {
  height: 7vw;
  object-fit: cover;
}

.use_slider .swiper {
  position: relative;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
}

.use_slider .swiper-slide {
  /* overflow: hidden; */
  transition: 0.7s;
}

.use_slider .swiper-slide img {
  width: 100%;
  background: #fff;
}

.next_top,
.prev_top,
.next_topics,
.prev_topics,
.next_blog,
.prev_blog {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.next_top,
.prev_top {
  top: 65%;
}

.prev_top,
.next_top,
.prev_topics,
.next_topics,
.prev_blog,
.next_blog {
  width: 7%;
}

.next_top,
.next_topics,
.next_blog {
  right: 0;
}

.prev_top,
.prev_topics,
.prev_blog {
  left: 0;
}

.prev_top:after,
.prev_topics:after,
.prev_blog:after,
.next_top:after,
.next_topics:after,
.next_blog:after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}

.prev_top:after,
.prev_topics:after,
.prev_blog:after {
  background-image: url(../img/new_top/arrow_prev.svg);
}

.next_top:after,
.next_topics:after,
.next_blog:after {
  background-image: url(../img/new_top/arrow_prev.svg);
  transform: scale(-1, 1);
}

.sidebar {
  border-left: 5px solid #d84709;
  padding: 0 0 0 16px;
}

@media screen and (max-width: 1200px) {
  .hlogo.inner {
    padding: 0;
  }

  .inner {
    padding: 0 3%;
  }
}

@media screen and (max-width: 768px) {
  section h2 {
    width: 25%;
    min-width: 130px;
  }

  section .sidebar h2 {
    min-width: 109px;
  }

  .hlogo.inner {
    padding: 0;
  }

  .inner {
    padding: 0 5%;
  }

  .img img {
    height: 13vw;
  }
}

/*----------------------------------------新トップ----------------------------------------*/
#top {
  overflow: hidden;
  margin: 0;
}

#top .inner {
  padding: 0 0 20%;
  overflow: hidden;
}

#top .swiper {
  width: 100%;
}

/* #top .swiper_back {
  overflow: hidden;
} */
#top .swiper_top {
  position: absolute;
  bottom: 10%;
  overflow: visible;
  background: #fff;
}

#top .swiper_top .swiper-slide {
  opacity: 0.4;
  transform: scale(1) translateZ(0);
  /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8); */
  -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.8));
  border-radius: 1vw;
  overflow: hidden;
  background: #fff;
}

#top .swiper_top .swiper-slide-active {
  opacity: 1;
  z-index: 1;
  transform: scale(1.2) translateZ(0);
}

/* 前への矢印カスタマイズ */
#top .prev_top:after {
  background-image: url(../img/new_top/arrow_top.svg);
}

/* 次への矢印カスタマイズ */
#top .next_top:after {
  background-image: url(../img/new_top/arrow_top.svg);
  transform: scale(-1, 1);
}

#top .text {
  width: 50%;
  min-width: 200px;
  top: 25%;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  #top .arrow_box {
    position: relative;
  }

  #top .swiper_top {
    position: relative;
  }

  #top .swiper_top .swiper-slide-active {
    transform: scale(1.5);
  }
}

/*----------------------------------------新トップニュース----------------------------------------*/
#topics .arrow_box {
  margin: 0 auto 3em;
}

.link {
  text-align: right;
}

.link img {
  width: 200px;
}

/*----------------------------------------新トップニュース----------------------------------------*/
#news {
  padding: 3em 0;
}

.sample01 {
  background: rgba(215, 71, 9, 0.2);
}

.sample02 {
  color: #fff;
  background: #000;
}

.sample02 a,
.sample03 a,
.sample04 a {
  color: #fff;
}

.sample03 {
  background: #363133;
}

.sample04 {
  background: rgba(6, 99, 139, 0.8);
}

#news .news_box {
  width: 80%;
  margin: 0;
}

#news .dl_box {
  margin: 3em auto;
}

#news dl {
  margin: 1em auto;
}

#news a {
  margin: 1em auto;
}

#news dt {
  display: inline-block;
  padding: 0rem 2rem 0rem 1rem;
  color: #fff;
  background: url(../img/new_top/title_back.svg);
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}

#news dd {
  display: inline-block;
  padding: 0 0 0 1em;
}

@media screen and (max-width: 768px) {
  #news .inner,
  #news .news_box {
    width: 100%;
  }
}

/*----------------------------------------新ブログ----------------------------------------*/
#blog .swiper {
}

#blog .swiper-slide {
}

#blog .swiper-slide img {
}