/* ハンバーガーメニュー */
.menu-toggle, .close-toggle {
  display: none;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* 追加 */
}
/* 新しいクラスを追加 */
.menu-toggle.hide {
  display: none !important;
}

.close-toggle.show {
  display: flex;
}
.hamburger, .close-icon {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 2.5rem;
  height: .8rem;
}

.hamburger span, .close-icon span {
  background-color: #000;
  height: 1px;
  width: 100%;
}

.close-icon span:first-child {
  transform: rotate(15deg);
  position: absolute;
}

.close-icon span:last-child {
  transform: rotate(-15deg);
  position: absolute;
}

.menu-label {
position: relative;
color: #000;
font-size: .5rem;
margin-top: .2rem;
right: -.1rem;
}

.close-toggle .menu-label{
right: -.2rem;
}

.menu-content .extra-content {
  display: none;
}


@media (max-width: 1023px) {
header nav ul{
display: none;
}
.menu-toggle {
display: flex;
}
.menu-content.open {
display: block;
position: fixed;
top: 0;
right: 0;
width: 85%;
height: 100%;
background-color: #d5ba97;
text-align: center;
padding-top: 80px;
z-index: 1000;
transform: translateX(100%); /* 変更: Y軸からX軸に */
transition: transform 0.3s ease-in-out;
}
.menu-content.open ul {
display: flex;
flex-direction: column;
align-items: flex-start; /* 左寄せ */
padding-left: 20px; /* 左側のパディング */
}
.menu-content.open li {
display: flex !important;
text-align: left;
align-items: center;
width: 100%;
/* margin: 10px 0; */
padding: 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3); /* 区切り線 */
}
.menu-content.open li:first-child {
border-top:1px solid rgba(255, 255, 255, 0.3); /* 最後の要素の区切り線を非表示 */
padding-top: 18px;
}
.menu-content.open li a {
color: #fff; /* リンクの色 */
text-decoration: none; /* リンクの下線を削除 */
width: 100%;
padding-bottom:3%;
font-weight: normal;
}

.extra-content {
margin-top: 20px;
}
.menu-content.open .extra-content {
display: block;
margin-top: 20px;
text-align: left;
}
.menu-content.open .extra-content .flex-box{
	display: flex;
align-items: center;
}
 
.menu-content .online-consultation {
width: fit-content;
margin-top: 3rem;
/* padding: 10px 0; */
padding-left: 20px;
}
.menu-content .online-consultation a {
display: block;
color: #fff;
text-decoration: none;
background: #B19A7D;
padding: 1rem;
padding: 20px 15px;
/* padding-left: 20px; */
}
.menu-content .contact-info {
margin-top: 3rem;
color: #fff;
text-align: left;
font-size: 10px;
padding-left: 20px;
}
.menu-content .contact-info p {
margin-top: 1rem;
}
.menu-content .contact-info a {
color: #fff;
text-decoration: none;
}
.menu-content.slide-in {
transform: translateX(0); /* 変更: Y軸からX軸に */
}
.close-toggle {
display: none;
position: relative; /* 変更: absoluteからfixedに */
z-index: 1000;
}

.menu-content.open ~ .close-toggle {
display: flex;
}
}