/* text */
label#displayText\.title\.loginEmail_label,
label#displayText\.title\.loginPassword_label,
label#displayText\.title\.dateOfBirth_label,
label#displayText\.title\.PasswordReset_label,
label#displayText\.title\.PasswordSet_label,
label#displayText\.title\.reenterPassword_label,
label#ReadonlyEmail_label,
label#displayText\.description\.otp\.enter_label,
label#QrCodeVerifyInstruction_label,
label#countryCode_label,
label#displayText\.subtitle\.phoneNumber_label,
label#displayText\.description\.newEmail2_label {
  font-weight: bold;
  display: inline-block
}

label#countryCode_label,
label#displayText\.description\.phoneNumber2_label {
  display: inline-block
}

label#displayText\.title\.loginPassword_label,
label#displayText\.title\.dateOfBirth_label,
label#displayText\.title\.reenterPassword_label,
label#displayText\.subtitle\.phoneNumber_label,
label#countryCode_label,
label#displayText\.description\.newEmail2_label,
label#displayText\.description\.saidoEmail1_label {
  margin-top: 20px;
}

label#displayText\.title\.PasswordReset_label,
label#displayText\.title\.PasswordSet_label,
label#ReadonlyEmail_label,
label#displayText\.description\.otp\.enter_label,
label#QrCodeVerifyInstruction_label,
label#countryCode_label,
label#displayText\.subtitle\.phoneNumber_label {
  font-size: 1.125rem
}

label#ReadonlyEmail_label,
label#displayText\.description\.otp\.enter_label,
label#displayText\.service\.idpw3_label {
  margin-bottom: 8px;
}

label#displayText\.description\.loginMail1_label,
label#displayText\.description\.loginMail2_label,
label#displayText\.description\.email_label,
label#displayText\.description\.phoneNumber2_label,
label#displayText\.description\.phoneNumber3_label,
label#displayText\.description\.newEmail4_label,
label#displayText\.description\.saidoEmail2_label {
  font-size: 1rem;
  color: #626264;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label#displayText\.description\.newEmail4_label,
label#displayText\.description\.saidoEmail2_label,
label#displayText\.description\.saidoEmail1_label {
  display: flex;
}

li.displayText\.title\.PasswordSet_li {
  margin-top: 30px;
}

li.Paragraph.displayText\.description\.loginMail1_li,
li.Paragraph.displayText\.description\.email_li,
label#displayText\.description\.phoneNumber2_label,
label#displayText\.description\.newEmail4_label,
label#displayText\.description\.saidoEmail2_label {
  margin-top: 8px;
}

li.Paragraph.displayText\.description\.isMailOTP2_li {
  margin-top: 200px;
}

li.Paragraph.displayText\.title\.password_li {
  margin-top: 48px;
}

li.Paragraph.displayText\.description\.isMailOTP_li {
  margin-top: 24px;
  font-size: 0.875rem;
}

label#displayText\.description\.isMailOTP2_label {
  font-size: 0.875rem;
}


li.Paragraph.displayText\.title\.OTPSettings_li {
  margin: 40px auto 16px;
  font-size: 1.375rem;
  font-weight: bold;
  display: flex;
}

label#displayText\.title\.OTPSettings_label {
  display: flex;
  margin-top: 4px;
  gap: 8px;
}

label#displayText\.title\.OTPSettings_label::before {
  content: "3";
  font-size: 1.25rem;
  background-color: #0d44a0;
  color: #fff;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: -4px;
}

li.Password.newPassword_li,
li.CheckboxMultiSelect.checkbox_password_li,
li.Paragraph.displayText\.title\.reenterPassword_li,
li.Password.reenterPassword_li,
li.CheckboxMultiSelect.checkbox_reenterpassword_li,
li.Paragraph.displayText\.description\.email_li,
li.TextBox.email_li,
li.Paragraph.displayText\.description\.password1_li,
li.Paragraph.displayText\.description\.password2_li,
li.Paragraph.displayText\.description\.oldPassword_li,
li.Password.oldPassword_li,
li.CheckboxMultiSelect.checkbox\.oldPassword_li,
li.Paragraph.displayText\.description\.newPassword1_li,
li.Paragraph.displayText\.description\.newPassword2_li,
li.Paragraph.displayText\.description\.newPassword3_li,
li.Password.newPassword_li,
li.CheckboxMultiSelect.checkbox\.newPassword_li,
li.Paragraph.displayText\.description\.reenterPassword_li,
li.Password.reenterPassword_li,
li.Paragraph.oldemail_li,
li.Paragraph.displayText\.description\.newEmail1_li,
li.Paragraph.displayText\.description\.newEmail2_li,
li.Paragraph.displayText\.description\.newEmail3_li,
li.Paragraph.displayText\.description\.newEmail4_li,
li.Paragraph.displayText\.description\.saidoEmail1_li,
li.CheckboxMultiSelect.checkbox\.reenterPassword_li,
li.TextBox.saidoEmail_li,
li.Paragraph.displayText\.description\.saidoEmail2_li,
li.Paragraph.displayText\.description\.accountId1_li,
li.TextBox.accountId_li,
li.Paragraph.displayText\.description\.accountId2_li {
  padding: 0 32px;
}

