header {
  aspect-ratio: 40 / 19;
  box-sizing: border-box;
  pointer-events: none;
  background: transparent !important;
  transition: 0.3s margin; }
  @media only screen and (max-width: 1199px) {
    header {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 767px) {
    header {
      margin-bottom: 50px; } }
  header .header_box {
    pointer-events: auto; }

.mainimg {
  position: absolute;
  pointer-events: auto;
  width: 100%;
  aspect-ratio: 40 / 19;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  transition: 0.3s top; }
  @media only screen and (max-width: 1199px) {
    .mainimg {
      top: 100px; } }
  @media only screen and (max-width: 767px) {
    .mainimg {
      top: 50px; } }
  .mainimg .swiper-slide {
    aspect-ratio: 40 / 19; }
    .mainimg .swiper-slide img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .mainimg .swiper_arrows {
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    pointer-events: none;
    z-index: 10; }
    .mainimg .swiper_arrows > div {
      max-width: 1200px;
      margin: auto;
      display: flex;
      justify-content: space-between; }
  .mainimg .swiper_prev,
  .mainimg .swiper_next {
    pointer-events: auto;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 5px;
    transition: 0.3s all; }
    .mainimg .swiper_prev img,
    .mainimg .swiper_next img {
      width: 25px;
      display: block; }
    .mainimg .swiper_prev:hover, .mainimg .swiper_prev:active,
    .mainimg .swiper_next:hover,
    .mainimg .swiper_next:active {
      background: #ff7700; }
  .mainimg .swiper_prev {
    margin-left: -15px; }
  .mainimg .swiper_next {
    margin-right: -15px; }

/*# sourceMappingURL=mainimg.css.map */