a {
  text-decoration: underline 1px;  color: #000;  text-underline-offset: 3px;
}

a:hover {
  text-decoration: underline 1px;  color: #000;  text-underline-offset: 3px;
}

.container {
  max-width: inherit;
}

.loginContent {
  font-family: 'Hiragino Kaku Gothic ProN', sans-serif;  min-width: inherit;  background: #fff;
}

.loginContent .main_visual {
  position: fixed;  width: 60%;  background-image: url('../images/login/kml_loginImage.png');  background-repeat: no-repeat;  background-position: center;  background-size: cover;
}

.loginContent .main_visual_blank {
  width: 60%;
}

.loginContent .g_about {
  position: relative;  width: 40%;  height: fit-content;  padding: 56px 32px;  background: #fff;
}

.g_login .login_logo {
  width: 136px;  height: auto;  margin-bottom: 24px;
}

.g_login h2 {
  font-size: 28px;  font-weight: bold;  margin-bottom: 48px;  padding: 0;
}

.g_login h2 span {
  font-size: 18px;  display: block;  margin-top: 8px;
}

.loginContent .form-group {
  margin: 16px 0;
}

.login_form_wrap {
  position: static;  transform: inherit;
}

.form-control {
  padding: 12px;
}

.btn_g {
  font-size: 16px;  width: 170px;  padding: 8px 24px;
}

.btn_wrapper {
  display: flex;  align-items: center;  justify-content: space-between;
}

.btn_wrapper a {
  font-size: 12px;  text-underline-offset: 6px;
}

.btn_wrapper a:hover {
  text-underline-offset: 6px;
}

.d-flex {
  align-items: center;  flex-direction: column-reverse;  gap: 16px;
}

.app_terms,
.service_terms {
  background: #f0f0f0;
}

.app_terms p {
  margin-left: 0;
}

.app_terms h3,
.service_terms h3 {
  font-weight: bold;
}