.next-button {
    cursor: pointer;
}
.fix-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 0 14px;
    color: var(--color-main);
    background: #fff;
    border: solid 1px var(--color-main);
}
.flow-wrap {
    margin-top: 42px;
    margin-bottom: 100px;
}
.flow-wrap-tablet {
    margin-top: 32px;
    margin-bottom: 48px;
}

label {
    font-size: 18px;
}

.colum-double > div {
    margin-right: 40px;
}
.area-input-half > div {
    width: 100%;
}

/* ======================================== */
/* フォーム */
/* ======================================== */
.form-label {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
}

.form-label-comment {
    color: #ff0000;
    font-weight: bold;
    font-size: 16px;
}

.form-label-required,
.form-label-any {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 20px;
    margin: 0 5px;
    width: 53px;
    height: 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    box-sizing: border-box;
}
.form-label-required {
    color: var(--color-caution);
    border: solid 2px var(--color-caution)
}
.form-label-any {
    background-color: var(--color-disabled-text);
    border: 0;
    color: #fff;
    /* color: var(--color-disabled-text); */
    /* border: solid 2px var(--color-disabled-text); */
}

.label-explanation {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
}
.label-explanation-caution {
    display: inline-block;
    font-weight: normal;
    font-size: 16px;
    color: var(--color-caution);
}

select {
    box-shadow: none;
    border: solid 1px #333;
    border-radius: 6px;
    padding: 0 20px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
}
.select-wrap {
    position: relative;
    display: inline-block;
}
.select-wrap::after {
    content: "▼";
    position: absolute;
    font-size: 12px;
    position: absolute;
    top: calc(50% - 7px);
    right: 10px;
    pointer-events: none;
}
input[type="text"],
input[type="password"] {
    height: 50px;
    box-shadow: none;
    border: solid 1px var(--color-border-glay);
    border-radius: 5px;
    padding: 0 15px;
    font-size: 16px;
}
input[type="text"]:focus,
input[type="password"]:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

input[type="text"]:disabled,
input[type="text"]:read-only,
input[type="password"]:disabled,
input[type="password"]:read-only {
    background-color: var(--color-disabled-bg);
}

input[type="text"].short,
input[type="password"].short {
    width: 150px;
}

input[type="text"].medium,
input[type="password"].medium {
    width: 300px;
}

.input-label {
    display: inline-block;
    margin-right: 20px;
}

.text-width {
    max-width: 100px !important;
}

.form-radio {
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    border-radius: 5px;
    width: 220px;
    border: solid 1px var(--color-border-glay);
    z-index: 15;
}

.form-radio-remittance_month,
.form-radio-remittance_service {
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    border-radius: 5px;
    width: 150px;
    border: solid 1px var(--color-border-glay);
    z-index: 15;
}

.form-radio.long,
.form-radio-remittance_month.long,
.form-radio-remittance_service.long {
    width: auto;
    padding: 0 10px;
}

.form-radio.checked-radio,
.form-radio-remittance_month.checked-radio,
.form-radio-remittance_service.checked-radio {
    background-color: var(--color-pale-green);
}

.form-radio label,
.form-radio-remittance_month label,
.form-radio-remittance_service label {
    display: inline-block;
    cursor: pointer;
    padding-left: 35px;
    position: relative;
}

.form-radio.desabled,
.form-radio-remittance_month.desabled,
.form-radio-remittance_service.desabled {
    background-color: var(--color-border-glay);
}

