/*  front-page ------------------------------ */

.top-tr-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
  .top-tr-list {
    flex-direction: column;
    align-items: center;
  }
}

.top-tr-listitem {
  width: calc((100% - 90px)/ 2);
  margin-right: 45px;
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .top-tr-listitem {
    width: 83%;
    margin-right: 0;
    margin-top: 64px;
  }
}

.top-tr-listitem:nth-child(3n) {
  margin-right: 0;
}

.top-tr-listitem-text {
  margin: .8em 0;
}

.top-tr-flex {
  display: flex;
  justify-content: space-between;
}

.top-tr-text {
  width: 65%;
  padding: 32px;
  border: solid 1px #eee;
}

.top-tr-img {
  width: 35%;
}

.top-tr-ttl {
  margin-bottom: .7em;
}


/*  ------------------------------ */
.trial-lesson-area {
  background: url(../img/pt-bnr.jpg);
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../img/pt-bnr.jpg);
  background-size: cover;
  padding: 64px 0;
}

@media only screen and (max-width: 768px) {
  .trial-lesson-area {
    background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../img/pt-bnr-sp.jpg);
    background-size: cover;
    padding: 54px 0;
  }
}

.trial-lesson-area.-stretch {
  background: url(../img/pt-bnr-stretch.jpg);
  background-size: cover;
  padding: 64px 0;
}

.trial-lesson-area.-run {
  background: url(../img/pt-bnr-run.jpg);
  background-size: cover;
  padding: 64px 0;
}

.trial-lesson-area.-edu {
  background: url(../img/pt-bnr-edu.jpg);
  background-size: cover;
  padding: 64px 0;
}

.trial-lesson-area.-esth {
  background: url(../img/pt-bnr-esth.jpg);
  background-size: cover;
  padding: 64px 0;
}

.trial-lesson-area.-pilates {
  background: url(../img/pt-bnr-pilates.jpg);
  background-size: cover;
  padding: 92px 0;
}

.trial-lesson-area.-dance {
  background: url(../img/pt-bnr-dance.jpg);
  background-size: cover;
  padding: 92px 0;
}

@media only screen and (max-width: 768px) {
  .trial-lesson-area.-esth {
    background: url(../img/pt-bnr-esth-sp.jpg);
    background-size: cover;
  }

  .trial-lesson-area.-pilates {
    background: url(../img/pt-bnr-pilates-sp.jpg);
    background-size: cover;
  }

  .trial-lesson-area.-dance {
    background: url(../img/pt-bnr-dance-sp.jpg);
    background-size: cover;
    padding-top: 220px;
    padding-bottom: 48px;
  }
}


/* @media only screen and (max-width: 768px) {

  .trial-lesson-area.-stretch {
    background: url(../img/pt-bnr-stretch-sp.jpg);
    background-size: cover;
    padding: 54px 0;
  }

  .trial-lesson-area.-run {
    background: url(../img/pt-bnr-run-sp.jpg);
    background-size: cover;
    padding: 54px 0;
  }
  .trial-lesson-area.-edu {
    background: url(../img/pt-bnr-edu-sp.jpg);
    background-size: cover;
    padding: 54px 0;
  }
} */


.trial-lesson-area-ttl {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: .5em;
  /* letter-spacing: 0; */
}

@media only screen and (max-width: 768px) {
  .trial-lesson-area-ttl {
    font-size: 20px;
  }
}

.trial-lesson-area-ttl span {
  font-size: 24px;
}

@media only screen and (max-width: 768px) {
  .trial-lesson-area-ttl span {
    font-size: 14px;
    display: inline-block;
  }
}

.trial-lesson-area-text {
  margin-bottom: 1em;
  margin-bottom: 40px;
}