.elementor-28 .elementor-element.elementor-element-1689c58{--display:flex;--justify-content:center;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:9999;}.elementor-28 .elementor-element.elementor-element-4b9fa4c.elementor-element{--align-self:center;}.elementor-28 .elementor-element.elementor-element-4b9fa4c{z-index:1000;}.elementor-28 .elementor-element.elementor-element-4b9fa4c img{width:100px;}.elementor-28 .elementor-element.elementor-element-afe5266.elementor-element{--align-self:center;}body:not(.rtl) .elementor-28 .elementor-element.elementor-element-afe5266{right:30px;}body.rtl .elementor-28 .elementor-element.elementor-element-afe5266{left:30px;}.elementor-28 .elementor-element.elementor-element-afe5266{top:30px;z-index:1000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-afe5266 */.hamburger-menu {
  width: 40px;
  height: 15px;
  position: relative;
  cursor: pointer;
}

/* 共通の線スタイル */
.hamburger-menu span {
  display: inline-block;
  width: 100%;
  height: 1px; /* 線の太さ */
  background-color: #475666; /* 線の色 */
  position: absolute;
  transition: all 0.4s; /* アニメーション速度 */
}

/* 2本の線の位置調整 */
.hamburger-menu span:nth-of-type(1) {
  top: 0;
}
.hamburger-menu span:nth-of-type(2) {
  bottom: 0;
}

/* クリック時（.active）に斜めにする */
.hamburger-menu.active span:nth-of-type(1) {
  transform: translateY(7.5px) rotate(30deg); /* 上の線を下へ移動＋回転 */
}
.hamburger-menu.active span:nth-of-type(2) {
  transform: translateY(-7.5px) rotate(-30deg); /* 下の線を上へ移動＋回転 */
}/* End custom CSS */