input[type="radio"] {
    opacity: 0;
    position: absolute;
}
.form-radio label::before,
.form-radio label::after,
.form-radio-remittance_month label::before,
.form-radio-remittance_month label::after,
.form-radio-remittance_service label::before,
.form-radio-remittance_service label::after {
    content: "";
    display: block;
    border-radius: 50%;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.form-radio label::before,
.form-radio-remittance_month label::before,
.form-radio-remittance_service label::before {
    background-color: #fff;
    border: 1px solid var(--color-border-glay);
    height: 22px;
    width: 22px;
    left: 4px;
    z-index: 10;
}
.form-radio label::after,
.form-radio-remittance_month label::after,
.form-radio-remittance_service label::after {
    background-color: var(--color-main);
    opacity: 0;
    height: 13px;
    width: 13px;
    left: 8.5px;
    z-index: 20;
}
input[type="radio"]:checked + label::after {
    opacity: 1;
}
input[type="radio"].is-error + label::before,
.deficiency-block  label::before  {
    border: solid 1px var(--color-main);
}

input[type="radio"]:disabled + label {
    opacity: .6;
}
input[type="radio"]:disabled + label::before {
    background-color: var(--color-border-glay);
}

.form-check {
    min-width: 170px;
    display: inline-block;
    background-color: var(--color-pale-green);
    border-radius: 10px;
    margin: 15px 0;
    padding: 15px;
    text-align: center;
}
.form-check label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}
.form-check input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.form-check label::before,
.form-check label::after {
    content: "";
    display: block;
    border-radius: 3px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.form-check label::before {
    background-color: #fff;
    border: 1px solid var(--color-border-glay);
    height: 16px;
    width: 16px;
    left: 5px;
    z-index: 10;
}
.form-check label::after {
    background: url(../images/icon_check_green.svg) no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    height: 10px;
    width: 10px;
    left: 8px;
    z-index: 20;
}
.form-check label.checked::after {
    opacity: 1;
}

.checkbox-agree {
    min-width: 400px;
    height: 60px;
    display: inline-block;
    background-color: var(--color-pale-green);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkbox-agree label {
    position: relative;
    padding-left: 30px;
}
.checkbox-agree input[type="checkbox"] {
    display: none;
}
.checkbox-agree label::before,
.checkbox-agree label::after {
    content: "";
    display: block;
    border-radius: 3px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
}
.checkbox-agree label::before {
    background-color: #fff;
    border: 1px solid var(--color-border-glay);
    height: 16px;
    width: 16px;
    left: 5px;
    z-index: 10;
}
.checkbox-agree label::after {
    background: url(../images/icon_check_green.svg) no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0;
    height: 10px;
    width: 10px;
    left: 8px;
    z-index: 20;
}
.checkbox-agree input[type="checkbox"]:checked + label::after {
    opacity: 1;
}
.checked-agree {
    background: var(--color-main);
    color: #fff;
}

.medium-items label.error::before,
.deficiency-block  label::before {
    border: solid 1px var(--color-main);
}

.medium-items .form-radio,
.medium-items .form-radio-remittance_month,
.medium-items .form-radio-remittance_service {
    margin-right: 20px;
}
.medium-items .form-radio:last-child,
.medium-items .form-radio-remittance_month:last-child,
.medium-items .form-radio-remittance_service:last-child {
    margin-right: 0;
}

select.is-error,
input.is-error,
textarea.is-error,
.deficiency-block input,
.deficiency-block select,
.deficiency-block-parent-element .deficiency-block-target,
body select.is-error-link-target,
body input.is-error-link-target {
    border: solid 1px var(--color-caution);
}
input[type="radio"].is-error + label,
.deficiency-block  label{
    color: var(--color-caution);
}
.form-check-label.item-name {
    color: var(--color-black);
}

.medium-items.medium-items-birthday {
    display: flex;
    flex-wrap: nowrap;
}

.birthday-form-select {
    width: 100px;
    display: inline-block;
    margin-right: 10px;
    border: solid 1px var(--color-border-glay);
    position: relative;
    max-width: 600px;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 20px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 17px 13px;
}

.profession-form-select {
    position: relative;
    max-width: 580px;
    box-shadow: none;
    border: solid 1px var(--color-border-glay);
    border-radius: 5px;
    padding: 0 20px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 17px 13px;
}

.addressPrefecture-form-select {
    position: relative;
    width: 100%;
    box-shadow: none;
    border: solid 1px var(--color-border-glay);
    border-radius: 5px;
    padding: 0 20px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 17px 13px;
}

.transactionPurpose-form-select {
    position: relative;
    max-width: 600px;
    box-shadow: none;
    border: solid 1px var(--color-border-glay);
    border-radius: 5px;
    padding: 0 20px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 17px 13px;
}

.branch-form-select {
    display: inline-block;
    margin-right: 10px;
    border: solid 1px var(--color-border-glay);
    position: relative;
    box-shadow: none;
    border-radius: 5px;
    padding: 0 20px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 17px 13px;
}

.form-select {
    position: relative;
    max-width: 600px;
    box-shadow: none;
    border: solid 1px #333;
    border-radius: 5px;
    padding: 0 20px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 17px 13px;
}
.select-wrap {
    position: relative;
    display: inline-block;
}
.select-wrap::after {
    content: "▼";
    position: absolute;
    font-size: 12px;
    position: absolute;
    top: calc(50% - 7px);
    right: 10px;
    pointer-events: none;
}

/* table */
table {
    background-color: #e2eaf8;
}
table th,
table td {
    border: solid 1px #fff;
    padding: 10px;
}
table th {
    text-align: center;
    border-bottom: solid 2px #fff;
}

/* バリデーションエラー */
select.is-error:focus,
input.is-error:focus,
textarea.is-error:focus,
select.is-error:focus {
    outline: solid 1px var(--color-main);
    box-shadow: none;
    border: solid 1px var(--color-main);
}

.caption {
    margin: 0 10px;
    font-size: 20px;
}

/* 不備修正項目表示 */
.deficiency-message {
    margin-bottom: 10px;
    color: var(--color-main);
}

.deficiency-title-content {
    border: solid 1px var(--color-main);
    color: var(--color-main);
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.deficiency-block .deficiency-message {
    color: var(--color-main);
    margin-bottom: 10px;
    font-size: 14px;
}
.deficiency-block .deficiency-message input,
.deficiency-block .deficiency-message select {
    border: solid 1px var(--color-main);
}

.heads-indent10 {
    padding-left: 10px;
}

.heads-indent140 {
    text-indent: 1px;
    padding-left: 140px;
}

.heads-indent200 {
    text-indent: 1px;
    padding-left: 200px;
}

.heads-indent220 {
    text-indent: 1px;
    padding-left: 220px;
}

.heads-indent250 {
    text-indent: 1px;
    padding-left: 250px;
}

.heads-indent300 {
    text-indent: 1px;
    padding-left: 300px;
}

/* カード参照エリア */
.sample-image-area {
    display: flex;
    align-items: flex-start;
}
.sample-image-area > div:first-child {
    width: calc(30% - 90px);
    max-width: 320px;
    min-width: 200px;
    margin-right: 90px;
}
.sample-image-card-area {
    background-color: #efefef;
    border: solid 1px var(--color-border-glay);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: calc(70% - 60px);
    padding: 30px 0;
}
.sample-image-message {
    font-size: 18px;
    margin-bottom: 16px;
}
.sample-image-card-area img {
    width: 70%;
    max-width: 520px;
    min-width: 270px;
}

.composite-field-wrap {
    display: flex;
    align-items: center;
    gap: 0 15px;
    margin-bottom: 24px;
}
.composite-field-wrap .add-caption {
    display: flex;
    align-items: center;
}
.add-caption .caption {
    width: 50px;
}

/* jQueryのオートコンプリートstyle上書き */
.ui-widget.ui-widget-content {
    border: solid 1px var(--color-border-glay);
}
.ui-menu-item {
    padding: 0;
    list-style: none;
}
.ui-menu-item::before {
    content: none;
}
.ui-menu .ui-menu-item-wrapper {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    padding: 5px 10px;
    line-height: 1.5;
}
.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background-color: #efefef;
}
.form-label .block-sp-exp,
.form-label-required .block-sp-exp,
.form-label-any .block-sp-exp{
    font-size: 16px;
    font-weight: normal;
    display: block;
}

.min-w-label-required {
    min-width: 53px;
}

.credit_limit_flex_title {
    min-width: 70px;
}

.caution-title {
    margin-left: 15px;
    text-align: left;
}
.icon-warning {
    background: url(../images/icon_warning.png) no-repeat;
    background-position: center;
    background-size: contain;
    height: 46px;
    width: 46px;
}

/* 支店名リスト */
.list-branch-name-list-area {
    position: relative;
    scrollbar-gutter: stable;
    overflow: auto;
    overflow-y: scroll;
    max-height: 407px;
    min-height: 74px;
    border-bottom: solid 1px #c8cdd6;
    font-size: 16px;
}

.list-branch-name-list-area::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}
.list-branch-name-list-area::-webkit-scrollbar-thumb {
    background: var(--color-border-glay);
    border-radius: 10px;
}

.branch-add-select-button-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.branch-change-button-sp {
    display: none;
    justify-content: flex-end;
    margin-top: 30px;
}
.branch-change-button-sp button {
    height: 40px;
}

.list-branch-name > div {
    display: flex;
}
.list-branch-name > div div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    border: solid 1px #c8cdd6;
    padding: 12px 20px;
}
.list-branch-name div div p {
    width: 100%;
}
.list-branch-name .list-branch-name-title > div {
    background-color: #efefef;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}
.store-information {
    cursor: pointer;
}

.selected-branch {
    display: flex;
    justify-content: start;
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    border: solid 1px var(--color-border-glay);
    border-radius: 5px;
}
.selected-branch > div {
    width: 50%;
    display: flex;
    align-items: center;
}
.selected-branch > div:first-child {
    border-right: solid 1px var(--color-border-glay);
}
.selected-branch > div > div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 100%;
    font-weight: bold;
    background-color: #efefef;
    box-sizing: border-box;
    border-radius: 5px 0 0 5px;
    border-right: solid 1px var(--color-border-glay);
}
.selected-branch > div > div {
    padding: 0 18px;
    width: calc(100% - 150px);
}
.selected-branch > div input {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}


