@charset "UTF-8";
@import "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css";
@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap";

.p-banner {
  overflow: hidden;
  background-color: var(--color_bg-1);
}

@media screen and (min-width: 1096px) {
  .p-banner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
}

.p-banner__image {
  flex: 1;
}

@media screen and (max-width: 1095px) {
  .p-banner__image {
    margin-right: -8.5vw;
  }
}

@media screen and (max-width: 1095px) {
  .p-banner__image img.pc {
    display: none;
  }
}

@media screen and (min-width: 1096px) {
  .p-banner__image img.sp {
    display: none;
  }
}