.elementor-21351 .elementor-element.elementor-element-5e7eb99a{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21351 .elementor-element.elementor-element-5e7eb99a:not(.elementor-motion-effects-element-type-background), .elementor-21351 .elementor-element.elementor-element-5e7eb99a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hs-system.co.jp/wp-content/uploads/2026/08/contact-us-back.webp");background-repeat:no-repeat;background-size:cover;}.elementor-21351 .elementor-element.elementor-element-3a733ffc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-21351 .elementor-element.elementor-element-133b31d5{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21351 .elementor-element.elementor-element-1f2f5fef{--display:flex;--justify-content:center;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-21351 .elementor-element.elementor-element-5acef0fb{text-align:center;}.elementor-21351 .elementor-element.elementor-element-5acef0fb .elementor-heading-title{color:#FFFFFF;}.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-21351 .elementor-element.elementor-element-56738825 img{width:1000px;}.elementor-21351 .elementor-element.elementor-element-5dbd9d2 > .elementor-widget-container{padding:30px 10px 15px 10px;}.elementor-21351 .elementor-element.elementor-element-5dbd9d2.elementor-element{--align-self:flex-start;}.elementor-21351 .elementor-element.elementor-element-5dbd9d2 img{width:30vw;}.elementor-21351 .elementor-element.elementor-element-fa09e2c > .elementor-widget-container{padding:30px 10px 15px 10px;}.elementor-21351 .elementor-element.elementor-element-fa09e2c.elementor-element{--align-self:flex-start;}.elementor-21351 .elementor-element.elementor-element-fa09e2c img{width:30vw;}.elementor-21351 .elementor-element.elementor-element-2fd34c9f{--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;--flex-wrap:wrap;}.elementor-21351 .elementor-element.elementor-element-26ca1b4e img{width:190px;}.elementor-21351 .elementor-element.elementor-element-1e76117e > .elementor-widget-container{margin:0px 0px -6px 0px;padding:50px 0px 0px 0px;}.elementor-21351 .elementor-element.elementor-element-1e76117e img{width:100vw;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-21351 .elementor-element.elementor-element-5dbd9d2 img{width:46vw;}}@media(max-width:767px){.elementor-21351 .elementor-element.elementor-element-5e7eb99a:not(.elementor-motion-effects-element-type-background), .elementor-21351 .elementor-element.elementor-element-5e7eb99a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hs-system.co.jp/wp-content/uploads/2026/08/contact-us-back-sp.webp");}.elementor-21351 .elementor-element.elementor-element-1f2f5fef{--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-21351 .elementor-element.elementor-element-fa09e2c > .elementor-widget-container{padding:5px 20px 5px 5px;}.elementor-21351 .elementor-element.elementor-element-fa09e2c img{width:100vw;}.elementor-21351 .elementor-element.elementor-element-2fd34c9f{--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:0px;}.elementor-21351 .elementor-element.elementor-element-26ca1b4e img{width:219px;}.elementor-21351 .elementor-element.elementor-element-1e76117e > .elementor-widget-container{margin:0px 0px -2px 0px;}}@media(min-width:768px){.elementor-21351 .elementor-element.elementor-element-133b31d5{--width:83%;}}/* Start custom CSS for container, class: .elementor-element-5e7eb99a *//* ========================================
   CONTACT COPY
   初期状態
======================================== */

.contact-copy-focus img {
    opacity: 0;

    -webkit-filter: blur(12px);
    filter: blur(12px);
}


/* ========================================
   VIEWに入ったら
   Focus In
======================================== */

.contact-copy-focus.is-inview img {

    -webkit-animation:
        hs-contact-focus-in 1.4s
        cubic-bezier(0.550, 0.085, 0.680, 0.530)
        0s both;

    animation:
        hs-contact-focus-in 1.4s
        cubic-bezier(0.550, 0.085, 0.680, 0.530)
        0s both;
}


@-webkit-keyframes hs-contact-focus-in {

    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }

}


@keyframes hs-contact-focus-in {

    0% {
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }

}/* End custom CSS */