/* スクロールバー分の位置を調整 */
.list-branch-name > .list-branch-name-title {
    width: calc(100% - 8px);
}
/* safariはスクロールバーを設定しても表示されないようなので、タイトルもスクロールバーが無い状態のサイズ設定 */
_::-webkit-full-page-media, _:future, :root .list-branch-name > .list-branch-name-title {
    width: 100%;
}
.list-branch-name > .list-branch-name-title div:first-child,
.list-branch-name > div div:first-child {
        width: 25%;
}
.list-branch-name > .list-branch-name-title div:last-child,
.list-branch-name > div div:last-child {
    width: 75%;
}
.list-branch-name > div:not(.list-branch-name-title) div:first-child {
    color: #0d6efd;
    text-decoration: underline;
}

/* -- 不備修正画面用 START -- */
.grey-out .form-radio,
.grey-out .form-radio-remittance_month,
.grey-out .form-check {
    background-color: lightgray;
    opacity: .6;
}

/* セレクトボックス選択肢非表示 */
.grey-out select {
    pointer-events: none;
}

#deficiency-title {
	color: red;
	font-size: 15px;
}
/* -- 不備修正画面用 END -- */


.birthday-item{
    display:inline-block;
}

/* #25154 住所・氏名・電話番号変更/キャッシュカード・カードローン有無/カード種類等 */
.composite-field-wrap-card-type-etc {
    display: flex;
    align-items: center;
    gap: 0 50px;
    margin-bottom: 20px;
}

