html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}


.icon-required-size {
    width : 30px;
    height : 24px;
}
.exlink-small {
    width: 16px;
    height: 16px;
}
.logo-black {
    width: 180px;
    height: 60px;
}

/* モーダル印刷用のクラスがbodyに付与されている時だけ、以下のスタイルを適用 */
body.modal-printing {
    /* モーダル以外のすべての直下要素を非表示にする */
    & > *:not(.modal)

{
    display: none;
}

/* モーダル本体のスタイル調整 */
.modal {
    /* ページ左上に再配置 */
    position: absolute;
    top: 0;
    left: 0;
    /* 画面全体に広げ、スクロールを有効にする */
    overflow: visible !important;
    width: 100%;
    height: auto;
    /* モーダルが表示されていない状態（display:noneなど）を上書き */
    display: block !important;
}

/* モーダルのダイアログ部分の調整 */
.modal-dialog {
    /* 幅を100%にして印刷領域を最大限に使う */
    max-width: 100%;
    width: 100%;
    margin: 0;
}

/* モーダルのコンテンツ部分の調整 */
.modal-content {
    /* 印刷時に不要な影や枠線をリセット */
    box-shadow: none;
    border: none;
}

/* モーダルのヘッダーとフッターを非表示にする（コンテンツ本体だけ印刷したい場合） */
.modal-header, .modal-footer {
    display: none;
}

/* モーダルの背景（黒いオーバーレイ）を非表示にする */
.modal-backdrop {
    display: none !important;
}