@charset "utf-8";

/* ==========================
      article__header
===========================*/

.workTitle {
      text-align: center;
      font-size: 2.6rem;
      letter-spacing: 0.08em;
      padding: 11.7%;
}

.workTitle .spBr {
      display: none;
}

/* pc 769px */
.workTitle {
      text-align: center;
      font-size: 3.6rem;
      font-weight: 400;
      letter-spacing: 0.08em;
}


/* ==========================
      fadeIN
===========================*/
.fadeIn {
      transform: translate(0,50px);
      opacity: 0;
      transition: 0.8s;
  }
  .fadeIn.animated {
      transform: translate(0, 0);
      opacity: 1;
  }


/* ==========================
      movingBox
===========================*/
.choki__txt,
.tanki__txt,
.chuki__txt {
      margin-top: 160px;
      text-align: center;
      font-size: 2.0em;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.2em;
      font-family: "Noto Sans JP";
}

.time {
      text-align: center;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.87;
      letter-spacing: 0.2em;
      font-family: "Noto Sans JP";
}

.free__txt,
.ceremony__txt {
      text-align: center;
      font-size: 1.8em;
      font-weight: 500;
      line-height: 1.66;
      letter-spacing: 0.2em;
      margin-top: 160px;
      font-family: "Noto Sans JP";
}

.movingBox__txt {
      text-align: center;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 2.1;
      letter-spacing: 0.28em;
      margin-top: 99px;
      font-family: "Noto Sans JP";
}

.movie__choki,
.movie__free,
.movie__tanki,
.movie__chuki,
.movie__ceremony {
      display: block;
      width: 100%;
      aspect-ratio: 16 / 9;
      margin-top: 11px;
}

.choki__txt {
      margin-top: 121px;
      font-family: "Noto Sans JP";
}


/* pc 940px */
@media screen and (min-width:940px) {
      .choki  {
            display: flex;
            flex-direction: row-reverse;
            max-width: 1162px;
            height: 318px;
            margin: 0 auto;
            gap: 100px;
            background-color: #FFF7AF;
            border-radius: 20px 20px;
      }
      
      .tanki,
      .ceremony {
            display: flex;
            flex-direction: row-reverse;
            max-width: 1162px;
            height: 318px;
            margin: 0 auto;
            gap: 100px;
            background-color: rgba(217, 224, 33, 0.45);
            border-radius: 20px 20px;
      }

      .free,
      .chuki {
            display: flex;
            max-width: 1162px;
            height: 318px;
            margin: 0 auto;
            gap: 100px;
            background-color: rgba(217, 224, 33, 0.45);
            border-radius: 20px  20px;
      }

      .choki li,
      .free li,
      .tanki li,
      .chuki li,
      .ceremony li {
            list-style: none;
            flex: 1 1 300px;
            max-width: 500px;
      }

      .choki__group,
      .free__group,
      .tanki__group,
      .chuki__group,
      .ceremony__group,
      .movie {
            width: 100%;
      }

      .movie iframe {
            width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
            border-radius: 20px  20px;
      }

      .choki__txt,
      .tanki__txt,
      .chuki__txt,
      .ceremony__txt {
            margin-top: 109px;
            font-size: 3.0em;
            font-weight: 400;
            line-height: 1.4;
            letter-spacing: 0.2em;
      }

      .free__txt {
            font-size: 2.7em;
            font-weight: 400;
            line-height: 1.55;
            letter-spacing: 0.2em;
            margin-top: 85px;
      }

      .free,
      .tanki,
      .chuki,
      .ceremony {
            margin-top: 126px;
      }

      .movingBox__txt {
            font-size: 2.4rem;
            font-weight: 300;
            line-height: 1.75;
            letter-spacing: 0.28em;
      }
      .time {
            font-size: 2.5rem;
            line-height: 1.68;
            margin-top: 16px;
            font-weight: 300;
      }

      .free__group {
            margin-left: 40px;
      }

      .choki__group,
      .tanki__group,
      .ceremony__group {
            margin-left: -50px;
      }

      .ceremony__txt .spBr {
            display: block;
      }
}/* pc 940px */