.internetBankingContract-area {
    margin-bottom: 20px;
}

.note-wording {
    font-weight: bold;
    font-size: 20px;
}

.display-flex {
    display: flex;
}
.no-margin{
    margin-bottom: 0px;
    font-weight: bold;
}
.display-warning {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.text-underline {
    text-decoration:underline;
    color: var(--color-caution);
}
.text-padding {
    padding-left: 18px;
    font-weight: bold;
}
.btn-center {
    justify-content: center;
}
.limitPerDay-flex {
    display: flex;
    align-items: center;
}
.bg-caution {
    background-color: var(--color-caution-bg);
    margin-top: 50px;
    padding: 24px 30px;
    font-size: 18px;
    font-weight: bold;
}
.bg-caution ul {
    margin-bottom: 0;
}

.bg-caution .caution-text-area {
    margin-top: 30px;
}
.bg-caution .caution-text {
    font-size: 18px;
    line-height: 35px;
    margin-left: 24px;
}

input.certification-mail-input {
    max-width: 100%;
}

/* 普通預金口座開設用 */
.choices-display-none-area {
	display: none;
}
.form-label-color {
    color: var(--color-main);
}

.text-width-590 {
    max-width: 590px !important;
}
.text-width-930 {
    max-width: 930px !important;
}
.text-width-100 {
    width: 100% !important;
}
.flex-start {
    justify-content: flex-start;
}
.text-max-width-n {
    max-width: none !important;
}
.btn-center-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 20px;
    padding: 0 30px;
    margin: 180px 0 45px;
}
.table-border {
    margin-bottom: 40px;
}
.table-th-15 {
    width: 15%;
    background-color: #E5E5E5;
    border: solid 1px var(--color-border-glay);
}
.table-th-30 {
    width: 35%;
    background-color: white;
    font-weight: normal;
    text-align: left;
    border: solid 1px var(--color-border-glay);
}
.area-half {
    display: flex;
    flex-wrap: wrap;
}
.text-size-16 {
    font-size: 16px;
}
.caution-sentence-name {
    font-size: 15px;
}

