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

  .contact-main-image {
    display: block;
    margin-top: 100px;
    width: 100%;

    img {
      width: 100%;
      height: auto;
    }
  }

  .contact-submit{
    margin-bottom: 3rem;
  }

  .contact-box {
    margin-bottom: 3rem;
    .font-heading {
      font-size: 1.2rem;
    }

    p {
      font-size: 1.5rem;
    }
  }

  .font-common {
    font-size: 20px;
  }

  .sp-top-contact-container {
    display: block;
    width: 100%;

    img {
      width: 100%;
      height: auto;
    }
  }

  .pc-top-contact-container {
    display: none;
  }

  .library-container {
    width: 80vw;
    margin: 0 auto;
    padding: 5vw 3vw;

    /* .library-linkflex{
        text-align: center;
        flex-direction: column;
        align-items: stretch;
    a:nth-child(1){
        margin-top: 2vw;
    }
    a:nth-child(2){
        margin: 2vw 0;
      }
    } */
    .company-text-flex {
      display: block;

      .company-text:nth-child(1) {
        margin-bottom: 2vw;
      }

      .company-center {
        display: flex;
        justify-content: center;
      }
    }

    .library-img,
    .logo {
      display: flex;
      place-self: center;
      width: 100%;
    }
  }


  .form-container {
    max-width: unset;
    padding: 0;
    margin: 0 auto;
  }

  label {
    font-size: 15px;
  }

  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 430px) {
  .font-common {
    font-size: 18px;
  }

  .sp-br {
    display: block;
  }
}