.page-login {
  color: #fff;
  overflow: clip;
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .page-login {
    overflow: auto;
  }
}
@media (max-height: 640px) {
  .page-login {
    overflow-y: auto;
  }
}
@media (max-height: 680px) {
  .page-login.page-chage_password .site-main {
    margin: auto;
    height: auto;
    padding-top: 70px;
    padding-bottom: 50px;
    height: 100%;
  }
}
.page-login .site-main {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-height: 790px) {
  .page-login .site-main {
    margin: 50px 0 0 0;
    height: calc(100vh - 50px);
  }
}
@media (max-height: 480px) {
  .page-login .site-main {
    margin: auto;
    height: auto;
    padding-top: 70px;
    padding-bottom: 50px;
    height: 100%;
  }
}
.page-login .site-main .sect--loginform {
  z-index: 2;
  max-width: 990px;
  width: 100%;
  padding: 0 20px 0 70px;
}
.page-login .site-main .sect--loginform .colorbox {
  position: relative;
  width: 400px;
  margin: 0 0 0 auto;
}
.page-login .site-main .sect--loginform__main {
  max-width: 470px;
  margin: 0 0 0 auto;
  position: relative;
}
.page-login .site-main .sect--loginform__branding {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 38px;
  color: #fff;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page-login .site-main .sect--loginform__branding p {
  margin: 0;
  line-height: 1;
  font-size: 2rem;
  white-space: nowrap;
}
.page-login .site-main .sect--loginform__branding p br {
  display: none;
}
@media (max-width: 1000px) {
  .page-login .site-main .sect--loginform__branding p {
    font-size: 2vw;
  }
}
@media (max-width: 840px) {
  .page-login .site-main .sect--loginform__branding p {
    line-height: 1.4;
  }
  .page-login .site-main .sect--loginform__branding p br {
    display: block;
  }
}
.page-login .site-main p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 30px;
  margin-bottom: 10px;
}

.page-chage_password .colorbox {
  background: rgba(0, 0, 0, 0.16);
  padding: 40px;
}
@media (max-height: 750px) {
  .page-chage_password .colorbox {
    padding: 30px;
  }
}
.page-chage_password .colorbox h2 {
  color: #FFD400;
  font-size: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
  max-width: 300px;
  margin: auto auto 40px;
}
@media (max-height: 750px) {
  .page-chage_password .colorbox h2 {
    margin: auto auto 20px;
  }
}
.page-chage_password .colorbox h2 + label {
  font-size: 1.4rem;
  margin: 10px auto;
  max-width: 300px;
}
.page-chage_password .colorbox .kms-form {
  margin: auto;
  gap: 55px;
}
@media (max-height: 750px) {
  .page-chage_password .colorbox .kms-form {
    gap: 30px;
  }
}
.page-chage_password .colorbox .kms-form__nav-colm2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
}
.page-chage_password .colorbox .kms-form__nav-colm2 * {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-chage_password .colorbox .kms-form__nav-colm2 * .btn--square {
  width: 100%;
}

#error-box .text-danger {
  font-size: 1.5rem !important;
  color: orange !important;
}
#error-box p {
  padding: 0 !important;
  margin: 10px 0;
  font-size: 1.5rem;
}

.kms-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.kms-form__nav-colm3 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
}
.kms-form__nav-colm3 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.kms-form__nav-colm3 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.kms-form__nav-colm3 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.kms-form__nav-colm3 .btn--green {
  width: 100%;
  color: #1FCC00;
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
}
@media (min-width: 769px) {
  .kms-form__nav-colm3 .btn--green:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .kms-form__nav-colm3 .btn--green:not(.nothover):hover {
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .kms-form {
    margin-left: 0px;
  }
}
.kms-form table {
  max-width: 300px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 22px;
}
.kms-form table * {
  width: 100%;
}
.kms-form table tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 25px;
}
.kms-form table tr {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.kms-form table tr td, .kms-form table tr th {
  text-align: left;
}
.kms-form table tr th {
  font-weight: 500;
  color: #fff;
  font-size: 1.6rem;
}
.kms-form table tr th sup {
  margin-left: 5px;
}
.kms-form input[type=text],
.kms-form input[type=password] {
  width: 100%;
  padding: 8px;
  background: #fff;
  border: solid 1px #FFD400;
}
.kms-form__bottom {
  max-width: 325px;
  width: 100%;
  margin: auto;
}
.kms-form .remember-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 1.3rem;
  margin: 20px 20px;
  font-weight: 500;
  cursor: pointer;
}
.kms-form .remember-user input[type=checkbox] {
  background: #fff;
  border: solid 1px #707070;
  width: 10px;
  height: 10px;
}
.kms-form .input-pw-wrap {
  position: relative;
}
.kms-form .input-pw-wrap input[type=text],
.kms-form .input-pw-wrap input[type=password] {
  padding-right: 35px;
}
.kms-form .input-pw-wrap .icon-visibility {
  width: 42px;
  height: 42px;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.kms-form .input-pw-wrap .icon-visibility.icon-visibility-off::after {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2390928F"><path d="M480.09-336.92q67.99 0 115.49-47.59t47.5-115.58q0-67.99-47.59-115.49t-115.58-47.5q-67.99 0-115.49 47.59t-47.5 115.58q0 67.99 47.59 115.49t115.58 47.5ZM480-392q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm.05 172q-137.97 0-251.43-76.12Q115.16-372.23 61.54-500q53.62-127.77 167.02-203.88Q341.97-780 479.95-780q137.97 0 251.43 76.12Q844.84-627.77 898.46-500q-53.62 127.77-167.02 203.88Q618.03-220 480.05-220ZM480-500Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 80%;
  height: 80%;
}
.kms-form .input-pw-wrap .icon-visibility::after {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2390928F"><path d="M630.92-441.08 586-486q9-49.69-28.35-89.35Q520.31-615 466-606l-44.92-44.92q13.54-6.08 27.77-9.12 14.23-3.04 31.15-3.04 68.08 0 115.58 47.5T643.08-500q0 16.92-3.04 31.54-3.04 14.61-9.12 27.38Zm127.23 124.46L714-358q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-46.61-46.61q37.92-15.08 77.46-22.23Q438.39-780 480-780q140.61 0 253.61 77.54T898.46-500q-22.23 53.61-57.42 100.08-35.2 46.46-82.89 83.3Zm32.31 231.39L628.62-245.85q-30.77 11.39-68.2 18.62Q523-220 480-220q-141 0-253.61-77.54Q113.77-375.08 61.54-500q22.15-53 57.23-98.88 35.08-45.89 77.23-79.58l-110.77-112 42.16-42.15 705.22 705.22-42.15 42.16Zm-552.3-551.08q-31.7 25.23-61.66 60.66Q146.54-540.23 128-500q50 101 143.5 160.5T480-280q27.31 0 54.39-4.62 27.07-4.61 45.92-9.53L529.69-346q-10.23 4.15-23.69 6.61-13.46 2.47-26 2.47-68.08 0-115.58-47.5T316.92-500q0-12.15 2.47-25.42 2.46-13.27 6.61-24.27l-87.84-86.62ZM541-531Zm-131.77 65.77Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 80%;
  height: 80%;
}
.kms-form__nav {
  text-align: center;
}

.site-main__bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.site-main__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}