@charset "utf-8";

.page h2.h2First {
  display: flex;
}

.movieArea {
  padding: 1.2em 1.5em 1.2em 0.35em;
  display: flex;
}

.movieText {
  margin-right: 1em;
}
.movieText>span{
  font-size: 1.8em;
  font-weight: bold;
  line-height: 2.6em;
}

/*.circleIndex .mainContent .movieLink {
  margin: 30px 0 0;
  max-width: 250px;
  height: fit-content;
  width: 100%;
}*/

.page h2>span {
  width: 78%;
}

.circle_text p{
  min-height: calc(1.6em * 5);
}


@media screen and (max-width: 959px) {


  .movieArea {
    display: block;
    border: none;
    padding: 0;
    margin-bottom: 3em;
  }

  .movieText {
    margin: 2em 0;
  }

.movieText p{
  margin-top: 0;
}
  .circleIndex .mainContent .movieLink {
    margin: 1em auto 0;
    max-width: 90%;
  }

  .movieLink a {
    padding-top: 10px;
  }
  
.circle_text p{
  min-height: auto;
}

}