/*
トップページ用CSS
*/
/*-------------------------------------------------
h1 スライド画像上に配置
--------------------------------------------------*/
.h1-top {
  position: absolute;
  z-index: 2;
  top: 30px;
  left: 50px;
  font-size: 2rem;
}
/*-------------------------------------------------
swiper メイン画像
--------------------------------------------------*/
.sec-swiper-01 {
  overflow-x: hidden;
  height: 450px;
}
.sec-swiper-02 {
  position: relative;
  overflow-x: hidden;
  padding: 50px;
}
.swiper-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.swiper-slide {
  width: 100%;
  height: auto;
  overflow: visible;
}
.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.btn-archive {
  display: block;
  width: 80%;
  max-width: 350px;
  margin: 30px auto 0;
}