/* constance variable */
/* noto sans font weight */
/* linear */
/* easeSineIn */
/* easeSineOut */
/* easeSineInOut */
/* easeQuadIn */
/* easeQuadOut */
/* easeQuadInOut */
/* easeCubicIn */
/* easeCubicOut */
/* easeCubicInOut */
/* easeQuartIn */
/* easeQuartOut */
/* easeQuartInOut */
/* easeQuintIn */
/* easeQuintOut */
/* easeQuintInOut */
/* easeExpoIn */
/* easeExpoOut */
/* easeExpoInOut */
/* easeCircIn */
/* easeCircOut */
/* easeCircInOut */
/* easeBackIn */
/* easeBackOut */
/* easeBackInOut */
/* general method */
.flex_box {
  display: -moz-flex;
  display: flex;
}

div.second_page.key_image .wrapper {
  background: url(../img/key_2nd01.png) no-repeat right center;
}
@media only screen and (max-width: 736px) {
  div.second_page.key_image .wrapper {
    background: none;
  }
}

@media only screen and (max-width: 736px) {
  div.second_page.key_image {
    background: url(../img/key_2nd01_sp.png) no-repeat right center #eeeeee;
    background-size: contain;
  }
}

body > .wrapper {
  margin-bottom: 6.25rem;
}
@media only screen and (max-width: 736px) {
  body > .wrapper {
    margin-bottom: 3.75rem;
  }
}

main.login .title {
  margin-bottom: 30px;
}
main.login .login_box {
  background: #eeeeee;
  padding: 70px 0 50px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 736px) {
  main.login .login_box {
    padding: 11vw 0 9vw;
  }
}
main.login .login_box .btn {
  width: 186px;
  border: solid 1px #006098;
  font-size: 1.125rem;
  background: #fff;
  display: table;
  margin: 0 auto 15px;
  color: #006098;
  font-weight: 700;
  text-align: center;
  padding: 30px 0;
}
@media only screen and (max-width: 736px) {
  main.login .login_box .btn {
    width: 54vw;
  }
}
main.login .login_box .btn img {
  width: 15px;
  vertical-align: middle;
  margin-left: 10px;
}
main.login .login_box .btn:hover {
  text-decoration: none;
  background: #006098;
  color: #fff;
}
main.login .login_box .btn:hover img {
  filter: brightness(0) invert(1);
}
main.login .login_box p {
  text-align: center;
  font-size: 0.875rem;
}
main.login .login_box ul {
  display: table;
  margin: 30px auto 0;
  padding-left: 1em;
}
@media only screen and (max-width: 736px) {
  main.login .login_box ul {
    width: 90%;
  }
}
main.login .login_box li {
  font-size: 0.875rem;
  text-indent: -1em;
}
main.login .login_box li a {
  color: #006098;
  text-decoration: underline;
}
main.login p {
  font-size: 0.875rem;
  letter-spacing: 0.07em;
}
main.login p a {
  color: #006098;
  font-weight: 700;
  text-decoration: underline;
}

main.system .title, main.security .title, main.privacy .title {
  margin-bottom: 30px;
}
main.system p, main.security p, main.privacy p {
  font-size: 0.875rem;
  letter-spacing: 0.07em;
}
main.system p a, main.security p a, main.privacy p a {
  color: #006098;
  text-decoration: underline;
}
main.system p .red, main.security p .red, main.privacy p .red {
  color: #c1272d;
}
main.system ol, main.security ol, main.privacy ol {
  list-style: decimal;
  font-size: 0.875rem;
  margin-left: 1.7em;
  letter-spacing: 0.07em;
}

main.privacy .block {
  margin-bottom: 20px;
}
main.privacy h3 {
  font-size: 0.875rem;
  letter-spacing: 0.07em;
}