@charset "UTF-8";
/*====================================
======================================

　Foundation/_mixin.scss


======================================
====================================*/
/*
■メディアクエリー　ブレイクポイント
====================================*/
@import url("https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap");
/*////////////////////////////////////////
//// DreamProject Setting /////////////////////
////////////////////////////////////////*/
.Main {
  background-color: #880000;
  width: 100%;
}

.Message {
  text-align: center;
}
.Message p {
  display: inline-block;
  font-size: 18px;
  text-align: left;
  color: white;
  width: 100%;
  max-width: 281px;
  line-height: 2.5rem;
  padding: 160px 0 50px;
  margin: auto;
  font-family: "Noto Serif JP", serif;
}

.Movie {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.Footer {
  background-color: #880000;
  padding: 50px 20px;
}

@media screen and (max-width: 768px){
  .Message p {
    padding-top: 150px;
    padding-left: 10px;
    line-height: 2.5rem;
    font-size: 18px;
  }
  .Movie {
    width: 90%;
  }
  .Footer {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 769px){
  .Movie div {
    position: relative;
  }
  .Movie .btn {
    position: absolute;
    top: 64.0939597315%;
    left: 18.9170664839%;
    width: 4.4551062371%;
  }
  .Movie:hover .btn {
    transform: scale(1.3);
  }
  .Movie img {
    transition: 0.6s;
  }
}