li.Paragraph.displayText\.title\.PasswordReset_li,
li.Paragraph.displayText\.description\.newPassword1_li {
  margin-top: 20px;
}

label#displayText\.title\.password_label,
label#displayText\.title\.email_label,
label#displayText\.title\.phoneNumber_label,
label#displayText\.title\.otp_label,
label#displayText\.title\.login_method_label,
label#displayText\.title\.oldPassword_label,
label#displayText\.title\.newPassword_label,
label#displayText\.title\.oldEmail_label,
label#displayText\.title\.newEmail_label,
label#displayText\.title\.accountId_label,
label#displayText\.title\.DateOfBirth_label {
  background: #a2dbf5;
  border-radius: 4px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 18px 32px;
  min-height: 72px;
  margin: 48px 0 32px;
  position: relative;
  display: block;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
}

label#displayText\.title\.password_label::before,
label#displayText\.title\.phoneNumber_label::before,
label#displayText\.title\.otp_label::before,
label#displayText\.title\.login_method_label::before,
label#displayText\.title\.oldPassword_label::before,
label#displayText\.title\.newPassword_label::before,
label#displayText\.title\.newEmail_label::before,
label#displayText\.title\.accountId_label::before,
label#displayText\.title\.DateOfBirth_label::before {
  content: "必須";
  margin-right: 8px;
  position: relative;
  top: -3px;
  display: inline-block;
  color: #fff;
  background: #b65200;
  min-width: 56px;
  text-align: center;
  font-size: 1rem;
  line-height: 1;
  border-radius: 4px;
  padding: 5px 2px;
}

li.VerificationControl.smsVerificationControl_li {
  padding: 24px 16px;
}

label#displayText\.title\.phoneNumber_label,
label#displayText\.title\.login_method_label,
label#displayText\.title\.oldPassword_label,
label#displayText\.title\.oldEmail_label {
  margin-top: 0;
}

label#displayText\.title\.otp_label {
  width: calc(100% + 32px);
  left: -16px;
}

/* input */
input#signInName,
input#email,
input#password,
input#newPassword,
input#reenterPassword,
input#verificationCode,
input#otpCode,
input#phoneString,
input#oldPassword,
input#saidoEmail,
input#accountId {
  width: 100%;
  height: 48px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #1a1a1c;
  font-size: 1.125rem;
  padding: 0 16px;
  margin-top: 8px;
}

input#otpCode[disabled="disabled"] {
  cursor: default;
  background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
  color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
  border-color: rgba(118, 118, 118, 0.3);
}

input#checkbox\.password_display,
input#checkbox\.newPassword_display,
input#checkbox\.reenterPassword_display,
input#isMailOTP_true,
input#checkbox\.oldPassword_display {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  border-width: 1px;
  top: 0;
  left: 0;
  border: 2px solid #1a1a1c;
  background-color: #fff;
  border-width: 1px;
}

label#display_option {
  cursor: pointer;
  position: relative;
}

li.CheckboxMultiSelect.checkbox\.password_li,
li.CheckboxMultiSelect.checkbox\.newPassword_li,
li.CheckboxMultiSelect.checkbox\.reenterPassword_li,
li.CheckboxMultiSelect.checkbox\.oldPassword_li {
  font-size: 1rem;
  list-style: none;
  margin: 20px 0 0 0;
}

fieldset {
  text-indent: -40px;
  padding-left: 32px;
  line-height: 24px;
  min-height: 32px;
  position: relative;
  display: inline-block;
}

li.CheckboxMultiSelect.isMailOTP_li {
  margin-top: 8px;
  font-size: 1.125rem;
}


/* button */
button#continue,
button#emailVerificationControl_but_verify_code,
button#emailVerificationControl_but_send_code,
button#smsVerificationControl_but_send_code,
button#smsVerificationControl_but_verify_code {
  padding: 14px 20px;
  min-height: 72px;
  font-size: 1.25rem;
  gap: 8px;
  border: 2px solid #0d44a0;
  background: #0d44a0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-weight: bold;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  word-break: keep-all;
  line-height: 1.5;
  cursor: pointer;
  text-decoration: none;
  list-style: none;
  width: 100%;
}

