@charset "UTF-8";
/**
 * 動画
 */
/* line 11, ../_sass/home.scss */
.main-cover {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 37.5%;
  overflow: hidden;
}
/* line 17, ../_sass/home.scss */
.main-cover .cover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
/* line 24, ../_sass/home.scss */
.main-cover .cover-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44%;
  height: auto;
  margin: 0 0 0 -22%;
  z-index: 1000;
}

/* line 34, ../_sass/home.scss */
video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  margin: -25% 0 0 -50%;
}

/* line 42, ../_sass/home.scss */
.pc-only {
  display: none;
}
@media screen and (min-width: 768px) {
  /* line 42, ../_sass/home.scss */
  .pc-only {
    display: block;
  }
}

/* line 48, ../_sass/home.scss */
.sp-only {
  display: block;
}
@media screen and (min-width: 768px) {
  /* line 48, ../_sass/home.scss */
  .sp-only {
    display: none;
  }
}

/**
 * ページ上部のバナー
 */
/* line 58, ../_sass/home.scss */
section.top-banner {
  margin-top: 30px;
}

/**
 * キャンペーンのカード表示
 */
/* line 66, ../_sass/home.scss */
ul.campaign-list li {
  list-style: none;
  margin-top: 30px;
}
/* line 70, ../_sass/home.scss */
ul.campaign-list a {
  display: block;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.09804) 0px 0px 4px 1px;
  padding-bottom: 20px;
}
/* line 75, ../_sass/home.scss */
ul.campaign-list a:hover {
  text-decoration: none;
}
/* line 79, ../_sass/home.scss */
ul.campaign-list a .cover img {
  width: 100%;
  height: auto;
}
/* line 84, ../_sass/home.scss */
ul.campaign-list a p.date {
  margin: 20px;
  color: #004896;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1px;
}
/* line 91, ../_sass/home.scss */
ul.campaign-list a p.text {
  margin: 20px 20px 0;
  color: #333333;
  font-size: 1.4rem;
}

/**
 * ページ下部のバナー
 */
/* line 102, ../_sass/home.scss */
section.bottom-banner {
  background-color: #e6e6e6;
  padding-top: 30px;
  margin-top: 80px;
}
@media screen and (min-width: 768px) {
  /* line 102, ../_sass/home.scss */
  section.bottom-banner {
    padding-top: 75px;
    padding-bottom: 45px;
  }
}
/* line 111, ../_sass/home.scss */
section.bottom-banner ul li {
  margin-bottom: 30px;
}

/*# sourceMappingURL=home.css.map */
.cover.movie {
 position: relative;
}
.cover.movie::after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 background: url(../../komehyo/img/common/movie.png) no-repeat;
 background-size: cover;
}
@media (max-width: 767px) {
 .section-center-header h2 {
  font-size: 1.8rem;
  width: 190px;
 }
}