/* =========================================================
home
========================================================= */
/*------------------------------------------
home header
------------------------------------------*/
.home-hd {
  overflow: hidden;
}

@media (min-width: 769px) {
  .home-hd {
    padding: 25px 0 0;
  }
}
.home-hd-video {
  max-width: 1160px;
  aspect-ratio: 16/9;
}

@media (max-width: 768px) {
  .home-hd-video {
    margin: 0 auto 24px;
  }
}
@media (min-width: 769px) {
  .home-hd-video {
    margin: 0 auto 52px;
  }
}
.home-hd-video iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.home-hd-slider {
  width: 74.1333333333vw;
  max-width: 600px;
  margin: 0 auto;
  overflow: visible;
}

.home-hd-slider .slide.swiper-slide-active {
  opacity: 0;
  animation: zoomin 0.5s ease forwards;
}

.home-hd-slider .slide a {
  display: block;
}

@media (max-width: 768px) {
  .home-hd-slider .cmn-control {
    width: 100vw;
    margin-left: -13.0666666667vw;
  }
}
/*------------------------------------------
common
------------------------------------------*/
@media (max-width: 768px) {
  .home-cont {
    padding: 64px 20px 0;
  }
}
@media (min-width: 769px) {
  .home-cont {
    padding: 96px 56px 0;
  }
}
.home-cont .cont-in {
  max-width: var(--cont-w);
  margin: 0 auto;
}

.home-cont .cmn-btn01 {
  max-width: 395px;
  margin: 24px auto 0;
}

.home-cont .campaign-list,
.home-cont .news-list {
  margin: 24px auto 0;
  max-width: 900px;
}

.home-cont .campaign-list .cmn-card01,
.home-cont .news-list .cmn-card01 {
  margin: 0 auto 16px;
}

.home-cont .campaign-list .cmn-card01:last-child,
.home-cont .news-list .cmn-card01:last-child {
  margin-bottom: 0;
}

/*------------------------------------------
pickup
------------------------------------------*/
.home-pickup-list {
  margin: 24px auto 0;
}

@media (min-width: 769px) {
  .home-pickup-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px 16px;
  }
}
.home-pickup-list .bnr {
  border: 2px solid #e50012;
}

@media (max-width: 768px) {
  .home-pickup-list .bnr {
    margin: 0 auto 16px;
  }
}
@media (max-width: 768px) {
  .home-pickup-list .bnr:last-child {
    margin-bottom: 0;
  }
}
.home-pickup-list .bnr a {
  display: block;
}

/*------------------------------------------
contents
------------------------------------------*/
.home-contents-list {
  margin: 24px auto 0;
  grid-gap: 16px 16px;
  display: grid;
}

@media (max-width: 768px) {
  .home-contents-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 769px) {
  .home-contents-list {
    grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));
  }
}
.home-contents-list .bnr {
  border: 2px solid #e50012;
}

.home-contents-list .bnr a {
  display: block;
}

/*------------------------------------------
recruit
------------------------------------------*/
@media (max-width: 768px) {
  .home-recruit-list {
    margin: 24px auto 0;
  }
}
@media (min-width: 769px) {
  .home-recruit-list {
    display: flex;
    gap: 16px;
    margin: 32px auto 0;
  }
}
@media (max-width: 768px) {
  .home-recruit-list .bnr + .bnr {
    margin: 16px auto 0;
  }
}
@media (min-width: 769px) {
  .home-recruit-list .bnr + .bnr {
    flex: 1fr;
  }
}
.home-recruit-list .bnr a {
  display: block;
}