@media screen and (max-width: 850px) {
    /* 郵便番号など */
    /* .area-input-multiple .item-name {
        flex: none;
    } */
    .area-input-multiple > div {
        width: auto;
    }
    .area-input-multiple input {
        margin-bottom: 10px;
    }
    .area-input-multiple.phone-number input {
        width: 100%;
    }
    .sample-image-area {
        display: block;
    }
    .sample-image-message {
        font-size: 14px;
    }
    .sample-image-area > div {
        width: 100%;
    }
    .sample-image-area > div:first-child {
        margin-bottom: 16px;
    }
    .sample-image-card-area {
        width: 100%;
        max-width: 520px;
    }
    .area-input-multiple:not(.phone-number) .caption {
        margin: 0 5px;
        font-weight: normal;
        font-size: 14px;
    }
    input + .caption {
        font-size: 14px;
    }
    .icon-warning {
        background: url(../images/icon_warning.png) no-repeat;
        background-position: center;
        background-size: contain;
        height: 30px;
        width: 30px;
    }

    .medium-items.medium-items-birthday {
        flex-wrap: wrap;
    }
    .medium-items.medium-items-birthday > div:first-child {
        display: flex;
        width: 100%;
        align-items: baseline;
    }
    .medium-items.medium-items-birthday > div:first-child > select {
        display: inline-block;
        width: 90px;
    }
    .medium-items.medium-items-birthday > div:first-child input {
        width: 58px;
    }
}

