﻿/*住所を検索するボタン*/
.search-address-button {
    background-color: var(--rbc-color-bg-blue);
    margin-left: 100px;
    border-radius: 30px;
    border:none;
}

/*同意文言*/
.agree-statement {
    width: 100%;
    height: 150px;
    overflow-y: scroll;
    border: 1px #999999 solid;
}

.notice-text {

    font-size: 14px;
    white-space: normal;
    padding-left: 1.5em;
    overflow-wrap: break-word;
    word-break: keep-all;
}

/*補足文言*/
.hosoku-text {
    font-size: 14px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: keep-all;
}

/*補足文言（全角半角指定）*/
.hosoku-text-zenkaku-hankaku {
    text-align: right;
}

/*画面遷移用ボタン*/
.transition-button {
    max-width: 85%;
    height: 40px;
}

/*前画面、ログイン画面遷移用ボタンエリア*/
.back-login {
    max-width: 85%;
    height: 40px;
}

/*前画面、ログイン画面遷移用ボタン*/
.back-login-button {
    border-color: var(--rbc-color-main)
}

/*ホバー時に枠線消えないようにする。*/
.back-login-button:hover {
    border-color: var(--rbc-color-main);
}

/*入力項目（姓名）*/
.textarea-seimei {
    height: 70px;
}

/*画面項目（姓名）*/
.text-seimei {
    text-align: center;
}

/*補足文言（姓）*/
.hosoku-text-sei {
    margin-left: 60px;
    font-size:14px;
}

/*補足文言（メールアドレス）*/
.hosoku-text-mail {
    color: red
}

/*大項目（郵便番号）*/
.yubincd {
    text-align: left;
    display: flex;
    justify-content: start;
}

/*入力項目（郵便番号）*/
.text-yubincd {
    display: flex;
    justify-content: start;
}

/*郵便番号1*/
.textbox-yubincd1 {
    border: var(--bs-border-width) solid var(--bs-border-color);
    width: 70px;
}

/*郵便番号2*/
.textbox-yubincd2 {
    border: var(--bs-border-width) solid var(--bs-border-color);
    width: 80px;
}

/*大項目（都道府県）*/
.todouhuken {
    display: flex;
    flex-direction: column;
}

/*プルダウン（都道府県）*/
.pulldown-jaddcd1 {
    border: var(--bs-border-width) solid var(--bs-border-color);
    height: 40px;
    width: 150px;
    text-align: left;
    max-width: 100%;
    resize: none;
}

.text-box-jadd {
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: left;
    height: 40px;
    width: 700px;
    max-width: 100%;
    resize: none;
}

/*テキストボックス（電話番号）*/
.text-box-tel {
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: left;
    height: 40px;
    width: 500px;
    max-width: 100%;
    resize: none;
}

/*テキストボックス（メールアドレス、パスワード）*/
.text-box-mail {
    border: var(--bs-border-width) solid var(--bs-border-color);
    text-align: left;
    height: 40px;
    width: 100%;
    max-width: 100%;
    resize: none;
}
.text-box-pw {
    border: var(--bs-border-width) solid var(--bs-border-color);
    height: 40px;
    width: 100%;
    max-width: 100%;
    resize: none;
}

  /* パスワード入力欄にフォーカスが当たったとき、親の枠を青くする */
.text-box-pw:has(.input-pw:focus) {
  border: var(--bs-border-width) solid var(--bs-border-color);
  height: 40px;
  width: 100%;
  max-width: 100%;
  resize: none;
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/*入力項目（パスワード）*/
.input-pw {
  outline: none;
  border: none;
  width: 100%;
  padding-top: 3px;
}

/*既定のパスワード表示コントロールを非表示にする*/
input::-ms-reveal {
    display: none;
}

/*ワンタイムパスワード*/
.one-time-pw {
    align-items: flex-start;
    flex-direction: column;
}

/*都道府県（確認画面）*/
.confirm-jaddcd1 {
    text-align: left;
    display: flex;
    justify-content: start;
}

/*入力内容*/
.input-content {
    margin-right: 15px;
}

/*完了画面メッセージ*/
.complete-message {
    white-space: normal;
    padding-left: 0.5em;
    overflow-wrap: break-word;
    word-break: break-word; 
    font-size: 1rem;
    line-height: 1.5;
}