button#continue:hover,
button#emailVerificationControl_but_verify_code:hover,
button#emailVerificationControl_but_send_code:hover,
button#smsVerificationControl_but_send_code:hover,
button#smsVerificationControl_but_verify_code:hover,
button#smsVerificationControl_but_send_new_code:hover {
  background: #003c79;
  border: 2px solid #003c79;
  color: #fff !important;
  text-decoration: none !important;
}

@media screen and (max-width: 768px) {

  button#continue,
  button#emailVerificationControl_but_verify_code,
  button#emailVerificationControl_but_send_code,
  button#smsVerificationControl_but_send_code,
  button#smsVerificationControl_but_verify_code,
  button#smsVerificationControl_but_send_new_code {
    min-height: 56px;
    font-size: 1rem;
  }
}

form#attributeVerification>.buttons,
div#emailVerificationControl>.buttons,
div#smsVerificationControl>.buttons {
  margin-top: 40px;
  gap: 24px;
  flex-direction: column;
  max-width: 376px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

button#continue.is-disable {
  background: #949497;
  color: #fff;
  border-color: #949497;
  box-shadow: none;
  cursor: inherit;
  pointer-events: none;
}

/* link */
div.login-main__inner>ul.m-list-link {
  text-align: center;
  margin-top: 24px;
}

button#emailVerificationControl_but_send_new_code,
button#smsVerificationControl_but_send_new_code {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d44a0;
  font-weight: bold;
  box-sizing: border-box;
  word-break: keep-all;
  cursor: pointer;
  text-decoration: underline;
  border-radius: 8px;
  border: 2px solid transparent;
  line-height: 1.5;
  text-align: center;
}

/* select */
select#InputEra,
select#InputYear,
select#InputMonth,
select#InputDay {
  max-width: 312px;
  width: 100%;
}

.dropdown_single {
  height: 48px;
  border: 1px solid #1a1a1c;
  border-radius: 4px;
  background-color: #fff;
  display: block;
  width: 100%;
  max-width: 552px;
  padding: 0 50px 0 16px;
  font-size: 1.125rem;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("https://www.denpa.soumu.go.jp/auth/static/resources/common/img/icon/icon_form_select.svg");
  background-position: right 16px center;
  background-size: 22px 34px;
  background-repeat: no-repeat;
  color: #1a1a1c;
}

@media screen and (max-width: 768px) {
  .dropdown_single {
    width: 100%;
    max-width: 100%;
  }
}

li.DropdownSingleSelect.InputEra_li,
li.DropdownSingleSelect.InputYear_li,
li.DropdownSingleSelect.InputMonth_li,
li.DropdownSingleSelect.InputDay_li {
  display: inline-block;
  width: 40%;
  margin: 10px;
  max-width: 312px;
}

li.stringYear_li,
li.stringMonth_li,
li.stringDay_li {
  display: inline-block;
  width: 10px;
}

li.DropdownSingleSelect.InputYear_li {
  margin-left: 24px;
}

@media screen and (max-width:768px) {

  li.DropdownSingleSelect.InputEra_li,
  li.DropdownSingleSelect.InputYear_li,
  li.DropdownSingleSelect.InputMonth_li,
  li.DropdownSingleSelect.InputDay_li {
    width: 312px;
  }

  li.DropdownSingleSelect.InputYear_li {
    margin-left: 10px;
  }
}

.m-modal__outside {
  display: flex;
  justify-content: center;
}

.m-modal__inside_add {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

footer .footer__pagetop {
  z-index: 0;
}

.error.itemLevel.show,
.error.pageLevel {
  font-size: 1rem;
  font-weight: bold;
  color: #ec0000;
  margin: 0 1em;
  position: relative;
}

.error.itemLevel.show::before,
.error.pageLevel::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("https://www.denpa.soumu.go.jp/auth/static/resources/common/img/icon/icon_c_alert.svg");
  background-size: contain;
  filter: invert(15%) sepia(95%) saturate(6932%) hue-rotate(358deg) brightness(95%) contrast(112%);
  background-repeat: no-repeat;
  margin-right: 0.25rem;
  margin-left: -1.0rem;
  margin-top: -0.15em;
  vertical-align: middle;

}

li.Paragraph.displayText\.description\.phoneNumber1_li {
  padding-left: 16px;
}