:root {
  --blue-600: #2a88d1;
  --green-400: #8cd4c4;
  --green-500: #8cd4c4;

  --m-color: #2f3e50;
  --h-color: #3a405a;
  --b-color: #2a88d1;
}

html {scroll-behavior: smooth;}

.header, body.is-home .header, .header.is-scrolled {background-color: var(--b-color);}
.footer__logo {color: #fff;}
.nav__cta-face--front {background-color: var(--green-500); color: #fff;}
.nav__cta-face--back {background-color: #fff; color: var(--green-500);}

.hero__cta {
  .btn--green {
    &:after {background: var(--b-color); border: solid 1px var(--b-color);}
    &:not(:disabled):hover::after {background: var(--b-color);}
  }
  .btn--blue {color: var(--b-color);
    &:after {background: #fff; border: solid 1px var(--b-color);}
  }
}

.breadcrumb .current {color: var(--blue-600);}

.sec-label__en {color: var(--h-color);}
.sec-label__jp {color: #6d717a;}
.viewmore {color: var(--blue-600);
  .line {background: var(--blue-600);;}
}

.news__date {color: #94a2af;}
.news__link:hover {
  .news__arrow {
    color: var(--blue-600);
  }
}

.bigword__item {color: rgba(80, 145, 201, 0.14);}

.access__routes h4 {color: var(--blue-600);}

.svc-pill {color: var(--blue-600); border-color: var(--blue-600);
  &:hover {background: var(--blue-600);}
}

.field__label.--rq:after {background-color: var(--blue-600);}

.btn--gray:not(:disabled):hover::after {background-color: var(--blue-600);}

.policy .section-head .en {color: var(--blue-600);}

.policy__item h2::before {background: var(--blue-600);}

.sitem__no {color: var(--blue-600); border-color: var(--blue-600);}

.fcard__step {color: var(--blue-600);}
.consent input {background-color: var(--blue-600);}

.modal h3 {color: var(--blue-600);}

@media only screen and (max-width: 768.999px) {
  /* .header, body.is-home .header, .header.is-scrolled {background-color: var(--b-color);}
  .logo {color: #fff;} */
  .mobile-menu {
    background: linear-gradient(160deg, var(--green-500), var(--b-color));
  }
}

.neoid {position: absolute; top: -100px;}