.elementor-1000 .elementor-element.elementor-element-82d7a14{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:20;}.elementor-1000 .elementor-element.elementor-element-50ddccb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-1000 .elementor-element.elementor-element-28c3eb8 > .elementor-widget-container{padding:0px 0px 0px 30px;}.elementor-1000 .elementor-element.elementor-element-28c3eb8 img{width:300px;height:80px;}.elementor-1000 .elementor-element.elementor-element-7f4afb7 > .elementor-widget-container{padding:0px 0px 0px 30px;}.elementor-1000 .elementor-element.elementor-element-7f4afb7 img{width:300px;height:80px;}.elementor-1000 .elementor-element.elementor-element-ab2262f{--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:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:0%;--z-index:3;}.elementor-1000 .elementor-element.elementor-element-ab2262f.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1000 .elementor-element.elementor-element-df4272b > .elementor-widget-container{padding:0px 5px 0px 0px;}.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu .elementor-item{font-family:"Noto Sans JP", Sans-serif;font-size:17px;font-weight:700;letter-spacing:0.07em;}.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0.6em;padding-right:0.6em;padding-top:0.6em;padding-bottom:0.6em;}.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-cbac5f2 );}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed .elementor-item:before,
					.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-cbac5f2 );}.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-cbac5f2 );}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-cbac5f2 );}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-underline .elementor-item:after,
					 .elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-overline .elementor-item:before,
					 .elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-double-line .elementor-item:before,
					 .elementor-1000 .elementor-element.elementor-element-df4272b .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-1000 .elementor-element.elementor-element-f47a3e8 > .elementor-widget-container{padding:0px 20px 0px 30px;}.elementor-1000 .elementor-element.elementor-element-f47a3e8 img{width:190px;height:80px;}.elementor-1000 .elementor-element.elementor-element-af8b2c0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1000 .elementor-element.elementor-element-af8b2c0 img{width:190px;}.elementor-1000 .elementor-element.elementor-element-d9c1635{--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: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;--z-index:1000000000000;}.elementor-1000 .elementor-element.elementor-element-5760203{width:auto;max-width:auto;top:0px;z-index:100000000001;}.elementor-1000 .elementor-element.elementor-element-5760203 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1000 .elementor-element.elementor-element-5760203.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-1000 .elementor-element.elementor-element-5760203{right:0px;}body.rtl .elementor-1000 .elementor-element.elementor-element-5760203{left:0px;}.elementor-1000 .elementor-element.elementor-element-5760203 .uc_animated_hamburger_icon{width:72px;height:72px;background-color:#FFFFFF00;border-radius:0px;}.elementor-1000 .elementor-element.elementor-element-5760203 .uc_hamburger{transform:scale(1);}.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-1000 .elementor-element.elementor-element-82d7a14{--width:100%;}.elementor-1000 .elementor-element.elementor-element-50ddccb{--width:20%;}.elementor-1000 .elementor-element.elementor-element-ab2262f{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1000 .elementor-element.elementor-element-50ddccb{--width:30%;}.elementor-1000 .elementor-element.elementor-element-ab2262f{--width:70%;}.elementor-1000 .elementor-element.elementor-element-d9c1635{--width:130px;}}@media(max-width:1024px){.elementor-1000 .elementor-element.elementor-element-82d7a14{--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:0%;}.elementor-1000 .elementor-element.elementor-element-50ddccb{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1000 .elementor-element.elementor-element-df4272b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1000 .elementor-element.elementor-element-df4272b .elementor-nav-menu--main .elementor-item{padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px;}.elementor-1000 .elementor-element.elementor-element-5760203 > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-1000 .elementor-element.elementor-element-5760203{right:0px;}body.rtl .elementor-1000 .elementor-element.elementor-element-5760203{left:0px;}.elementor-1000 .elementor-element.elementor-element-5760203{top:0px;}.elementor-1000 .elementor-element.elementor-element-5760203 .uc_animated_hamburger_icon{width:50px;height:50px;}.elementor-1000 .elementor-element.elementor-element-5760203 .uc_hamburger{transform:scale(1);}}@media(max-width:767px){.elementor-1000 .elementor-element.elementor-element-82d7a14{--min-height:50px;--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-1000 .elementor-element.elementor-element-50ddccb{--width:60%;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-1000 .elementor-element.elementor-element-28c3eb8 img{height:70px;}.elementor-1000 .elementor-element.elementor-element-7f4afb7 img{height:70px;}.elementor-1000 .elementor-element.elementor-element-ab2262f{--width:0%;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-1000 .elementor-element.elementor-element-df4272b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1000 .elementor-element.elementor-element-d9c1635{--min-height:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1000 .elementor-element.elementor-element-5760203 > .elementor-widget-container{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-1000 .elementor-element.elementor-element-5760203{right:0px;}body.rtl .elementor-1000 .elementor-element.elementor-element-5760203{left:0px;}.elementor-1000 .elementor-element.elementor-element-5760203{top:0px;}.elementor-1000 .elementor-element.elementor-element-5760203 .uc_animated_hamburger_icon{width:40px;height:40px;}.elementor-1000 .elementor-element.elementor-element-5760203 .uc_hamburger{transform:scale(0);}}/* Start custom CSS for nav-menu, class: .elementor-element-df4272b *//* ========================================
   1100px以下
   グローバルメニュー文字サイズ
======================================== */

@media (max-width: 1100px) {

    .header-menu .header-nav a {
        font-size: 15px !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f47a3e8 *//* ========================================
   1495px未満：TELを非表示
======================================== */

@media (max-width: 1343px) {

    .header-menu .phone-svg {
        display: none !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-af8b2c0 *//* ========================================
   HEADER CONTACT
   PCのみ 青 → オレンジ じわっと変化
======================================== */

@media (min-width: 768px) and (hover: hover) {

    .con-svg a {
        position: relative;
        display: block;
    }

    .con-svg img {
        display: block;
    }

    /* オレンジ画像を上に重ねる */
    .con-svg a::after {
        content: "";

        position: absolute;
        inset: 0;

        background-image: url("http://hs-system.co.jp/wp-content/uploads/2023/08/contact-btn-hover.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;

        opacity: 0;
        transition: opacity 0.35s ease;

        pointer-events: none;
    }

    /* ホバーでじわっと表示 */
    .con-svg:hover a::after {
        opacity: 1;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82d7a14 *//* ========================================
   HS SYSTEM HEADER
======================================== */


/* ========================================
   HEADER BASE
   MV表示中：透明
======================================== */

.header-menu {
    background-color: transparent;
    box-shadow: none;

    transition:
        background-color 0.4s ease,
        box-shadow 0.4s ease;
}


/* ========================================
   MENU
   MV表示中：白文字
======================================== */

.header-menu .header-nav a,
.header-menu .header-nav a:link,
.header-menu .header-nav a:visited {
    color: #ffffff !important;

    transition:
        color 0.4s ease,
        opacity 0.3s ease;
}


/* ホバー */
.header-menu .header-nav a:hover {
    color: #ffffff !important;
    opacity: 1;
}


/* ========================================
   通常テキスト
   必要な場合の保険
======================================== */

.header-menu .elementor-heading-title,
.header-menu .elementor-widget-text-editor,
.header-menu .elementor-widget-text-editor p {
    color: #ffffff;

    transition: color 0.4s ease;
}


/* ========================================
   LOGO CONTAINER
======================================== */

.header-logo {
    display: grid !important;
    align-items: center;
}


/*
 * 白ロゴ・黒ロゴを
 * 完全に同じ位置へ配置
 */
.header-logo > .logo-white,
.header-logo > .logo-black {
    grid-column: 1;
    grid-row: 1;

    width: 100%;
    margin: 0 !important;

    transition: none !important;
}


/* ロゴ画像 */
.header-logo .logo-white img,
.header-logo .logo-black img {
    display: block;
    width: 100%;
    height: auto;
}


/* ========================================
   MV表示中のLOGO
======================================== */

/* 白ロゴを表示 */
.header-logo > .logo-white {
    display: block !important;
}


/* 黒ロゴを完全非表示 */
.header-logo > .logo-black {
    display: none !important;
}


/* ========================================
   PHONE SVG
   MV表示中：元の白
======================================== */

.header-menu .phone-svg img {
    filter: none;

    transition: filter 0.4s ease;
}


/* ========================================
   MV終了後
   白背景＋軽い下シャドウ
======================================== */

.header-menu.is-after-mv {
    background-color: #ffffff;

    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.08);
}


/* ========================================
   MV終了後
   MENU：黒文字
======================================== */

.header-menu.is-after-mv .header-nav a,
.header-menu.is-after-mv .header-nav a:link,
.header-menu.is-after-mv .header-nav a:visited {
    color: #1e1e1e !important;
}


/* ホバー */
.header-menu.is-after-mv .header-nav a:hover {
    color: #1e1e1e !important;
    opacity: 1;
}


/* ========================================
   MV終了後
   通常テキスト：黒
======================================== */

.header-menu.is-after-mv .elementor-heading-title,
.header-menu.is-after-mv .elementor-widget-text-editor,
.header-menu.is-after-mv .elementor-widget-text-editor p {
    color: #1e1e1e;
}


/* ========================================
   MV終了後
   LOGO：白 → 黒
======================================== */

/* 白ロゴを完全非表示 */
.header-menu.is-after-mv .header-logo > .logo-white {
    display: none !important;
}


/* 黒ロゴを表示 */
.header-menu.is-after-mv .header-logo > .logo-black {
    display: block !important;
}


/* ========================================
   MV終了後
   PHONE SVG：白 → 黒
======================================== */

.header-menu.is-after-mv .phone-svg img {
    filter: brightness(0);
}


/* ========================================
   下層ページ
   初期描画から白ヘッダーで固定
======================================== */

body:not(.home) .header-menu {
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

    /* 下層では切替アニメーション不要 */
    transition: none !important;
}


/* MENU：最初から黒 */
body:not(.home) .header-menu .header-nav a,
body:not(.home) .header-menu .header-nav a:link,
body:not(.home) .header-menu .header-nav a:visited,
body:not(.home) .header-menu .header-nav a:hover {
    color: #1e1e1e !important;

    transition: none !important;
}


/* 通常テキスト：最初から黒 */
body:not(.home) .header-menu .elementor-heading-title,
body:not(.home) .header-menu .elementor-widget-text-editor,
body:not(.home) .header-menu .elementor-widget-text-editor p {
    color: #1e1e1e;

    transition: none !important;
}


/* 白ロゴは最初から非表示 */
body:not(.home) .header-menu .header-logo > .logo-white {
    display: none !important;
}


/* 黒ロゴは最初から表示 */
body:not(.home) .header-menu .header-logo > .logo-black {
    display: block !important;
}


/* PHONE SVG：最初から黒 */
body:not(.home) .header-menu .phone-svg img {
    filter: brightness(0);

    transition: none !important;
}


/* ========================================
   SP
   Elementorポップアップ表示時
======================================== */

@media (max-width: 767px) {

    /* ========================================
       通常ヘッダー側の☰を非表示
    ======================================== */

    body.hs-menu-popup-open .header-menu .hs-menu-trigger {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }


    /* ========================================
       JSで複製した白ロゴ
    ======================================== */

    .hs-popup-header-logo-clone {
        position: fixed !important;

        z-index: 2147483646 !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        margin: 0 !important;
        padding: 0 !important;

        pointer-events: none !important;

        transform: none !important;
        transition: none !important;
    }


    /* 複製ロゴの内部 */
    .hs-popup-header-logo-clone,
    .hs-popup-header-logo-clone .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
    }


    /* 複製ロゴ画像 */
    .hs-popup-header-logo-clone img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }

}

.elementor-popup-modal a:focus,
.elementor-popup-modal a:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* ========================================
   POPUP MENU
   自動フォーカス時の見た目を通常状態にする
======================================== */

.elementor-popup-modal
a.elementor-item.menu-link:focus:not(.elementor-item-active),
.elementor-popup-modal
a.elementor-item.menu-link:focus-visible:not(.elementor-item-active) {

    background-color: #1e1e1e !important;
    color: #ffffff !important;

    outline: none !important;
    box-shadow: none !important;
}


/* Elementorのフォーカス装飾対策 */
.elementor-popup-modal
a.elementor-item.menu-link:focus:not(.elementor-item-active)::before,
.elementor-popup-modal
a.elementor-item.menu-link:focus:not(.elementor-item-active)::after,
.elementor-popup-modal
a.elementor-item.menu-link:focus-visible:not(.elementor-item-active)::before,
.elementor-popup-modal
a.elementor-item.menu-link:focus-visible:not(.elementor-item-active)::after {

    opacity: 0 !important;
}

@media (max-width: 767px) {

    /* ロゴを少し左へ寄せる */
    .header-menu .header-logo {
        margin-left: -20px !important;
    }

}
/* ========================================
   HEADER TABLET HEIGHT
======================================== */

@media all and (min-width: 768px) and (max-width: 1024px) {

    .elementor-location-header,
    .header-menu {
        height: 80px !important;
        min-height: 80px !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}/* End custom CSS */