@charset "UTF-8";
.guide__wrap {
  display: none;
}
.content__01 .img {
  position: relative;
  z-index: 1;
}
.content__01 .img::before {
  content: '';
  width: 100%;
  background-color: #333333;
  position: absolute;
  z-index: -1;
}
.content__wrap .text p {
  font-weight: bold;
}
.content__02 .img {
  position: relative;
  z-index: 1;
}
.content__02 .img::before {
  content: '';
  width: 100%;
  background-color: #333333;
  position: absolute;
  top: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .mv__wrap {
    margin-bottom: 34px;
  }
  .content__01 .img {
    width: calc(100vw - 7.69%);
    padding-bottom: 25px;
    top: 0;
    left: -7.69%;
  }
  .content__01 .img::before {
    height: calc(100% - 25px);
    bottom: 0;
    left: 7.69%;
  }
  .content__01 .text {
    margin-top: 35px;
  }
  .content__wrap .text p {
    font-size: 13px;
    line-height: 1.92;
  }
  .content__02 {
    margin-top: 20px;
  }
  .content__02 .img {
    width: calc(100vw - 7.69%);
    padding-top: 25px;
    top: 0;
    left: 0;
  }
  .content__02 .img::before {
    height: calc(100% - 25px);
    top: 0;
    left: -7.69%;
  }
  .content__02 .text {
    margin-top: 35px;
  }
  .ws__logo__01 {
    min-width: 375px;
    margin: 20px auto 0;
  }
  .ws__logo__02 {
    width: 255px;
    margin: 48px auto 0;
  }
}

@media (min-width: 768px) {
  .mv__wrap {
    margin-bottom: 88px;
  }
  .content__01 .img {
    width: 100%;
  }
  .content__01 .img::before {
    height: 100%;
    top: min(21.42%, 240px);
    left: min(21.42%, 240px);
  }
  .content__01 .text {
    max-width: 720px;
    margin-left: auto;
    position: relative;
    padding-top: 103px;
    z-index: 2;
  }
  .content__01 .text::before {
    content: '';
    width: calc(100% + 9.82%);
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
  }
  .content__wrap .text p {
    font-size: 16px;
    line-height: 2.5;
  }
  .content__02 .img {
    width: 100%;
    padding-top: 100px;
  }
  .content__02 .img::before {
    left: min(21.42%, 240px);
    height: calc(100% - 100px);
  }
  .content__02 .text {
    max-width: 720px;
    margin: 110px auto 0;
  }
  .ws__logo__02 {
    width: 428px;
    margin: 82px auto 0;
  }
}
@media (min-width: 1120px) {
  .content__01 .img {
    position: relative;
    top: 0;
    right: 21.42%;
  }
}