@media all and (max-width: 1400px) {}
@media all and (max-width: 1280px) {}
@media all and (max-width: 1024px) {
  .mct01 .inner {
    gap: 3rem;
  }
  .mct01 .notice-wrap {
    width: calc(100% - 48.5rem);
  }
}
@media all and (max-width: 968px) {
  .main-visual {
    height: calc(100vh - 6.875rem - 20px);
    max-height: 40rem;
  }
  .mct01 .box {
    width: calc(50% - 1.5rem);
  }
  .mct01 .notice-wrap {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .main-visual .swiper-slide .text-wrap  {
    padding: 0 1rem 8px;
  }
  .mct01 .box {
    width: 100%;
  }
  .mct01 .box ul {
    gap: 2rem;
  }
  .mct01 .box ul li .icon-wrap {
    max-width: 6rem;
  }
  .mct02 .inner {
    gap: 3rem;
  }
  .mct02 .box {
    width: 100%;
  }
  .mct02 .box > a {
    background-size: contain;
    height: 10rem;
    margin-top: 1.25rem;
  }
  .mct02 .box01 > a {
    background-position: right 10px center;
    padding-left: 2rem;
  }
  .mct02 .box02 > a {
    background-position: right 10px center;
    padding-left: 2rem;
  }
  .mct02 .box > a h5 {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  }
}
@media all and (max-width: 480px) {
}
@media all and (max-width: 350px) {}