@charset "UTF-8";

.tab1_current span {
  border-radius: 5px 5px 0 0; /* 左上、右上を丸く */
}
.tab1 li {
  height: 48px;
  width: 100%;
}

.tab1 ul {
  display: flex;
  width: 100%;
  background-color: unset;
  border-top: unset;
  justify-content: space-between;
  gap: 4px;

}
.js-tabs {
  display: flex;
  align-items: center;
  height: 48px;
}
.js-tabs .js-tab {
  background: #EEF2F5;
  border-radius: 5px 5px 0 0;
}
.js-tab p {
  display: flex;
  align-items: center; /* 縦方向の中央寄せ */
  justify-content: center; /* 横方向の中央寄せ */
  text-align: center; /* テキストの中央寄せ（複数行の場合） */
  height: 48px;
}
.js-tab.is-active {
  background: none;
}
.tab1_current {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tab1 a:before {
  background: none;
}

.tab1_current span {
  width: 100%;
  height: 48px;
}

.tab1 li a {
  color: #8F8F8F;
}

.news4_btns {
  border-top: none;
}

.tab1 span {
  height: 48px;
}

.tab1 ul {
  border-bottom: 2px solid #666C75;
}

.custom_banner_wrapper {
  position: relative; /* 子要素の位置調整用 */
  width: 100%;
  overflow: hidden;
}

.custom_banner_slide {
  margin: 0 auto;
}


.custom_banner_wrapper .slick-prev-special,
.custom_banner_wrapper .slick-next-special {
  position: absolute;
  top: 44%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: rgb(255 255 255 / 90%);
  background-position: center;
  color: #fff;
  border: none;
  width: 32px;
  height: 40px;
  cursor: pointer;
}

.custom_banner_wrapper .slick-prev-special {
  left: 0; /* 左ボタンの位置 */
  border-top-right-radius: 15%; /* 右上を丸く */
  border-bottom-right-radius: 15%; /* 右下を丸く */
}
.custom_banner_wrapper .slick-prev-special_icon {
  transform: translateY(-50%) rotate(180deg); /* 左向きに回転 */
}

/* 右ボタン */
.custom_banner_wrapper .slick-next-special {
  right: 0; /* 右ボタンの位置 */
  border-top-left-radius: 15%; /* 左上を丸く */
  border-bottom-left-radius: 15%; /* 左下を丸く */
}


/* スライダー全体 */
.custom_banner_slide {
  display: flex;
  justify-content: space-between; /* アイテム間の均等配置 */
  margin: 20px auto;
  overflow: hidden;
}


.slick-prev-special_icon {
  width: 9px;
  height: 12px;
  margin-top: 12px;
}
.slick-next-special_icon {
  width: 9px;
  height: 12px;
  margin-bottom: 3px;
}

.banner4.custom .slick-slider {
  margin-bottom: 0;
  padding: 0 6px;
}

.banner4 {
  margin-top: 30px;
}

.banner4 .frame3 {
  padding-bottom: 10px;
}



.title4_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom_banner_slide .slide-item img {
  width: 96%; /* 親要素の幅に対して100%に拡大・縮小 */
  height: auto; /* アスペクト比を維持 */
  margin: 0 auto; /* 中央寄せ */
}

/* スライダー全体の幅調整 */
.custom_banner_slide {
  width: 100%; /* 画面サイズに応じて全体幅を調整 */
  margin: 0 auto; /* 中央寄せ */
}
.custom_banner_slide .slide-item {
  margin-bottom: 6px;
}

.custom_banner_slide .slick-slide {
  margin-bottom: 15px; /* スライド間の縦方向の間隔 */
}
.custom_banner_slide .slide-item {
  width: 49%;
  text-align: center;
}

/* 静的表示時のスタイル（スライダーが適用されない場合） */
.custom_banner_slide.static-slide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* 横方向のスライド間隔を設定 */
.custom_banner_slide .slide-item {
}

/* 最後のアイテムの間隔を消す */
.custom_banner_slide .slick-slide:last-child {
  margin-right: 0;
}

.number1 {
  margin-bottom: 20px;
}