@charset "utf-8";


/* header
-------------------------------------------------- */

.header {
  height: 70px;
  padding: 0 50px;
  display: flex;
  align-items: center;
  border-bottom: #f4f4f4 2px solid;
}

.header__logo {
  width: 136px;
}

.header__logo img {
  width: 100%;
}

/* SP Only */

@media (max-width: 767px) {
  .header {
    height: 13.33333vw;
    padding: 0 4.26666vw;
    border-bottom: #f4f4f4 0.53333vw solid;
  }

  .header__logo {
    width: 27.2vw;
  }
}


/* content
-------------------------------------------------- */

.content {
  padding: 100px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content__icon {
  width: 110px;
}

.content__icon img {
  width: 100%;
}

.content__catchcopy {
  font-family: "Open Sans", sans-serif;
  font-size: 90px;
  font-weight: 700;
  line-height: 1.11111em;
  text-align: center;
  margin-top: 10px;
}

.content__logo {
  width: 100%;
  max-width: 562px;
  vertical-align: 0;
}

.content__text {
  color: #c2182b;
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 10px;
}

/* SP Only */

@media (max-width: 767px) {
  .content {
    padding: 50vw 0;
  }

  .content__icon {
    width: 13.33333vw;
  }

  .content__catchcopy {
    font-size: 9.33333vw;
    margin-top: 1.33333vw;
  }

  .content__logo {
    max-width: 61.33333vw;
  }

  .content__text {
    font-size: 5.33333vw;
    margin-top: 1.33333vw;
  }
}