@media (max-width: 576px) {
  .main {
    /*background-image: url('../../assets/img/main-sp1@2x.png') !important;*/
    /*height: 328px !important;*/
  }
}

.main {
  /*background-image: url('../../assets/img/main-sp2.png');*/
  height: 476px;
  /*background-repeat: no-repeat;*/
  /*background-size: cover;*/
}

@media (max-width: 575px) {
  .main {
    display: none;
  }
}

@media (max-width: 575px) {
  .hover-main {
    background: initial !important;
  }
}

.hover-main {
  background: rgba(0, 0, 0, 0.7);
  height: inherit;
}

.hover-main-text {
  height: inherit;
  position: relative;
  text-align: left;
}

.hover-main-span {
  font-size: 48px;
  color: white;
  font-weight: bold;
}

.hover-main-span-div {
  position: absolute;
  top: 88px;
}

.section-main-mb {
  height: 236px;
  background: #001d55;
  padding: 23px;
}

@media (min-width: 576px) {
  .section-main-mb {
    display: none;
  }
}

@media (min-width: 576px) {
  .simple-slider {
    display: none;
  }
}

body {
  color: black;
  font-family: 'Noto Sans JP', sans-serif;
}

@media (min-width:768px) {
  .col-md-3-custom {
    -ms-flex: 0 0 23.5%;
    flex: 0 0 23.55%;
    max-width: 23%;
  }
}

.custom-video {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 100%;
  z-index: -100;
  height: inherit;
  object-fit: cover;
}

.video-div {
  position: relative;
  overflow: hidden;
}