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

.close-toggle.show {
display: flex;
}
.hamburger, .close-icon {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 35px;
height: 16px;
}

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

.close-icon span {
background-color: #fff !important;
}


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

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

.menu-label {
color: #000;
font-size: 10px;
margin-top: 4px;
}
.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: 80%;
height: 100%;
background-color: #3d362df5;
text-align: center;
padding-top: 80px;
z-index: 1001;
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: 1rem 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); /* 最後の要素の区切り線を非表示 */
adding-top: 18px;
}
.menu-content.open li a {
color: #fff; /* リンクの色 */
text-decoration: none; /* リンクの下線を削除 */
width: 100%;
adding-bottom:3%;
}
.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 {
		display: flex;
margin: 5px 0;
}
.menu-content .contact-info a {
color: #fff;
text-decoration: none;
}

.menu-content .contact-info .link{
	margin-top: 0rem;
}


.menu-content.slide-in {
transform: translateX(0); /* 変更: Y軸からX軸に */
}
.close-toggle {
display: none;
position: relative;
z-index: 1002;
}

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

}