@charset "utf-8";
.navbar {
  font-size: 1.6rem;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 15px;
}

/* ドロップダウンして表示される項目のパディングを調整 */
.navbar .dropdown-menu a {
    padding: 0px 10px; /* You can adjust the padding values as needed */
}

/* ドロップダウン項目と▼の間隔を調整 */
.navbar .dropdown-toggle::after {
    margin-left: -0.1em; /* Adjust the spacing between text and the dropdown icon */
    margin-right: 0.2em;
}

.navbar-nav .nav-item {
    margin-right: 8px; /* 任意の間隔を設定 */
    font-weight: bold;
    color: #000000;
}
.dropdown-menu .dropdown-item {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.btn_contact {
    background-color: #B4D000;
    width: fit-content;
    border-radius: 9999px;
}
.btn_contact:hover {
  background-color: #A9C300 !important;
}



.navbar-toggler-icon   {
    font-size: 2em;
}

.navbar-toggler{
    border: 2px solid #909090 !important;
}

/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
  color: #ffffff;
  background-color: rgba(91,110,134,0.50);
  border-radius: 4px;
}


/*ドロップメニューをホバー表示*/
/* v4.bootstrap-guide.com/components/dropdowns */
/* .dropdown:hover .dropdown-menu { */
/*    display: block; */
/* } */





@media (max-width: 768px){
.btn_contact {
  background-color: #B3CF00;
  width: fit-content;
  border-radius: 9999px;
}
.navbar {
  background-color: rgba(255,255,255,0.60);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  padding-top: 0px !important;
  padding-bottom: 6px !important;
}

}