@charset "UTF-8";
header {
  display: none; }

.title {
  color: #D9A0FC;
  border-top: solid 2px #D9A0FC;
  border-bottom: solid 2px #D9A0FC;
  text-align: center;
  padding: 10px 0;
  font-size: 1.8em; }

#topMovie {
  padding-top: 6em;
  padding-bottom: 0; }

.topText {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center;
  top: 4.5em;
  color: #D9A0FC;
  font-weight: bold; }

.topLogo1 {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center;
  top: 6em; }
  .topLogo1 img {
    width: 50%; }

.topLogo2 {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center;
  bottom: 1em; }
  .topLogo2 img {
    width: 10%; }

.movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden; }

.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.activitiesText {
  width: 80%;
  margin: 0 auto; }

.sp_only {
  display: none; }

@media screen and (max-width: 575px) {
  .sp_only {
    display: block; }

  .card-body {
    padding: 0.5em; }

  .card-text {
    line-height: 1.2em; }

  .topText {
    top: 1.0em;
    font-size: 0.7em; }

  .topLogo1 {
    top: 1.7em; }
    .topLogo1 img {
      width: 40%; }

  .topLogo2 {
    bottom: 0.5em; }
    .topLogo2 img {
      width: 10%; }

  .activitiesText {
    width: 100%; } }