@charset "UTF-8";

/*
 * Splide用CSS
 */
.contents-slider .splide__pagination__page {
    background: black;     /* ページネーションの色を指定 */
    opacity: .4;
}
.contents-slider .splide__pagination__page.is-active {
    opacity: 1;
}
.contents-slider .splide__progress__bar {
  height: 6px;
  background: #006FC5;;
}
.contents-slider .splide__controls {
  display: flex;
  justify-content: center;
}
.contents-slider .splide__toggle {
  display: inline-flex!important;
  align-items: center;
  justify-content: center;
  background: #737e80;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  transition: background-color .2s ease;
  border: none;
}
.contents-slider .splide__toggle:hover {
  background: #006FC5;;
}
.contents-slider .splide__toggle svg {
  fill: #e5eeee;
}
.contents-slider .splide__pagination {
  position: static;
}
.splide__slide img {
  width : 90%;
  height : auto;
}
.splide__slide {
  text-align: center;
}

/*
 * 画像の拡大用CSS
 */
/* 表示したいボックスサイズ */
.img_Wrapper {
  overflow: hidden; /* 拡大した時はみ出た部分を隠す */
}
/* 画像の調整 */
.img_Wrapper img {
  width: 100%; /* 画像のサイズ */
  height: 100%;
  object-fit: contain; /* 元の画像サイズに合わせる */
  transition-duration: 0.3s; /* 動く時間(なめらかになる) */
}

/* ホバー */
.img_Wrapper img:hover {
  transform: scale(1.2); /* 拡大 */
  transition-duration: 0.3s; /* 動く時間(なめらかになる) */
  opacity: 0.9; /* 半透明になる */
}

a.top-menu-underline {
  position: relative;
  text-decoration: none;
  color: #212529;
}

a.top-menu-underline::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #006FC5;
  bottom: -1px;               /*アンダーラインがaタグの下端から現れる*/
  transform: scale(0, 1);     /*アンダーラインの縮尺比率。ホバー前はx方向に0*/
  transform-origin: left top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の左端*/
  transition: transform 0.3s; /*変形の時間*/
  text-underline-offset: 1rem;
  }
  
  a.top-menu-underline:hover::after {
  transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
  }