@charset "utf-8";
.navbar {
  font-size: 1.6rem;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #9FA0A4;
  background-color: #646D76;
}

/* ドロップダウンして表示される項目のパディングを調整 */
.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: #FFFFFF;
}


.navbar-nav .nav-link.dropdown-toggle {
  color: #ffffff; /* トップ項目の文字色 */
}
.navbar-nav .nav-link.dropdown-toggle:focus,
.navbar-nav .nav-link.dropdown-toggle.focus {
  color: #ffffff; /* トップ項目のフォーカス時の文字色 */
}

.navbar-nav .nav-link.dropdown-toggle:hover {
  color: #F0F0F0; /* トップ項目のhover時の文字色 */
}




.dropdown-menu .dropdown-item {
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #000000;
}

.btn_contact {
  background-color: #B4D000;
  width: fit-content;
  border-radius: 9999px;
  color: #000000 !important;
}
.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: #B3B3B3;
}

/*ハンバーガーの枠線の色*/
.navbar-toggler{
  border-color: #ffffff !important;
  border-width: 1px !important;
}

/*ハンバーガーの3本線の色*/
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");


@media (max-width: 768px){
.btn_contact {
    background-color: #BAD600;
    width: fit-content;
    border-radius: 9999px;
}

}