.elementor-1603 .elementor-element.elementor-element-75154281{--display:flex;--min-height:0px;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 0px 6px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:6px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:0px;}.elementor-1603 .elementor-element.elementor-element-75154281.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{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 );line-height:var( --e-global-typography-accent-line-height );background-color:var( --e-global-color-accent );}.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button .elementor-button-content-wrapper{gap:1.8rem;justify-content:start;}.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button{height:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Noto Sans JP", Sans-serif;font-size:16px;font-weight:400;line-height:1.4rem;fill:#EAF3ED;color:#EAF3ED;background-color:var( --e-global-color-524807d );border-style:solid;border-width:0px 0px 0px 0px;}.elementor-1603 .elementor-element.elementor-element-83bfd49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;background-color:var( --e-global-color-524807d );border-radius:0px 0px 0px 0px;}.elementor-1603 .elementor-element.elementor-element-83bfd49.elementor-element{--align-self:stretch;}.elementor-1603 .elementor-element.elementor-element-83bfd49.ha-has-bg-overlay:hover::before{transition:background 0.3s;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button{font-size:20px;}}@media(min-width:768px){.elementor-1603 .elementor-element.elementor-element-75154281{--width:400px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1603 .elementor-element.elementor-element-75154281{--width:100;}}@media(max-width:767px){.elementor-1603 .elementor-element.elementor-element-75154281{--width:100%;--justify-content:space-evenly;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button{height:50px;font-size:16px;line-height:1.4em;}.elementor-1603 .elementor-element.elementor-element-83bfd49{width:var( --container-widget-width, 300px );max-width:300px;--container-widget-width:300px;--container-widget-flex-grow:0;}.elementor-1603 .elementor-element.elementor-element-83bfd49.elementor-element{--align-self:center;}}/* Start custom CSS for button, class: .elementor-element-83bfd49 *//* 通常時のアイコンの色だけを指定 */
.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button-icon {
    color: #ffffff;
}

/* ボタン全体の基本設定 */
.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button {
    position: relative;
    overflow: hidden;
    background: transparent !important;
    display: flex;
    justify-content: center; /* 初期状態で中央寄せ */
    align-items: center;
    transition: all 0.5s ease;
    z-index: 1;
}

/* 背景が左から流れるアニメーション */
.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #7FD1AE; 
    transition: all 0.5s ease-in-out;
    z-index: -1;
}

.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button:hover::before {
    left: 0;
}

/* テキストの色の変化と移動 */
.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button-text {
    display: inline-block;
    transition: all 0.5s ease-in-out;
    position: relative;
    left: 0px;
    /* 初期位置：矢印がある分、少し左にずらしておく */
}

.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
    left: 20px;
    /* ホバー時に完全にセンターへ移動 */
}

/* 矢印（アイコン）のフェードアウトと移動 */
.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button-icon {
    transition: all 0.4s ease-in-out;
    opacity: 1;
}

.elementor-1603 .elementor-element.elementor-element-83bfd49 .elementor-button:hover .elementor-button-icon {
    opacity: 0;
    transform: translateX(20px); 
    /* 右にスライドしながら消える */
}/* End custom CSS */