@font-face {
        font-family: "Noto Serif JP";
        src: url(../../fonts/Noto_Serif_JP/NotoSerifJP-Regular.otf);
}

body{
    background-color: #fff;
    font-family: "Noto Serif JP";
    letter-spacing: 1.5px;
}

p{
    font-size: 18px;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0 !important;
}


.btn-cprimary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0ea5e9;
    --bs-btn-border-color: #0ea5e9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0284c7;
    --bs-btn-hover-border-color: #0369a1;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0369a1;
    --bs-btn-active-border-color: #075985;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0ea5e9;
    --bs-btn-disabled-border-color: #0ea5e9;
}

.btn-clight {
    --bs-btn-color: #000;
    --bs-btn-bg: #f0f9ff;
    --bs-btn-border-color: #f0f9ff;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #e0f2fe;
    --bs-btn-hover-border-color: #bae6fd;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #bae6fd;
    --bs-btn-active-border-color: #7dd3fc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f0f9ff;
    --bs-btn-disabled-border-color: #f0f9ff;
}

.navbar-nav .nav-link:hover {
    color: #000;
    background-color: #f0f9ff;
}

.navbar-nav .nav-link.active {
    color: #0284c7;
}

.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link.active:hover{
    color: #0284c7;
    border-color: #fff #fff #0284c7 !important;
}

.nav-tabs .nav-item .nav-link:hover{
    background-color: #dee2e6;
    color: #000;
}

.nav-tabs .nav-item .nav-link{
    color: rgba(0, 0, 0, 0.55);
}

.nav-tabs .nav-item .nav-link:not(.active):focus, .nav-tabs .nav-item .nav-link:hover{
    border-color: #fff #fff #dee2e6;
}
/* .nav-tabs{
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #fff #fff #;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color:;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
} */

#about p, #about label{
    font-size: 14px;
}

.dropdown-menu{
    --bs-dropdown-link-active-bg: #0ea5e9 !important;
}