@charset "UTF-8";
/* CSS Document */

:root{
  --maincol: #0086AA;
  --subcol: #31b2d6;
}
/* リンクのマウスオーバーエフェクト*/
.link-hover {
  color:var(--mdb-link-color);
  -webkit-transition: .4s;
  transition: .4s;}
.link-hover:hover {
  text-decoration: underline !important}

.list-group {
  --mdb-list-group-action-hover-bg: #AAD6EC;
}

/* オリジナルのボタン（フォーカス時にわかりやすくしたい）*/
.btn-biwako {
  background-color: #0086aa !important;
  color: #fff; }
  .btn-biwako:hover {
    background-color: #31b2d6!important;
    color: #fff; }
  .btn-biwako:focus, .btn-biwako.focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  .btn-biwako:focus, .btn-biwako:active, .btn-biwako.active {
    background-color: #31b2d6!important; }
  .btn-biwako.dropdown-toggle {
    background-color: #0086aa !important; }
    .btn-biwako.dropdown-toggle:hover, .btn-biwako.dropdown-toggle:focus {
      background-color: #31b2d6 !important; }
  .btn-biwako:not([disabled]):not(.disabled):active, .btn-biwako:not([disabled]):not(.disabled).active,
  .show > .btn-biwako.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #31b2d6 !important; }
  .btn-biwako:not([disabled]):not(.disabled):active:focus, .btn-biwako:not([disabled]):not(.disabled).active:focus,
  .show > .btn-biwako.dropdown-toggle:focus {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

/*フッター(NIESと揃える)*/
l-renewalFooter .copy {
  padding: 32px 0 30px;
  font-size: clamp(0.75rem, 1vw, 1rem);
  line-height: 1.5;
  color: #fff;
  text-align: center;
  background: #333;
}

.nav-link {
	--mdb-nav-link-color: rgba(255, 255, 255, 0.8);
}
.navbar-nav {
  --mdb-nav-link-hover-color: rgba(255, 255, 255, 1);
}
.nav-link:hover {
  text-decoration: underline;
}