@font-face {
  font-family: als_hauss_regular;
  src:
    url('fonts/als_hauss_regular.woff'),
    url('fonts/als_hauss_regular.woff2');
}

@font-face {
  font-family: als_hauss_bold;
  src:
    url('fonts/ALS_Hauss Next_Expanded Bold_1.25.otf');
}

@font-face {
  font-family: als_hauss_next_vf;
  src:
    url('fonts/ALS_Hauss Next_Expanded Bold_1.25.otf');
}

.als-text-title {
  max-width: 90%;
}

.als-text-title h1 {
  font-family: als_hauss_regular;
  font-size: 3.27vw;
  margin-top: 4vw;
  margin-bottom: 4rem !important;
  line-height: 1;
  color: #fff;
}

.announce {
  font-size: 1.6vw;
  font-family: als_hauss_regular;
}

.announce__text {
  font-family: als_hauss_regular;
}

.announce .image-response {
  width: 100%;
  height: auto
}

.cover {
  min-height: 50vw !important;
}

.cover-block-01,
.cover-block-02 {
  position: absolute;
  width: 62vw;
  border-radius: 50%;
  color: #fff;
}

.cover-block-01 {
  padding: 5vw 8vw;
  top: 23vw;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  background-color: #FF4142;
}

.cover-block-02 {
  padding: 3vw 12vw;
  top: 45vw;
  left: 50%;
  z-index: 3;
  transform: translateX(-35%);
  background-color: #1A2132;
}

.block-01 {
  margin-top: 7vw;
}

.block-01__image {
  position: relative;
  margin-bottom: 5vw;
}

.block-01__image_cross {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.block-01__text {
  margin-bottom: 5vw;
}

.block-02 {
  margin-top: 12vw;
}

.block-02__images {
  position: relative;
}

.block-02__image:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.block-02__image {
  opacity: 0;
  transition: opacity ease 300ms;
  filter: drop-shadow(0 4px 3.4vw rgba(0,0,0,.15));
}

.block-02__image.visible {
  opacity: 1;
}

.block-03__text01 {
  margin-bottom: -3vw;
}

.block-03__text02 {
}

.block-03__image {
  margin-bottom: 0vw;
}

.block-05__image {
  position: relative;
}

.block-05__image_desc {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.block-06__text {
  margin-top: 3vw;
  margin-bottom: 3vw;
}

.block-07__image {
  margin-top: 5vw;
}

.block-07__text {
  margin-top: 3vw;
  margin-bottom: -2vw;
}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
  .als-text-title h1 {
    font-size: 5vw;
    font-family: als_hauss_regular;
  }
  .cover {
    min-height: 135vw !important;
  }
  .announce {
    font-size: 14px;
  }
  .cover-block-01 {
    position: absolute;
    width: 97vw;
    border-radius: 50%;
    color: #fff;
  }
  .cover-block-02 {
    position: absolute;
    width: 90vw;
    border-radius: 50%;
    color: #fff;
  }
  .cover-block-01 {
    padding: 10vw 12vw;
    top: 30vw;
    left: 36%;
    z-index: 2;
    transform: translateX(-35%);
    background-color: #FF4142;
  }
  .cover-block-02 {
    padding: 7vw 12vw;
    top: 64vw;
    left: 50%;
    z-index: 3;
    transform: translateX(-45%);
    background-color: #1A2132;
  }
}

@media (max-width: 576px) {
  .cover-block-02 {
    top: 74vw;
  }
}

@media (max-width: 476px) {
  .cover-block-02 {
    top: 82vw;
  }
}

@media (max-width: 410px) {
  .announce {
    font-size: 13px;
  }

  .cover-block-02 {
    top: 90vw;
  }
}