@media (min-width: 768px) {
  .max {
    display: block !important;
    margin-top: 100px;
    height: 62vh;
    background-color: rgb(242,242,242);
  }

  .min {
    display: none !important;
  }
  .breadcrumb {
    margin: 0 auto;
    padding: 0.98vw 0;
    width: 61.98vw;
  }
  .breadcrumb a {
    font-size: 0.84vw;
    cursor: default;
  }
  .breadcrumb :last-child {
    color: #787878;
  }
  .content {
    margin: 0 auto;
    width: 61.98vw;
    height: 23.59vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
  }
  .content img {
    width: 19.47vw;
    height: 11.04vw;
    margin-right: 5.05vw;
  }
  .content-text {
  }
  .content-text-title {
    font-size: 2.08vw;
    font-weight: bold;
  }
  .content-text-small {
    font-size: 1.46vw;
    margin: 1.25vw 0;
  }
  .content-text-btn {
    width: 8.75vw;
    height: 3.13vw;
    line-height: 3.13vw;
    text-align: center;
    border-radius: 0.52vw;
    font-size: 1.25vw;
    color: #ffffff;
    background-color: #0072ef;
    cursor: default;
  }
}

@media (max-width: 767px) {
  .max {
    display: none !important;
  }
  .min {
    display: block !important;
    margin-top: 100px;
    background-color: rgb(242,242,242);
    border: 1px solid rgb(242,242,242);
  }
  .content {
    margin-bottom: 20vw;
    width: 99vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
  }
  .content-text-title {
    margin-top: 12vw;
    font-size: 6.67vw;
    font-weight: bold;
  }
  .content-text-small {
    margin-top: 4vw;
    font-size: 4.8vw;
  }
  .content img {
    width: 58vw;
    height: 32.88vw;
    margin-top: 7.6vw;
  }
  .content-text-btn {
    margin-top: 6.67vw;
    margin-bottom: 20vw;
    width: 40vw;
    height: 12vw;
    line-height: 12vw;
    text-align: center;
    font-size: 4.8vw;
    border-radius: 1.33vw;
    color: #ffffff;
    background-color: #0072ef;
  }
}