.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20 .elementor-element.elementor-element-919dc2c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--z-index:999;}.elementor-20 .elementor-element.elementor-element-919dc2c:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-919dc2c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0000007A 0%, #FFFFFF00 75%);}.elementor-20 .elementor-element.elementor-element-919dc2c.she-header .elementor-widget-theme-site-logo,
				.elementor-20 .elementor-element.elementor-element-919dc2c.she-header .elementor-widget-image,
				.elementor-20 .elementor-element.elementor-element-919dc2c.she-header .logo{-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0);}.elementor-20 .elementor-element.elementor-element-919dc2c.she-header .elementor-widget-n-menu .elementor-widget-image, 
				.elementor-20 .elementor-element.elementor-element-919dc2c.she-header .not-logo{-webkit-filter:none;filter:none;}.elementor-20 .elementor-element.elementor-element-919dc2c.she-header{backdrop-filter:blur(5px) saturate(1.3) !important;-webkit-backdrop-filter:blur(5px) saturate(1.3) !important;}.elementor-20 .elementor-element.elementor-element-cea0f9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:40px;--margin-bottom:-40px;--margin-left:50px;--margin-right:-50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20 .elementor-element.elementor-element-4275185 > .elementor-widget-container{margin:0px 50px 0px -50px;}.elementor-20 .elementor-element.elementor-element-a5e42f4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:-50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-29aafa9 > .elementor-widget-container{margin:0px 0px -4px 0px;padding:0px 0px 0px 36px;}.elementor-20 .elementor-element.elementor-element-29aafa9.elementor-element{--align-self:flex-end;}.elementor-20 .elementor-element.elementor-element-bea209d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10000;}.elementor-20 .elementor-element.elementor-element-f0c967d > .elementor-widget-container{margin:0px -15px -13px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-f0c967d.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-20 .elementor-element.elementor-element-70b9c86 > .elementor-widget-container{margin:0px -25px -9px 0px;}.elementor-20 .elementor-element.elementor-element-70b9c86.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-20 .elementor-element.elementor-element-a865ad9{--display:flex;--min-height:25px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:-50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-20 .elementor-element.elementor-element-bdd3d93 > .elementor-widget-container{padding:0px 0px 0px 36px;}.elementor-20 .elementor-element.elementor-element-bdd3d93.elementor-element{--align-self:flex-end;}.elementor-20 .elementor-element.elementor-element-9b3eef1{--display:flex;--min-height:25px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:5px;--margin-bottom:0px;--margin-left:50px;--margin-right:-50px;}.elementor-widget-eael-divider .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-divider .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-divider .eael-divider-text{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-4ee0404 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 25px;}.elementor-20 .elementor-element.elementor-element-4ee0404.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-4ee0404{text-align:left;}.elementor-20 .elementor-element.elementor-element-4ee0404 .eael-divider, .elementor-20 .elementor-element.elementor-element-4ee0404 .divider-border{border-style:solid;border-color:#FFFFFF;}.elementor-20 .elementor-element.elementor-element-4ee0404 .eael-divider.horizontal{border-bottom-width:0.5px;width:850px;}.elementor-20 .elementor-element.elementor-element-4ee0404 .divider-border{border-top-width:0.5px;}.elementor-20 .elementor-element.elementor-element-4ee0404 .divider-text-container{width:850px;}.elementor-20 .elementor-element.elementor-element-f146c0f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:-50px;}.elementor-20 .elementor-element.elementor-element-73e7b50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-12px;--margin-bottom:0px;--margin-left:50px;--margin-right:-50px;--z-index:1001;}.elementor-20 .elementor-element.elementor-element-72098f4 > .elementor-widget-container{margin:-7px 0px 0px 2px;padding:0px 0px 0px 7px;}.elementor-20 .elementor-element.elementor-element-72098f4.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-20 .elementor-element.elementor-element-72098f4{z-index:1001;}.elementor-20 .elementor-element.elementor-element-7587f25 > .elementor-widget-container{margin:-28px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-7587f25{z-index:1001;}.elementor-20 .elementor-element.elementor-element-d075db7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-1f620d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-20 .elementor-element.elementor-element-1f620d2:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-1f620d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #383838 0%, #535049 100%);}.elementor-20 .elementor-element.elementor-element-d40ecc2{--display:flex;}.elementor-widget-theme-site-logo .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-site-logo .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-20 .elementor-element.elementor-element-3c09176 > .elementor-widget-container{margin:55px 0px -25px 0px;}.elementor-20 .elementor-element.elementor-element-6f8976f{--display:flex;}.elementor-20 .elementor-element.elementor-element-f704207{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-cea0f9c{--width:20%;}.elementor-20 .elementor-element.elementor-element-4275185 > .elementor-widget-container{margin:4px 0px -6px 0px;}.elementor-20 .elementor-element.elementor-element-a5e42f4{--width:20%;}.elementor-20 .elementor-element.elementor-element-bea209d{--width:20%;}.elementor-20 .elementor-element.elementor-element-a865ad9{--width:20%;}.elementor-20 .elementor-element.elementor-element-1f620d2{--content-width:100%;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--z-index:999;}.elementor-20 .elementor-element.elementor-element-d40ecc2{--width:70%;}.elementor-20 .elementor-element.elementor-element-3c09176 > .elementor-widget-container{margin:4px 0px -6px 0px;}.elementor-20 .elementor-element.elementor-element-3c09176.elementor-element{--align-self:flex-start;}.elementor-20 .elementor-element.elementor-element-3c09176 img{width:175px;}.elementor-20 .elementor-element.elementor-element-6f8976f{--width:30%;--z-index:998;}.elementor-20 .elementor-element.elementor-element-8936c7b > .elementor-widget-container{margin:4px 3px -4px 0px;}.elementor-20 .elementor-element.elementor-element-8936c7b.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-8936c7b{z-index:998;}.elementor-20 .elementor-element.elementor-element-f704207{--content-width:100%;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-cea0f9c{--width:20%;}.elementor-20 .elementor-element.elementor-element-a5e42f4{--width:35%;}.elementor-20 .elementor-element.elementor-element-bea209d{--width:45%;}.elementor-20 .elementor-element.elementor-element-a865ad9{--width:20%;}.elementor-20 .elementor-element.elementor-element-9b3eef1{--width:80%;}.elementor-20 .elementor-element.elementor-element-f146c0f{--width:20%;}.elementor-20 .elementor-element.elementor-element-73e7b50{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-cea0f9c{--width:15%;}.elementor-20 .elementor-element.elementor-element-a5e42f4{--width:15%;}.elementor-20 .elementor-element.elementor-element-bea209d{--width:15%;}.elementor-20 .elementor-element.elementor-element-a865ad9{--width:15%;}}/* Start custom CSS for html, class: .elementor-element-f0c967d */.language-dropdown {
  position: relative;
  display: inline-block;
  z-index: 10000;  /* 確保選單層級高於其他元素 */
}

.dropdown-btn {
  background-color: transparent;  /* 背景透明 */
  color: white;
  padding: 10px;
  border: none;  /* 去除邊框 */
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
}

.language-icon {
  width: 15px;
  height: 15px;
  margin-right: 7.5px;
}

.language-text {
  color: #ffffff;
}

/* 下拉選單 */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 100%;  /* 讓下拉選單的寬度與母選項保持一致 */
  z-index: 10001;  /* 確保下拉選單位於母選單之上 */
  top: 100%;
  left: 0;
}

.dropdown-content a {
  color: white;
  padding: 13px 16px;
  text-decoration: none;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.8px;
}

/* 下拉選單項目的懸停樣式 */
.dropdown-content a:hover {
  background-color: #ffffff;  /* 懸停時的背景色 */
  color: #222222;  /* 懸停時的文字顏色 */
}

/* 確保懸停時背景顏色不改變 */
.language-dropdown:hover .dropdown-btn {
  background-color: transparent;  /* 確保懸停時背景顏色不改變 */
  color: #ffffff;  /* 確保文字顏色不改變 */
}

/* 鼠標懸停時顯示下拉選單 */
.language-dropdown:hover .dropdown-content {
  display: block;
}

.language-dropdown.show .dropdown-content {
  display: block;  /* 顯示下拉選單 */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70b9c86 *//* 包含整體容器的樣式，確保按鈕整體居中 */
.button-container {
    display: flex;                     /* 使用Flexbox進/* 包含整體容器的樣式，確保按鈕整體居中 */
.button-container {
    display: flex;                     /* 使用Flexbox進行佈局 */
    justify-content: center;           /* 水平置中對齊 */
    align-items: center;               /* 垂直置中對齊 */
    gap: 20px;                         /* 按鈕之間的間距，根據需要調整 */
    flex-wrap: wrap;                   /* 響應式支持，當螢幕小時會換行 */
    width: 100%;                       /* 使容器寬度為100% */
    max-width: 800px;                  /* 最大寬度，可根據需求調整 */
    margin: 0 auto;                    /* 保證容器在父容器中居中 */
}

/* 每個按鈕的容器樣式 */
.button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 針對見学予約はこちら按鈕的自定義樣式 */
.elementor-button.button-1 {
    background-color: #B2926F;         /* 設置背景顏色 */
    color: white;                      /* 設置字體顏色為白色，保證顯示清晰 */
    padding: 12px 25px 12px 25px;                    /* 設置內邊距 */
    border-radius: 25px;               /* 設置圓角為25px */
    text-decoration: none;             /* 去除下劃線 */
    border: none;                      /* 初始狀態下不顯示邊框 */
        font-family: 'Noto Sans JP', sans-serif; /* 設置字體為 Noto Sans JP */
    font-size: 13px;                   /* 設置字體大小為13px */
    transition: all 0.3s;              /* 增加所有屬性的過渡效果 */
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

.elementor-button.button-1:hover {
    background-color: transparent;    /* 滑鼠懸停時背景色透明 */
    color: #ffffff;                    /* 字體顏色改為 #B2926F */
    border: 1px solid #B2926F;         /* 設置邊框為1px，顏色為 #B2926F */
}

/* 針對お問い合わせ按鈕的自定義樣式 */
.elementor-button.button-2 {
    background-color: #ffffff;         /* 設置背景顏色 */
    color: #222222;                      /* 設置字體顏色為白色 */
    padding: 12px 25px 12px 25px;                    /* 設置內邊距 */
    border-radius: 25px;               /* 設置圓角為25px */
    text-decoration: none;             /* 去除下劃線 */
    border: none;                      /* 初始狀態下不顯示邊框 */
        font-family: 'Noto Sans JP', sans-serif; /* 設置字體為 Noto Sans JP */
    font-size: 13px;                   /* 設置字體大小為13px */
    transition: all 0.3s;              /* 增加所有屬性的過渡效果 */
    box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

.elementor-button.button-2:hover {
    background-color: transparent;    /* 滑鼠懸停時背景色透明 */
    color: #FFFFFF;                    /* 字體顏色改為白色 */
    border: 1px solid #FFFFFF;         /* 設置邊框為1px，顏色為白色 */
}

/* 響應式設計：調整小螢幕設備上的佈局 */
@media (max-width: 768px) {
    .button-container {
        flex-direction: column;         /* 小螢幕上將按鈕排列成縱向 */
        gap: 10px;                      /* 調整按鈕之間的間距 */
    }
}
行佈局 */
    justify-content: center;           /* 水平置中對齊 */
    align-items: center;               /* 垂直置中對齊 */
    gap: 20px;                         /* 按鈕之間的間距，根據需要調整 */
    flex-wrap: wrap;                   /* 響應式支持，當螢幕小時會換行 */
    width: 100%;                       /* 使容器寬度為100% */
    max-width: 800px;                  /* 最大寬度，可根據需求調整 */
    margin: 0 auto;                    /* 保證容器在父容器中居中 */
}

/* 每個按鈕的容器樣式 */
.button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 針對見学予約はこちら按鈕的自定義樣式 */
.elementor-button.button-1 {
    background-color: #B2926F;         /* 設置背景顏色 */
    color: white;                      /* 設置字體顏色為白色，保證顯示清晰 */
    padding: 12px 24px;                /* 設置內邊距 */
    border-radius: 8px;                /* 設置圓角 */
    text-decoration: none;             /* 去除下劃線 */
    transition: background-color 0.3s; /* 增加顏色變換的過渡效果 */
}

.elementor-button.button-1:hover {
    background-color: #9C7B51;         /* 滑鼠懸停時改變顏色 */
    
}

/* 針對お問い合わせ按鈕的自定義樣式 */
.elementor-button.button-2 {
    background-color: #0073e6;         /* 設置背景顏色 */
    color: white;                      /* 設置字體顏色為白色 */
    padding: 10px 20px;                /* 設置內邊距 */
    border-radius: 5px;                /* 設置圓角 */
    text-decoration: none;             /* 去除下劃線 */
    transition: background-color 0.3s; /* 增加顏色變換的過渡效果 */
}

.elementor-button.button-2:hover {
    background-color: #005bb5;         /* 滑鼠懸停時改變顏色 */
}

/* 響應式設計：調整小螢幕設備上的佈局 */
@media (max-width: 768px) {
    .button-container {
        flex-direction: column;         /* 小螢幕上將按鈕排列成縱向 */
        gap: 10px;                      /* 調整按鈕之間的間距 */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72098f4 *//* 設定字體和樣式 */
    .globalNav {
        position: relative;
        display: flex;
        justify-content: flex-start;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
    }

    .globalNavList {
        display: flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .globalNavList li {
        position: relative;
        padding: 10px 20px;
        cursor: pointer;
    }

    /* 選單文字顏色 */
    .globalNavList a {
        font-size: 15px;
        color: #ffffff;
        text-decoration: none;
        white-space: nowrap; /* 確保文字不換行 */
    }

    /* 當滾動超過 270px 時，修改選單文字顏色 */
    .globalNavList.scrolled a {
        color: #222222; /* 修改選單文字顏色為 #222222 */
    }

    /* 設定下拉選單 */
    .globalNav__second-level {
        visibility: hidden; /* 預設為隱藏 */
        opacity: 0; /* 初始透明度 */
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #222222;
        padding: 10px 0;
        border-radius: 5px;
        min-width: 180px;
        margin-top: 10px; /* 設定下拉選單距離選單10px */
        transition: visibility 2s, opacity 0.3s ease;
        z-index: 999; /* 確保下拉選單在 header 之上 */
    }
  /* 滾動超過 270px 時修改下拉選單背景顏色並增加陰影 */
.globalNavList.scrolled .globalNav__second-level {
    background-color: #FFFFFF; /* 修改背景顏色為白色 */
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); /* 添加陰影 */
}

    

    /* 確保當游標懸停在父元素或下拉選單上時，下拉選單保持顯示 */
    .globalNavList li:hover > .globalNav__second-level,
    .globalNav__second-level:hover {
        visibility: visible;
        opacity: 1; /* 顯示下拉選單 */
        transition: opacity 0.3s ease; /* 增加顯示過渡效果 */
    }

    /* 下拉選單項目樣式 */
    .globalNav__second-level li {
        padding: 8px 20px;
    }

    .globalNav__second-level a {
        font-size: 15px;
        color: #ffffff; /* 設定下拉選單文字顏色 */
        text-decoration: none;
        display: block;
        padding: 5px 10px;
        white-space: nowrap; /* 確保文字不換行 */
    }

    /* 下拉選單項目懸停時的樣式 - 與主選單懸停顏色不同 */
    .globalNav__second-level a:hover {
        color: #b2926f; /* 下拉選單項目懸停顏色 */
    }

    /* 下方指示條的樣式 */
    .globalNavCurrent {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #B2926F; /* 可自定義顏色 */
        transition: left 0.3s ease, width 0.3s ease;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8936c7b *//* 整體的選單和按鈕樣式 */
body {
  font-family: 'Noto Sans JP', sans-serif;
  margin: 0;
  padding: 0;
}

.menu-container {
  position: relative;
}

.menu-items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu-item {
  font-size: 16px !important;  /* 強制設置字體大小 */
  color: #ffffff;
  letter-spacing: 0.8px;
  padding: 10px;
  background-color: transparent;
  position: relative;
  cursor: pointer; /* 改為可點擊的樣式 */
  transform: translateX(15px); /* 向右移動15px */
}

/* 移除母選項及子選項的懸停顏色變化 */
.menu-item:hover {
  background-color: transparent;
  color: #ffffff;
}

/* 只在選擇時顯示變色效果 */
.menu-item.active {
  background-color: transparent;
  color: #B2926F;
}

/* 子選單部分的過渡效果 */
.submenu {
  display: none; /* 預設為隱藏 */
  list-style: none;
  margin-top: 10px;
  /* 稍微加些間距，讓子選單與父選項不會緊貼 */
  overflow: hidden;
  transition: height 0.3s ease-out; /* 使用 height 來進行過渡 */
  height: 0; /* 初始時高度為 0，隱藏 */
}

.submenu-item {
  font-size: 16px !important;  /* 強制設置字體大小 */
  color: #ffffff;
  padding: 10px 5px;
  transform: translateX(-25px); /* 向右移動15px */
  background-color: transparent; /* 讓子選項保持透明背景 */
}

/* Mobile Menu Toggle */
.mobile-menu-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 99; /* 確保按鈕位於最上層 */
}

.menu-icon {
  width: 40px;
  height: 40px;
}

.open-icon {
  display: block;
}

.close-icon {
  display: none;
}

/* Menu Styles */
.mobile-menu {
  width: 300px; /* 增加 20px 寬度 */
  background-color: rgba(40, 40, 40, 0.9);
  transition: transform 0.3s ease;
  position: absolute;
  top: 0;
  left: -300px; /* 調整菜單的左邊距離 */
}

.menu-items li .submenu-item:hover {
  background-color: transparent;
}

/* When Menu is Open */
.mobile-menu.open {
  left: 0; /* 菜單顯示 */
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .mobile-menu-toggle {
    display: flex;
  }
  .mobile-menu.open {
    left: 0;
    top: 71px; /* 啟動時菜單向下移動 74.27px */
  }
  .menu-items {
    margin-top: 20px;
  }

  .mobile-menu {
    position: fixed; /* 讓菜單固定在屏幕左側 */
    left: -300px;
    /* 調整菜單左側的初始位置 */
    height: 100%;
    transition: left 0s ease;
  }
}

/* 按鈕的容器樣式改為上下排列 */
.mb-button-container {
  display: flex;
  flex-direction: column;          /* 垂直排列 */
  justify-content: flex-start;     /* 向上對齊 */
  gap: 10px;                       /* 按鈕之間的間距 */
  width: 100%;                     /* 容器寬度 */
  max-width: 270px;                /* 與選單的寬度一致，保證大小一致 */
  margin: 0;                       /* 不要額外的邊距 */
}

/* 每個按鈕的容器樣式 */
.mb-button-wrapper {
  display: flex;
  justify-content: flex-start;    /* 按鈕向左對齊 */
  align-items: center;
  width: 65%;                    /* 按鈕容器寬度100% */
}

/* 針對見学予約はこちら按鈕的自定義樣式 */
.mb-elementor-button.mb-button-1 {
  background-color: #B2926F;
  color: white;
  padding: 7.5px 20px;
  border-radius: 0px;
  text-decoration: none;
  border: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  transition: all 0.3s;
  width: 100%;                    /* 按鈕寬度統一 */
}

.mb-elementor-button.mb-button-1:hover {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #B2926F;
}

/* 針對お問い合わせ按鈕的自定義樣式 */
.mb-elementor-button.mb-button-2 {
  background-color: #ffffff;
  color: #222222;
  padding: 7.5px 20px;
  border-radius: 0px;
  text-decoration: none;
  border: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  transition: all 0.3s;
  width: 100%;                    /* 按鈕寬度統一 */
}

.mb-elementor-button.mb-button-2:hover {
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

/* 針對連結的樣式，保證在選擇時文字顏色變為金色 */
.menu-item a,
.submenu-item a {
  color: #ffffff; /* 預設為白色文字 */
  text-decoration: none;
}

/* 只在選擇（active）狀態下改變顏色 */
.menu-item a:active,
.submenu-item a:active {
  color: #B2926F;  /* 變為金色文字 */
}

.menu-item a:hover,
.submenu-item a:hover {
  color: #ffffff; /* 滑鼠懸停時文字顏色仍然為白色 */
}
.language-dropdown {
  position: relative;
  display: inline-block;
  z-index: 10000;
}

.dropdown-btn {
  background-color: transparent;
  color: white;
  padding: 10px;
  border: none;
  cursor: pointer;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  transition: color 0.3s ease;
}

.language-icon {
  width: 15px;
  height: 15px;
  margin-right: 7.5px;
}

.language-text {
  color: #ffffff;
  transition: color 0.3s ease;
}

/* 下拉選單 */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 100%;
  top: 100%;
  left: 0;
  z-index: 10001;
}

/* 選單連結樣式 */
.dropdown-content a {
  color: white;
  padding: 13px 16px;
  text-decoration: none;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.8px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* 修正：移除紅色背景問題 */
.dropdown-content a:hover {
  background-color: #ffffff !important;
  color: #222222 !important;
}

/* 點擊時，按鈕文字變色 */
.language-dropdown.active .dropdown-btn .language-text {
  color: #222222 !important;
}

/* 顯示下拉選單 */
.language-dropdown.active .dropdown-content {
  display: block;
}/* End custom CSS */