/**
 * Music Production
 */
.main-production {
  .section-production {
    margin-bottom: 128px;
    font-family: "Noto Serif JP", serif;
    line-height: 1.8;
    /* メインキャッチ */
    .main-catch {
      margin-bottom: 80px;
      h3 {
        font-size: 32px;
        text-align: center;
        line-height: 1.9;
        @media screen and (min-width:769px) {
          font-size: 56px;
        }
      }
    }
    .sub-catch {
      font-size: 24px;
      text-align: center;
      @media screen and (min-width:769px) {
        font-size: 32px;
      }
    }
  }

  /* サービス */
  .section-service {
    margin-bottom: 128px;
    .service-wrap {
      @media screen and (min-width:769px) {
        margin-left: 48px;
      }
    }
    dl {
      font-size: 18px;
      dt {
        font-weight: 700;
      }
      dd {
        margin-left: 18px;
      }
    }
  }

  /* タイムライン */
  .section-process {
    margin-bottom: 128px;
    .work-flow {
      margin-left: auto;
      margin-right: auto;
      max-width: 1200px;
    }
    p {
      margin: 0;
      padding: 0;
    }
    li {
      list-style: none;
    }
    .List-Item {
      width: 100%;
    }
    @media screen and (max-width: 540px) {
      .List-Item {
        border-top: 0;
      }
    }
    .List-Item:nth-of-type(1) {
      border-top: 0;
    }
    .List-Item-Content {
      margin-left: auto;
      margin-right: auto;
      padding-top: 30px;
      padding-bottom: 30px;
      max-width: 100%;
      display: flex;
      align-items: center;
    }
    @media screen and (max-width: 540px) {
      .List-Item-Content {
        padding-top: 15px;
        padding-bottom: 15px;
        flex-wrap: wrap;
      }
    }
    .List-Item-Content.one {
      padding-top: 0;
    }
    .List-Item-Content-Number {
      position: relative;
      margin-right: 40px;
      border-radius: 50%;
      width: 80px;
      height: 80px;
      font-family: "Staatliches", sans-serif;
      line-height: 80px;
      text-align: center;
      background: var(--color-black);
      color: #fff;
      font-size: 36px;
    }
    @media screen and (max-width: 540px) {
      .List-Item-Content-Number {
        margin-right: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
      }
    }
    .List-Item-Content-Number-Line {
      position: absolute;
      top: -36%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 4px;
      height: 66px;
      background: var(--color-black);
    }
    @media screen and (max-width: 540px) {
      .List-Item-Content-Number-Line {
        top: -80%;
        width: 2px;
        height: 72px;
      }
    }
    .List-Item-Content-Title {
      margin-right: 48px;
      flex-basis: 1;
      color: var(--color-black);
      font-size: 24px;
    }
    @media screen and (max-width: 540px) {
      .List-Item-Content-Title {
        margin-right: 0;
        max-width: 230px;
        font-size: 18px;
      }
    }
    .List-Item-Content-Description {
      line-height: 1.5;
      font-size: 16px;
    }
    @media screen and (max-width: 540px) {
      .List-Item-Content-Description {
        margin-left: 60px;
        max-width: 260px;
        font-weight: normal;
        font-size: 13px;
      }
    }
  }

  /* 制作実績 */
  .section-track-record {
    margin-bottom: 128px;
    .note {
      font-size: 18px;
    }
  }

  .section-contact-button {
    margin-bottom: 128px;
    padding: 128px 0;
    background-color: var(--color-light-gold);
  }

  /* FAQ */
  .section-faq {
    margin-bottom: 128px;
    .faq-wrap {
      @media screen and (min-width:769px) {
        margin-left: 48px;
      }
    }
    dl {
      font-size: 18px;
      dt {
        font-weight: 700;
      }
      dd {
        margin-left: 18px;
      }
    }
  }
}