/* ----------------------------------------
	header
---------------------------------------- */
.header.fixed .header__container {
  background: rgba(255, 255, 255, 0.85);
}
.header__container {
  background: rgba(255, 255, 255, 0.85);
}
.header__logo {
  color: #162D56;
}
.header__nav__link {
  color: #162D56;
}
@media screen and (max-width: 1023px) {
  .header__nav__link {
    border-bottom: 1px solid #162D56;
  }
}
.header__lang__link {
  color: #162D56;
  border: 1px solid #162D56;
}
.header__hamburger span {
  background: #162D56;
}
@media screen and (max-width: 1023px) {
  .header__right {
    background: rgba(255, 255, 255, 0.85);
  }
}

/* ----------------------------------------
	mv
---------------------------------------- */
.mv {
  padding: 85px 0 20px;
  background: linear-gradient(-45deg, #ADD5DC 0%, #C1D6E9 39%, #CEC7DE 100%);
}
@media screen and (min-width: 640px) {
  .mv {
    padding: 90px 0 30px;
  }
}
.mv .inner {
  max-width: 1280px;
}
.mv__ttl {
  color: #162D56;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.05;
}
@media screen and (min-width: 640px) {
  .mv__ttl {
    font-size: 5rem;
    line-height: 1.1;
    margin: 5px 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .mv__ttl {
    font-size: 5.8rem;
    margin: 20px 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .mv__ttl {
    font-size: 6.4rem;
  }
}

/* ----------------------------------------
	thanks
---------------------------------------- */
.thanks {
  text-align: center;
  color: #000;
  padding: 64px 0;
}
@media screen and (min-width: 640px) {
  .thanks {
    padding: 84px 0;
  }
}
.thanks__copy {
  font-size: 2.6rem;
  font-weight: 600;
}
@media screen and (min-width: 640px) {
  .thanks__copy {
    font-size: 4rem;
  }
}
.thanks__txt {
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 24px;
}
@media screen and (min-width: 640px) {
  .thanks__txt {
    font-size: 1.8rem;
  }
}
.thanks__btn {
  margin-top: 40px;
}
@media screen and (min-width: 640px) {
  .thanks__btn {
    margin-top: 84px;
  }
}
.thanks__btn .arrow::after {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  right: auto;
  left: 30px;
}

/* ----------------------------------------
	contact
---------------------------------------- */
.contact__txt {
  color: #000;
  max-width: 850px;
  margin: 32px auto 0;
}
@media screen and (min-width: 640px) {
  .contact__txt {
    margin: 48px auto 0;
  }
}
.contact__txt .color--required {
  color: #cc0000;
}
.contact__form {
  margin-top: 20px;
}
.contact__form .sp-form-interaction > button {
  background: #162D56 !important;
}
/*# sourceMappingURL=fanmarketingpf-support.css.map */