/* SP */
@media screen and (max-width: 667px) {
    .h-adr .colum-double > div {
        margin-bottom: 30px;
    }

    .area-input-half label {
        margin-right: 10px;
    }

    /* フォームテキスト */
    .form-label {
        margin-bottom: 10px;
    }
    .form-label-comment{
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 10px;
    }

    .form-label,
    .form-label-required,
    .form-label-any {
        font-size: 14px;
    }
    .form-label .block-sp,
    .form-label-required .block-sp,
    .form-label-any .block-sp {
        font-size: 12px;
        font-weight: normal;
    }
    .title-and-pdf .size-sp {
        font-size: 14px;
        font-weight: normal;
    }
    .form-label .block-sp-exp,
    .form-label-required .block-sp-exp,
    .form-label-any .block-sp-exp{
        font-size: 12px;
        font-weight: normal;
    }

    .btn-base,
    .checkbox-agree {
        border-radius: 5px;
    }

    #currentAcConsent,
    #fundSettlementConsent{
        padding: 5px 5px;
        line-height: 20px;
    }

    .title-and-pdf .bold-underline-size{
        font-size: 14px;
    }

    .form-label-any,
    .form-label-required {
        font-size: 12px;
    }

    .label-explanation,
    .label-explanation-caution {
        font-size: 12px;
    }
    
    .area-input-multiple .item-name {
        margin-right: 5px;
        width: auto;
        min-width: 28px;
    }
    .item-name {
        font-size: 14px;
    }
    .table-wrap {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .table-wrap table {
        width: 100%;
        min-width: 600px;
        border-collapse: collapse;
    }
    .composite-field-wrap {
        display: block;
    }
    .composite-field-wrap label,
    .composite-field-wrap .caption {
        font-size: 14px;
    }

    .composite-field-wrap .btn-size-s {
        height: 40px;
        padding: 20px;
    }
    .area-input-multiple.phone-number input,
    .area-input-multiple input {
        width: 70px;
    }
    .form-item-wrap {
        margin-bottom: 30px;
    }
    .btn-area {
        margin-top: 100px;
    }
    .form-radio {
        width: 130px;
    }
    .form-radio-remittance_month,
    .form-radio-remittance_service {
        width: 120px;
    }
    .form-radio label,
    .form-radio-remittance_month label,
    .form-radio-remittance_service label {
        font-size: 14px;
    }
    .medium-items .form-radio {
        margin-right: 0;
        margin-left: 20px;
    }
    .medium-items .form-radio-remittance_month,
    .medium-items .form-radio-remittance_service {
        margin-right: 0;
        margin-left: 1px;
    }
    .medium-items .form-radio:first-child,
    .medium-items .form-radio-remittance_month:first-child,
    .medium-items .form-radio-remittance_service:first-child {
        margin-left: 0;
    }
    .medium-items-gender > div.form-radio {
        width: calc(50% - 12px);
    }
    .items-alignment-sp {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
    }
    .display-warning {
        justify-content: center;
    }    
    .caution-title {
        margin-left: 5px;
    }
    .icon-warning {
        background: url(../images/icon_warning-sp.png) no-repeat;
        background-position: center;
        background-size: contain;
        height: 26px;
        width: 26px;
    }
    .text-width {
        max-width: 70px !important;
    }

    /* 支店名リスト */
    .list-branch-name-list-area {
        max-height: 350px;
        scrollbar-width: auto;
        font-size: 14px;
    }
    .list-branch-name > .list-branch-name-title div:first-child,
    .list-branch-name > div div:first-child {
            width: 34%;
    }
    .list-branch-name > .list-branch-name-title div:last-child,
    .list-branch-name > div div:last-child {
        width: 66%;
    }
    .list-branch-name > div div {
        padding: 14px 8px;
    }
    .list-branch-name > div:not(.list-branch-name-title) div {
        min-height: 80px;
    }
    .list-branch-name-title {
        font-size: 14px;
    }
    .branch-change-button {
        display: none;
    }
    .branch-add-select-button-area {
        margin-bottom: 10px;
    }
    .branch-change-button-sp {
        display: flex;
    }

    .selected-branch {
        flex-wrap: wrap;
    }
    .selected-branch > div {
        width: 100%;
        border-bottom: solid 1px var(--color-border-glay);
        box-sizing: border-box;
    }
    .selected-branch > div:first-child {
        border-right: 0;
    }
    .selected-branch > div:last-child {
        border-bottom: 0;
    }
    .selected-branch > div > div:first-child {
        width: 100px;
        min-height: 40px;
        height: 100%;
    }
    .selected-branch > div > div {
        padding: 0 12px;
        width: calc(100% - 100px);
    }

    .bg-caution {
        margin-top: 30px;
    }
    .bg-caution .caution-text-area {
        margin-top: 10px;
    }    
    .bg-caution .caution-text {
        font-size: 14px;
        line-height: 26px;
    }
    .transaction-purpose-etc-area {
        margin-top: 30px;
    }
    .caution-sentence-name {
        font-size: 12px;
    }
    .section-title.mt-100 {
        margin-top: 50px;
    }
}