.newcomers-top {
  width: 100%;
  height: calc(100vh - 140px);

  .newcomers-top__container {

    .newcomers-top__main-text {
      padding-top: 80px;
      margin-bottom: 80px;

      @media screen and (max-width: 768px) {
        margin-bottom: 180px;
      }

      .newcomers-top__main-text--image {
        width: 350px;
        display: block;
        margin: 0 auto;

        @media screen and (max-width: 768px) {
          width: 280px;
        }
      }
    }

    .newcomers-top__sub-text {
      font-family: 'Noto Sans', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 22px;
      line-height: 150%;
      text-align: center;
      color: #FFFFFF;
      text-shadow: 0 2px 3px #00495E;
      margin-bottom: 36px;

      @media screen and (max-width: 768px) {
        font-weight: 500;
        font-size: 16px;
      }
    }

    .newcomers-top__description {
      font-family: 'Noto Sans', sans-serif;
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 150%;
      text-align: center;
      color: #FFFFFF;
      text-shadow: 0 2px 3px #00495E;
      margin-bottom: 140px;

      @media screen and (max-width: 768px) {
        font-weight: 500;
        font-size: 12px;
      }

      .sp {
        display: none;

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