.elementor-818 .elementor-element.elementor-element-8c6ea36{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1.5vw;--padding-bottom:0.5vw;--padding-left:4vw;--padding-right:4vw;}.elementor-818 .elementor-element.elementor-element-cfe498b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-cfe498b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-818 .elementor-element.elementor-element-89b75a9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-89b75a9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-818 .elementor-element.elementor-element-07936e4{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-818 .elementor-element.elementor-element-cfe498b{--width:21.313%;}.elementor-818 .elementor-element.elementor-element-89b75a9{--width:66.421%;}}@media(max-width:767px){.elementor-818 .elementor-element.elementor-element-8c6ea36{--width:100%;--min-height:90px;--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:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-818 .elementor-element.elementor-element-cfe498b{--width:60%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-89b75a9{--width:0%;}.elementor-818 .elementor-element.elementor-element-07936e4{--width:10vw;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-a40d423 */.header-logo {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}
.logo-wrap {
  position: relative;
  display: inline-block;
  width: 25vw;              /* 親幅の割合 */
  max-width: 260px;        /* 最大幅 */
  aspect-ratio: 260 / 60;
}

@media (max-width: 768px) {
  .logo-wrap { 
      width: 55vw;
  }
}

.logo {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  height: 100%;
}

/* 初期：白 */
.logo-white { opacity: 1; }
.logo-navy { opacity: 0; }

/* スクロール後：ネイビー */
.elementor-sticky.is-scrolled .logo-white { opacity: 0; }
.elementor-sticky.is-scrolled .logo-navy { opacity: 1; }

/* フッター：白 */
.elementor-sticky.is-over-footer .logo-white { opacity: 1 !important; }
.elementor-sticky.is-over-footer .logo-navy { opacity: 0 !important; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d516d9b */.header-menu {
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
}
.menu-wrap {
  position: relative;
  display: inline-block;
  width: 10vw;               /* 親幅の割合 */
  max-width: 45px;
  aspect-ratio: 1 / 1; 
}

@media (max-width: 767px) {
  .menu-wrap { 
      max-width: 40px;
  }
}


.menu {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  height: 100%;
}

/* 初期：白 */
.menu-white { opacity: 1; }
.menu-navy { opacity: 0; }

/* スクロール後：ネイビー */
.elementor-sticky.is-scrolled .menu-white { opacity: 0; }
.elementor-sticky.is-scrolled .menu-navy { opacity: 1; }

/* フッター：白 */
.elementor-sticky.is-over-footer .menu-white { opacity: 1 !important; }
.elementor-sticky.is-over-footer .menu-navy { opacity: 0 !important; }/* End custom CSS */
/* Start custom CSS *//* ===============================
  背景（スクロール時）
=============================== */
.custom-header {
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

.custom-header.is-scrolled {
  background: rgba(255, 255, 255, 0.25);
}/* End custom CSS */