@charset "utf-8";

/*********************************
    フォーム調整 アクセシビリティ
**********************************/
/*ご注意事項*/
.mod-box-caution > .title {
    background-color: #4a4847;
}

.mod-box-caution > .content {
    background-color: #f7f6f6;
}

/*必須ボタン*/
.mod-text-required {
    background-color: #e6001e;
}

/*テキストリンク・ボタンフォーカス*/
.str-main a {
    color: #2f75a7;
    text-decoration: underline;
}

.str-wrapper button:focus,
a:has(.mod-btn-01):focus {
    outline: 2px solid #333 !important;
    border-radius: 6px !important;
}

a:has(.mod-btn-01) {
    display: inline-block;
    border: none;
    outline-offset: 0;
}

/*チェックボックス・ラジオボタン 調整・フォーカス*/
.mod-form-checkbox,
.mod-form-radio {
    padding-right: 2px;
}

.mod-form-checkbox:has(.checkbox:focus),
.mod-form-radio:has(.radio:focus) {
    border-radius: 3px;
    outline: 2px solid #333;
}