@charset "UTF-8";
/* CSS Document */

html,
body {
  overflow-x: hidden;
  /* 滑らかなスクロールを有効化（モバイル） */
  -webkit-overflow-scrolling: touch;
}

/*==== テキスト ====*/

h2,
h3 {
  /* 外側の余白をなくす */
  margin: 0 !important;
  /* 内側の余白をなくす */
  padding: 0 !important;
  /* ブラウザのデフォルトの文字サイズ指定をリセット（必要に応じて） */
  /* 文字の太さもデフォルト（太字）から戻す（必要に応じて） */
  font-weight: normal !important;
  /* displayプロパティも必要に応じて変更（デフォルトはblock） */
  /* display: inline; */
}

h2 {
  margin-top: 0 !important;
  padding-top: 1.5em !important;
  padding-bottom: 0.75em !important;
  text-align: center !important;
  font-weight: 300 !important;
  line-height: 1em !important;
}

@media (max-width: 3600px) {
  h3 {
    font-size: 1.3rem !important;
  }
}

@media (max-width: 1920px) {
  h2 {
    font-size: 4rem !important;
  }
  h3 {
    font-size: 1.3rem !important;
  }
  h4 {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 1200px) {
  h2 {
    font-size: 4rem !important;
  }
  h3 {
    font-size: 1.2rem !important;
  }
  h4 {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 992px) {
  h2 {
    font-size: 2.5rem !important;
  }
  h3 {
    font-size: 1.2rem !important;
  }
  h4 {
    font-size: 1rem !important;
  }
}

@media (max-width: 768px) {
  h2 {
    font-size: 2.5rem !important;
  }
  h3 {
    font-size: 1.2rem !important;
  }
  h4 {
    font-size: 1rem !important;
  }
}

p.crdexp {
  font-size: 1.4rem;
  line-height: 2.5rem;
}
@media (max-width: 768px) {
  p.crdexp {
    margin-top: 3rem;
    font-size: 1.3rem;
    line-height: 2rem;
  }
}

/* 前への矢印 */
.swiper-button-prev-pickup {
  left: -40px;
}
/* 次への矢印 */
.swiper-button-next-pickup {
  right: -40px;
}
/* ページネーション */
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0px;
}
.container-pickup {
  margin-left: auto;
  margin-right: auto;
  max-width: 1250px;
  position: relative;
}
.swiper-pickup {
  max-width: 1250px;
}
.swiper-slide img {
  height: auto;
  width: 100%;
}
@media (max-width: 1500px) {
  .container-pickup {
    max-width: 1067px;
  }
  .swiper-pickup {
    max-width: 1067px;
  }
}
@media (max-width: 1200px) {
  .container-pickup {
    max-width: 880px;
  }
  .swiper-pickup {
    max-width: 880px;
  }
}
@media (max-width: 992px) {
  .container-pickup {
    max-width: 674px;
  }
  .swiper-pickup {
    max-width: 674px;
  }
}

@media (max-width: 768px) {
  .container-pickup {
    max-width: 80%;
  }
}