@charset "UTF-8";
/* カーソルをハンドポインターに */
/* ------------------------------------------------------------------------------------------------------ */
/* 全共通読み込み */
/* line 14, sass/page_feature0002.scss */
#page_feature0002 .marker_txt {
  font-size: 1.6em;
  font-weight: bold;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
/* line 22, sass/page_feature0002.scss */
#page_feature0002 .archive_area .itemthumb {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  /*--- ipad ---*/
  display: -webkit-flex;
  /*--- ipad 7.0---*/
  -webkit-justify-content: space-between;
  /* ipad */
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 25, sass/page_feature0002.scss */
#page_feature0002 .archive_area .itemthumb li {
  width: 32%;
}
/* line 28, sass/page_feature0002.scss */
#page_feature0002 .archive_area .itemthumb img {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}
/* line 37, sass/page_feature0002.scss */
#page_feature0002 .block1__video {
  margin-bottom: 1em;
}
/* line 41, sass/page_feature0002.scss */
#page_feature0002 .block1__title {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  color: #FF0080;
  line-height: 150%;
  margin-bottom: 1em;
}
/* line 51, sass/page_feature0002.scss */
#page_feature0002 .block1__p {
  text-align: center;
  font-size: 1.2em;
}
/* line 56, sass/page_feature0002.scss */
#page_feature0002 .block1__line-title {
  display: block;
  font-size: 1.6em;
  font-weight: bold;
  margin: 40px auto 40px auto;
  text-align: center;
  transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
}
/* line 67, sass/page_feature0002.scss */
#page_feature0002 .block1__marker {
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
/* line 71, sass/page_feature0002.scss */
#page_feature0002 .block1__ContentsMovie {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  /*--- ipad ---*/
  display: -webkit-flex;
  /*--- ipad 7.0---*/
  -webkit-justify-content: center;
  /* ipad */
  justify-content: center;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 74, sass/page_feature0002.scss */
#page_feature0002 .block1__ContentsMovieSample {
  margin: 1em 2em;
}
/* line 78, sass/page_feature0002.scss */
#page_feature0002 .block1__Imgs {
  width: 100%;
  text-align: center;
}
/* line 83, sass/page_feature0002.scss */
#page_feature0002 .block1__Img {
  margin-bottom: 2em;
  width: 90%;
  max-width: 650px;
}
/* line 90, sass/page_feature0002.scss */
#page_feature0002 .block1__Conditions {
  width: 80%;
  margin: 0 auto;
  background-color: #EEE;
  padding: 2em;
}
/* line 97, sass/page_feature0002.scss */
#page_feature0002 .block1__Title {
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  margin-bottom: 1em;
}
/* line 104, sass/page_feature0002.scss */
#page_feature0002 .block1__ConditionsLi {
  font-size: 1.2em;
  margin-top: 0.4em;
  text-indent: -1em;
  padding-left: 1em;
}

/* line 125, sass/page_feature0002.scss */
.movie_spring {
  background: url("../../images/feature/feature-00002/projection1.png") no-repeat;
  width: 320px;
  height: 180px;
  animation: playmovie 6s steps(5) alternate infinite;
}

/* line 128, sass/page_feature0002.scss */
.movie_summer {
  background: url("../../images/feature/feature-00002/projection2.png") no-repeat;
  width: 320px;
  height: 180px;
  animation: playmovie 10s steps(5) alternate infinite;
}

/* line 131, sass/page_feature0002.scss */
.movie_fall {
  background: url("../../images/feature/feature-00002/projection3.png") no-repeat;
  width: 320px;
  height: 180px;
  animation: playmovie 8s steps(5) alternate infinite;
}

/* line 134, sass/page_feature0002.scss */
.movie_winter {
  background: url("../../images/feature/feature-00002/projection4.png") no-repeat;
  width: 320px;
  height: 180px;
  animation: playmovie 7s steps(5) alternate infinite;
}

@keyframes playmovie {
  /* line 140, sass/page_feature0002.scss */
  to {
    background-position: 0px -900px;
  }
}

/* ------------------------------------------------------------------------------------------------------ */
/* スマホ＆タブレット読み込み共通 */
/* ------------------------------------------------------------------------------------------------------ */
/* タブレットのみ読み込み */
@media screen and (max-width: 979px) {
  /* line 165, sass/page_feature0002.scss */
  #page_feature0002 .block1 {
    padding: 0 1em;
  }
  /* line 167, sass/page_feature0002.scss */
  #page_feature0002 .block1 p {
    padding: 0;
  }
}
/* ------------------------------------------------------------------------------------------------------ */
/* スマホでのみ読み込み */
@media screen and (max-width: 640px) {
  /* line 186, sass/page_feature0002.scss */
  #page_feature0002 .archive_area .itemthumb li {
    width: 50%;
    padding: 0 0.5em;
    box-sizing: border-box;
  }
}
/* ------------------------------------------------------------------------------------------------------ */
/* デスクトップでのみ読み込み */