.elementor-923 .elementor-element.elementor-element-31d5ae3{--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;--gap:5rem 5rem;--row-gap:5rem;--column-gap:5rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6.25rem;--padding-bottom:6.25rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-c3e1c5d{--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;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-c3e1c5d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-923 .elementor-element.elementor-element-37549bb{--display:flex;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-39e3bbc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 3px 0px;border-color:var( --e-global-color-a7cf8c3 );}.elementor-923 .elementor-element.elementor-element-39e3bbc.elementor-element{--align-self:center;}.elementor-923 .elementor-element.elementor-element-39e3bbc{text-align:center;}.elementor-923 .elementor-element.elementor-element-39e3bbc .elementor-heading-title{font-size:var( --e-global-typography-1f434bf-font-size );font-weight:var( --e-global-typography-1f434bf-font-weight );line-height:var( --e-global-typography-1f434bf-line-height );letter-spacing:var( --e-global-typography-1f434bf-letter-spacing );color:var( --e-global-color-9317903 );}.elementor-923 .elementor-element.elementor-element-7a7c582{--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;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-7a7c582.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-923 .elementor-element.elementor-element-9f91e1d{font-size:var( --e-global-typography-b37adac-font-size );font-weight:var( --e-global-typography-b37adac-font-weight );line-height:var( --e-global-typography-b37adac-line-height );letter-spacing:var( --e-global-typography-b37adac-letter-spacing );color:var( --e-global-color-55c29f5 );}.elementor-923 .elementor-element.elementor-element-4e660ea{text-align:justify;font-family:var( --e-global-typography-text-font-family ), \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\", \"Meiryo\" , \"メイリオ\", \"sans-serif\";font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-67403cb );}.elementor-923 .elementor-element.elementor-element-9f27e33{--display:flex;--gap:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-bfe2b60{text-align:end;font-size:var( --e-global-typography-9bc443b-font-size );font-weight:var( --e-global-typography-9bc443b-font-weight );line-height:var( --e-global-typography-9bc443b-line-height );letter-spacing:var( --e-global-typography-9bc443b-letter-spacing );color:var( --e-global-color-67403cb );}.elementor-923 .elementor-element.elementor-element-05410e1{text-align:end;font-size:var( --e-global-typography-9bc443b-font-size );font-weight:var( --e-global-typography-9bc443b-font-weight );line-height:var( --e-global-typography-9bc443b-line-height );letter-spacing:var( --e-global-typography-9bc443b-letter-spacing );color:var( --e-global-color-67403cb );}.elementor-923 .elementor-element.elementor-element-34b5f75{--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;--gap:5rem 0rem;--row-gap:5rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:6.25rem;--padding-bottom:6.25rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-430787c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 5px 0px;border-style:solid;border-width:0px 0px 3px 0px;border-color:var( --e-global-color-a7cf8c3 );}.elementor-923 .elementor-element.elementor-element-430787c.elementor-element{--align-self:center;}.elementor-923 .elementor-element.elementor-element-430787c{text-align:center;}.elementor-923 .elementor-element.elementor-element-430787c .elementor-heading-title{font-size:var( --e-global-typography-1f434bf-font-size );font-weight:var( --e-global-typography-1f434bf-font-weight );line-height:var( --e-global-typography-1f434bf-line-height );letter-spacing:var( --e-global-typography-1f434bf-letter-spacing );color:var( --e-global-color-9317903 );}.elementor-923 .elementor-element.elementor-element-59093fd{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:3rem 0rem;--row-gap:3rem;--column-gap:0rem;--grid-auto-flow:row;--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-923 .elementor-element.elementor-element-b32a837{--display:flex;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-5755686{text-align:justify;font-family:var( --e-global-typography-text-font-family ), \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\", \"Meiryo\" , \"メイリオ\", \"sans-serif\";font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-67403cb );}.elementor-923 .elementor-element.elementor-element-5755686 a{color:var( --e-global-color-a7cf8c3 );}.elementor-923 .elementor-element.elementor-element-8b291ab{--display:flex;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-dc8b3d6 iframe{height:31.25rem;}.elementor-923 .elementor-element.elementor-element-8631b7c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-8631b7c:not(.elementor-motion-effects-element-type-background), .elementor-923 .elementor-element.elementor-element-8631b7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yokoele.com/wp/wp-content/uploads/2026/07/corporate-blue-overlay-laptop-bg.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-923 .elementor-element.elementor-element-0cf652a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-ca045a0{--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;--gap:03rem 0rem;--row-gap:03rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-0cee57f{--display:grid;--e-con-grid-template-columns:50% 50%;--e-con-grid-template-rows:repeat(1, 1fr);--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--grid-auto-flow:row;--align-items:center;--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-923 .elementor-element.elementor-element-4979205{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--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-923 .elementor-element.elementor-element-3ba2b6f > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-923 .elementor-element.elementor-element-3ba2b6f .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\", \"Meiryo\" , \"メイリオ\", \"sans-serif\";font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-154c77e7 );}.elementor-923 .elementor-element.elementor-element-c318652{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;border-color:var( --e-global-color-154c77e7 );--border-color:var( --e-global-color-154c77e7 );--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-923 .elementor-element.elementor-element-062e9c0 > .elementor-widget-container{margin:0rem 0rem 0rem 2rem;padding:0px 0px 0px 0px;}.elementor-923 .elementor-element.elementor-element-062e9c0 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\", \"Meiryo\" , \"メイリオ\", \"sans-serif\";font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-154c77e7 );}.elementor-923 .elementor-element.elementor-element-b8d07d2{--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;--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-923 .elementor-element.elementor-element-b041085{font-family:var( --e-global-typography-text-font-family ), \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"ヒラギノ角ゴ ProN W3\", \"Meiryo\" , \"メイリオ\", \"sans-serif\";font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-154c77e7 );}.elementor-923 .elementor-element.elementor-element-1d2820d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-1d2820d:not(.elementor-motion-effects-element-type-background), .elementor-923 .elementor-element.elementor-element-1d2820d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yokoele.com/wp/wp-content/uploads/2026/07/q-and-a-contact-bg-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-923 .elementor-element.elementor-element-0501886{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-041c091{--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;--justify-content:center;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-72e6e80{--display:flex;--justify-content:center;--gap:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-01424ad > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-923 .elementor-element.elementor-element-01424ad{text-align:center;}.elementor-923 .elementor-element.elementor-element-01424ad .elementor-heading-title{font-size:var( --e-global-typography-91a433c-font-size );font-weight:var( --e-global-typography-91a433c-font-weight );line-height:var( --e-global-typography-91a433c-line-height );letter-spacing:var( --e-global-typography-91a433c-letter-spacing );color:var( --e-global-color-154c77e7 );}.elementor-923 .elementor-element.elementor-element-8522b0a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-923 .elementor-element.elementor-element-8522b0a{text-align:center;}.elementor-923 .elementor-element.elementor-element-8522b0a .elementor-heading-title{font-size:var( --e-global-typography-b0d27ab-font-size );font-weight:var( --e-global-typography-b0d27ab-font-weight );line-height:var( --e-global-typography-b0d27ab-line-height );letter-spacing:var( --e-global-typography-b0d27ab-letter-spacing );color:var( --e-global-color-154c77e7 );}.elementor-923 .elementor-element.elementor-element-94d6eb5{--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;--justify-content:center;--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-a0da15e{--display:flex;--justify-content:center;--gap:0.5rem 0rem;--row-gap:0.5rem;--column-gap:0rem;--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-923 .elementor-element.elementor-element-5d847f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-923 .elementor-element.elementor-element-5d847f1{text-align:center;}.elementor-923 .elementor-element.elementor-element-5d847f1 .elementor-heading-title{font-size:var( --e-global-typography-91a433c-font-size );font-weight:var( --e-global-typography-91a433c-font-weight );line-height:var( --e-global-typography-91a433c-line-height );letter-spacing:var( --e-global-typography-91a433c-letter-spacing );color:var( --e-global-color-154c77e7 );}.elementor-923 .elementor-element.elementor-element-ae1ad1c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-923 .elementor-element.elementor-element-ae1ad1c{text-align:center;}.elementor-923 .elementor-element.elementor-element-ae1ad1c .elementor-heading-title{font-size:var( --e-global-typography-b0d27ab-font-size );font-weight:var( --e-global-typography-b0d27ab-font-weight );line-height:var( --e-global-typography-b0d27ab-line-height );letter-spacing:var( --e-global-typography-b0d27ab-letter-spacing );color:var( --e-global-color-154c77e7 );}@media(max-width:959px){.elementor-923 .elementor-element.elementor-element-31d5ae3{--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;--gap:3rem 0rem;--row-gap:3rem;--column-gap:0rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:2rem;--padding-right:2rem;}.elementor-923 .elementor-element.elementor-element-c3e1c5d{--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;}.elementor-923 .elementor-element.elementor-element-39e3bbc .elementor-heading-title{font-size:var( --e-global-typography-1f434bf-font-size );line-height:var( --e-global-typography-1f434bf-line-height );letter-spacing:var( --e-global-typography-1f434bf-letter-spacing );}.elementor-923 .elementor-element.elementor-element-7a7c582{--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;}.elementor-923 .elementor-element.elementor-element-9f91e1d{font-size:var( --e-global-typography-b37adac-font-size );line-height:var( --e-global-typography-b37adac-line-height );letter-spacing:var( --e-global-typography-b37adac-letter-spacing );}.elementor-923 .elementor-element.elementor-element-4e660ea{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-923 .elementor-element.elementor-element-bfe2b60{font-size:var( --e-global-typography-9bc443b-font-size );line-height:var( --e-global-typography-9bc443b-line-height );letter-spacing:var( --e-global-typography-9bc443b-letter-spacing );}.elementor-923 .elementor-element.elementor-element-05410e1{font-size:var( --e-global-typography-9bc443b-font-size );line-height:var( --e-global-typography-9bc443b-line-height );letter-spacing:var( --e-global-typography-9bc443b-letter-spacing );}.elementor-923 .elementor-element.elementor-element-34b5f75{--gap:3rem 0rem;--row-gap:3rem;--column-gap:0rem;--padding-top:3rem;--padding-bottom:3rem;--padding-left:2rem;--padding-right:2rem;}.elementor-923 .elementor-element.elementor-element-430787c .elementor-heading-title{font-size:var( --e-global-typography-1f434bf-font-size );line-height:var( --e-global-typography-1f434bf-line-height );letter-spacing:var( --e-global-typography-1f434bf-letter-spacing );}.elementor-923 .elementor-element.elementor-element-59093fd{--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--grid-auto-flow:row;}.elementor-923 .elementor-element.elementor-element-b32a837{--gap:1.5rem 0rem;--row-gap:1.5rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-5755686{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-923 .elementor-element.elementor-element-8b291ab{--gap:1.5rem 0rem;--row-gap:1.5rem;--column-gap:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-dc8b3d6 iframe{height:18.75rem;}.elementor-923 .elementor-element.elementor-element-8631b7c{--padding-top:3rem;--padding-bottom:3rem;--padding-left:2rem;--padding-right:2rem;}.elementor-923 .elementor-element.elementor-element-0cf652a{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-ca045a0{--gap:2rem 0rem;--row-gap:2rem;--column-gap:0rem;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-0cee57f{--e-con-grid-template-columns:repeat(1, 1fr);--gap:1rem 0rem;--row-gap:1rem;--column-gap:0rem;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-923 .elementor-element.elementor-element-4979205{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-923 .elementor-element.elementor-element-3ba2b6f > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0px 0px 0px 0px;}.elementor-923 .elementor-element.elementor-element-3ba2b6f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-923 .elementor-element.elementor-element-062e9c0 > .elementor-widget-container{margin:0rem 0rem 0rem 1rem;}.elementor-923 .elementor-element.elementor-element-062e9c0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-923 .elementor-element.elementor-element-b041085 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0rem 2rem 0rem 0rem;}.elementor-923 .elementor-element.elementor-element-b041085{text-align:justify;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-923 .elementor-element.elementor-element-1d2820d{--padding-top:3rem;--padding-bottom:3rem;--padding-left:2rem;--padding-right:2rem;}.elementor-923 .elementor-element.elementor-element-0501886{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-041c091{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:1.5rem;}.elementor-923 .elementor-element.elementor-element-01424ad .elementor-heading-title{font-size:var( --e-global-typography-91a433c-font-size );line-height:var( --e-global-typography-91a433c-line-height );letter-spacing:var( --e-global-typography-91a433c-letter-spacing );}.elementor-923 .elementor-element.elementor-element-8522b0a .elementor-heading-title{font-size:var( --e-global-typography-b0d27ab-font-size );line-height:var( --e-global-typography-b0d27ab-line-height );letter-spacing:var( --e-global-typography-b0d27ab-letter-spacing );}.elementor-923 .elementor-element.elementor-element-94d6eb5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1.5rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-5d847f1 .elementor-heading-title{font-size:var( --e-global-typography-91a433c-font-size );line-height:var( --e-global-typography-91a433c-line-height );letter-spacing:var( --e-global-typography-91a433c-letter-spacing );}.elementor-923 .elementor-element.elementor-element-ae1ad1c .elementor-heading-title{font-size:var( --e-global-typography-b0d27ab-font-size );line-height:var( --e-global-typography-b0d27ab-line-height );letter-spacing:var( --e-global-typography-b0d27ab-letter-spacing );}}@media(max-width:767px){.elementor-923 .elementor-element.elementor-element-31d5ae3{--padding-top:1rem;--padding-bottom:3rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-923 .elementor-element.elementor-element-39e3bbc .elementor-heading-title{font-size:var( --e-global-typography-1f434bf-font-size );line-height:var( --e-global-typography-1f434bf-line-height );letter-spacing:var( --e-global-typography-1f434bf-letter-spacing );}.elementor-923 .elementor-element.elementor-element-9f91e1d{font-size:var( --e-global-typography-b37adac-font-size );line-height:var( --e-global-typography-b37adac-line-height );letter-spacing:var( --e-global-typography-b37adac-letter-spacing );}.elementor-923 .elementor-element.elementor-element-4e660ea{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-923 .elementor-element.elementor-element-bfe2b60{font-size:var( --e-global-typography-9bc443b-font-size );line-height:var( --e-global-typography-9bc443b-line-height );letter-spacing:var( --e-global-typography-9bc443b-letter-spacing );}.elementor-923 .elementor-element.elementor-element-05410e1{font-size:var( --e-global-typography-9bc443b-font-size );line-height:var( --e-global-typography-9bc443b-line-height );letter-spacing:var( --e-global-typography-9bc443b-letter-spacing );}.elementor-923 .elementor-element.elementor-element-34b5f75{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-923 .elementor-element.elementor-element-430787c .elementor-heading-title{font-size:var( --e-global-typography-1f434bf-font-size );line-height:var( --e-global-typography-1f434bf-line-height );letter-spacing:var( --e-global-typography-1f434bf-letter-spacing );}.elementor-923 .elementor-element.elementor-element-59093fd{--e-con-grid-template-columns:repeat(1, 1fr);--gap:3rem 0rem;--row-gap:3rem;--column-gap:0rem;--grid-auto-flow:row;}.elementor-923 .elementor-element.elementor-element-b32a837{--gap:1.5rem 0rem;--row-gap:1.5rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-5755686{text-align:justify;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-923 .elementor-element.elementor-element-8b291ab{--gap:1.5rem 0rem;--row-gap:1.5rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-8631b7c{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-923 .elementor-element.elementor-element-0cf652a{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-ca045a0{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-0cee57f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-4979205{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-923 .elementor-element.elementor-element-3ba2b6f .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-923 .elementor-element.elementor-element-062e9c0 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-923 .elementor-element.elementor-element-b041085 > .elementor-widget-container{padding:0rem 0rem 0rem 0rem;}.elementor-923 .elementor-element.elementor-element-b041085{text-align:justify;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-923 .elementor-element.elementor-element-1d2820d{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-0501886:not(.elementor-motion-effects-element-type-background), .elementor-923 .elementor-element.elementor-element-0501886 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yokoele.com/wp/wp-content/uploads/2026/07/gradation-bg.png");}.elementor-923 .elementor-element.elementor-element-0501886{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-923 .elementor-element.elementor-element-041c091:not(.elementor-motion-effects-element-type-background), .elementor-923 .elementor-element.elementor-element-041c091 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yokoele.com/wp/wp-content/uploads/2026/07/q-and-a-contact-bg-scaled.png");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-923 .elementor-element.elementor-element-041c091{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-923 .elementor-element.elementor-element-72e6e80{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-923 .elementor-element.elementor-element-01424ad .elementor-heading-title{font-size:var( --e-global-typography-91a433c-font-size );line-height:var( --e-global-typography-91a433c-line-height );letter-spacing:var( --e-global-typography-91a433c-letter-spacing );}.elementor-923 .elementor-element.elementor-element-8522b0a .elementor-heading-title{font-size:var( --e-global-typography-b0d27ab-font-size );line-height:var( --e-global-typography-b0d27ab-line-height );letter-spacing:var( --e-global-typography-b0d27ab-letter-spacing );}.elementor-923 .elementor-element.elementor-element-94d6eb5:not(.elementor-motion-effects-element-type-background), .elementor-923 .elementor-element.elementor-element-94d6eb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yokoele.com/wp/wp-content/uploads/2026/07/q-and-a-contact-bg-scaled.png");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-923 .elementor-element.elementor-element-94d6eb5{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.25rem;--padding-right:1.25rem;}.elementor-923 .elementor-element.elementor-element-a0da15e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-923 .elementor-element.elementor-element-5d847f1 .elementor-heading-title{font-size:var( --e-global-typography-91a433c-font-size );line-height:var( --e-global-typography-91a433c-line-height );letter-spacing:var( --e-global-typography-91a433c-letter-spacing );}.elementor-923 .elementor-element.elementor-element-ae1ad1c .elementor-heading-title{font-size:var( --e-global-typography-b0d27ab-font-size );line-height:var( --e-global-typography-b0d27ab-line-height );letter-spacing:var( --e-global-typography-b0d27ab-letter-spacing );}}@media(min-width:768px){.elementor-923 .elementor-element.elementor-element-c3e1c5d{--width:100%;}.elementor-923 .elementor-element.elementor-element-7a7c582{--width:100%;}.elementor-923 .elementor-element.elementor-element-ca045a0{--width:100%;}.elementor-923 .elementor-element.elementor-element-041c091{--width:50%;}.elementor-923 .elementor-element.elementor-element-94d6eb5{--width:50%;}}@media(max-width:959px) and (min-width:768px){.elementor-923 .elementor-element.elementor-element-c3e1c5d{--width:100%;}.elementor-923 .elementor-element.elementor-element-7a7c582{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-10a3fba */@media screen and (min-width:960px) {
    
    /* ==========================================
   ボタン全体のベーススタイル
   ========================================== */
.elementor-923 .elementor-element.elementor-element-10a3fba .custom-premium-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
    width: 100%;
    max-width: 365px; 
    min-height: 60px;
    margin: 0 auto;
    padding: 10px 60px;
    box-sizing: border-box;
    border-radius: 5px;
    
    background-color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: background-color 0.4s ease;
}

/* ホバー時のネイビー背景 */
.custom-premium-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #00B8FB !important;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover::before {
    opacity: 1;
}

/* 中身を最前面に */
.mail-icon-mask, .btn-text, .arrow-circle {
    position: relative;
    z-index: 10;
}

/* ==========================================
   各パーツのデザイン調整
   ========================================== */

/* 中央のテキスト */
.btn-text {
    color: #333333 !important;
    font-size: 18px !important;
    font-weight: 600 !important; /* しっかり太字 */
    font-family: inherit;
    letter-spacing: 0.05em;
    transition: color 0.4s ease;
}
.custom-premium-btn:hover .btn-text {
    color: #ffffff !important;
}

/* 🛠️ 左側の手紙アイコン（URLを色反転させる特殊マスク設定） */
.mail-icon-mask {
    display: inline-block;
    width: 26px; /* アイコンの横幅 */
    height: 22px; /* アイコンの縦幅 */
    margin-right: 14px;
    background-color: #40B4F5; /* 通常時の手紙の色（青） */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
}

/* ホバー時に手紙の色を【白】に変更 */
.custom-premium-btn:hover .mail-icon-mask {
    background-color: #ffffff;
}

/* 右側の丸アイコン */
.arrow-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: auto;
    position: relative;
    background-color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.arrow-circle::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #5363D7, #40B4F5) !important;
    z-index: 1;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::before {
    opacity: 0;
}

/* 丸の中の矢印 */
.arrow-circle::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
    transform: rotate(45deg);
    position: relative;
    z-index: 2;
    margin-left: -2px;
    transition: border-color 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::after {
    border-top: 3px solid #1B3679 !important;
    border-right: 3px solid #1B3679 !important;
}
}

@media screen and (min-width:768px)and (max-width: 959px) {
    
    /* ==========================================
   ボタン全体のベーススタイル
   ========================================== */
.elementor-923 .elementor-element.elementor-element-10a3fba .custom-premium-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
    width: 100%;
    max-width: 326px; 
    min-height: 50px;
    margin: 0 auto;
    padding: 10px 53px;
    box-sizing: border-box;
    border-radius: 5px;
    
    background-color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: background-color 0.4s ease;
}

/* ホバー時のネイビー背景 */
.custom-premium-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #00B8FB !important;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover::before {
    opacity: 1;
}

/* 中身を最前面に */
.mail-icon-mask, .btn-text, .arrow-circle {
    position: relative;
    z-index: 10;
}

/* ==========================================
   各パーツのデザイン調整
   ========================================== */

/* 中央のテキスト */
.btn-text {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 600 !important; /* しっかり太字 */
    font-family: inherit;
    letter-spacing: 0.05em;
    transition: color 0.4s ease;
}
.custom-premium-btn:hover .btn-text {
    color: #ffffff !important;
}

/* 🛠️ 左側の手紙アイコン（URLを色反転させる特殊マスク設定） */
.mail-icon-mask {
    display: inline-block;
    width: 26px; /* アイコンの横幅 */
    height: 22px; /* アイコンの縦幅 */
    margin-right: 14px;
    background-color: #40B4F5; /* 通常時の手紙の色（青） */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
}

/* ホバー時に手紙の色を【白】に変更 */
.custom-premium-btn:hover .mail-icon-mask {
    background-color: #ffffff;
}

/* 右側の丸アイコン */
.arrow-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: auto;
    position: relative;
    background-color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.arrow-circle::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #5363D7, #40B4F5) !important;
    z-index: 1;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::before {
    opacity: 0;
}

/* 丸の中の矢印 */
.arrow-circle::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
    transform: rotate(45deg);
    position: relative;
    z-index: 2;
    margin-left: -2px;
    transition: border-color 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::after {
    border-top: 3px solid #1B3679 !important;
    border-right: 3px solid #1B3679 !important;
}
}


@media screen and (max-width: 767px) {
    
    /* ==========================================
   ボタン全体のベーススタイル
   ========================================== */
.elementor-923 .elementor-element.elementor-element-10a3fba .custom-premium-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
    width: 100%;
    max-width: 100%; 
    min-height: 50px;
    margin: 0 auto;
    padding: 10px 56px;
    box-sizing: border-box;
    border-radius: 5px;
    
    background-color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: background-color 0.4s ease;
}

/* ホバー時のネイビー背景 */
.custom-premium-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #00B8FB !important;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover::before {
    opacity: 1;
}

/* 中身を最前面に */
.mail-icon-mask, .btn-text, .arrow-circle {
    position: relative;
    z-index: 10;
}

/* ==========================================
   各パーツのデザイン調整
   ========================================== */

/* 中央のテキスト */
.btn-text {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 600 !important; /* しっかり太字 */
    font-family: inherit;
    letter-spacing: 0.05em;
    transition: color 0.4s ease;
}
.custom-premium-btn:hover .btn-text {
    color: #ffffff !important;
}

/* 🛠️ 左側の手紙アイコン（URLを色反転させる特殊マスク設定） */
.mail-icon-mask {
    display: inline-block;
    width: 26px; /* アイコンの横幅 */
    height: 22px; /* アイコンの縦幅 */
    margin-right: 14px;
    background-color: #40B4F5; /* 通常時の手紙の色（青） */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
}

/* ホバー時に手紙の色を【白】に変更 */
.custom-premium-btn:hover .mail-icon-mask {
    background-color: #ffffff;
}

/* 右側の丸アイコン */
.arrow-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: auto;
    position: relative;
    background-color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.arrow-circle::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #5363D7, #40B4F5) !important;
    z-index: 1;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::before {
    opacity: 0;
}

/* 丸の中の矢印 */
.arrow-circle::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
    transform: rotate(45deg);
    position: relative;
    z-index: 2;
    margin-left: -2px;
    transition: border-color 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::after {
    border-top: 3px solid #1B3679 !important;
    border-right: 3px solid #1B3679 !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6dfcc4 */@media screen and (min-width:960px) {
    
    /* ==========================================
   ボタン全体のベーススタイル
   ========================================== */
.custom-premium-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
    width: 100%;
    max-width: 365px; 
    min-height: 60px;
    margin: 0 auto;
    padding: 10px 24px;
    box-sizing: border-box;
    border-radius: 5px;
    
    background-color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: background-color 0.4s ease;
}

/* ホバー時のネイビー背景 */
.custom-premium-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #00B8FB !important;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover::before {
    opacity: 1;
}

/* 中身を最前面に */
.mail-icon-mask, .btn-text, .arrow-circle {
    position: relative;
    z-index: 10;
}

/* ==========================================
   各パーツのデザイン調整
   ========================================== */

/* 中央のテキスト */
.btn-text {
    color: #333333 !important;
    font-size: 18px !important;
    font-weight: 600 !important; /* しっかり太字 */
    font-family: inherit;
    letter-spacing: 0.05em;
    transition: color 0.4s ease;
}
.custom-premium-btn:hover .btn-text {
    color: #ffffff !important;
}

/* 🛠️ 左側の手紙アイコン（URLを色反転させる特殊マスク設定） */
.mail-icon-mask {
    display: inline-block;
    width: 26px; /* アイコンの横幅 */
    height: 22px; /* アイコンの縦幅 */
    margin-right: 14px;
    background-color: #40B4F5; /* 通常時の手紙の色（青） */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
}

/* ホバー時に手紙の色を【白】に変更 */
.custom-premium-btn:hover .mail-icon-mask {
    background-color: #ffffff;
}

/* 右側の丸アイコン */
.arrow-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: auto;
    position: relative;
    background-color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.arrow-circle::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #5363D7, #40B4F5) !important;
    z-index: 1;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::before {
    opacity: 0;
}

/* 丸の中の矢印 */
.arrow-circle::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
    transform: rotate(45deg);
    position: relative;
    z-index: 2;
    margin-left: -2px;
    transition: border-color 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::after {
    border-top: 3px solid #1B3679 !important;
    border-right: 3px solid #1B3679 !important;
}
}

@media screen and (min-width:768px)and (max-width: 959px) {
    
    /* ==========================================
   ボタン全体のベーススタイル
   ========================================== */
.custom-premium-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
    width: 100%;
    max-width: 326px; 
    min-height: 50px;
    margin: 0 auto;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 5px;
    
    background-color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: background-color 0.4s ease;
}

/* ホバー時のネイビー背景 */
.custom-premium-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #00B8FB !important;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover::before {
    opacity: 1;
}

/* 中身を最前面に */
.mail-icon-mask, .btn-text, .arrow-circle {
    position: relative;
    z-index: 10;
}

/* ==========================================
   各パーツのデザイン調整
   ========================================== */

/* 中央のテキスト */
.btn-text {
    color: #333333 !important;
    font-size: 16px !important;
    font-weight: 600 !important; /* しっかり太字 */
    font-family: inherit;
    letter-spacing: 0.05em;
    transition: color 0.4s ease;
}
.custom-premium-btn:hover .btn-text {
    color: #ffffff !important;
}

/* 🛠️ 左側の手紙アイコン（URLを色反転させる特殊マスク設定） */
.mail-icon-mask {
    display: inline-block;
    width: 26px; /* アイコンの横幅 */
    height: 22px; /* アイコンの縦幅 */
    margin-right: 14px;
    background-color: #40B4F5; /* 通常時の手紙の色（青） */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
}

/* ホバー時に手紙の色を【白】に変更 */
.custom-premium-btn:hover .mail-icon-mask {
    background-color: #ffffff;
}

/* 右側の丸アイコン */
.arrow-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: auto;
    position: relative;
    background-color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.arrow-circle::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #5363D7, #40B4F5) !important;
    z-index: 1;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::before {
    opacity: 0;
}

/* 丸の中の矢印 */
.arrow-circle::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
    transform: rotate(45deg);
    position: relative;
    z-index: 2;
    margin-left: -2px;
    transition: border-color 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::after {
    border-top: 3px solid #1B3679 !important;
    border-right: 3px solid #1B3679 !important;
}
}


@media screen and (max-width: 767px) {
    
    /* ==========================================
   ボタン全体のベーススタイル
   ========================================== */
.custom-premium-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    
    width: 100%;
    max-width: 100%; 
    min-height: 50px;
    margin: 0 auto;
    padding: 10px 24px;
    box-sizing: border-box;
    border-radius: 5px;
    
    background-color: #ffffff !important;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: background-color 0.4s ease;
}

/* ホバー時のネイビー背景 */
.custom-premium-btn::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-color: #00B8FB !important;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover::before {
    opacity: 1;
}

/* 中身を最前面に */
.mail-icon-mask, .btn-text, .arrow-circle {
    position: relative;
    z-index: 10;
}

/* ==========================================
   各パーツのデザイン調整
   ========================================== */

/* 中央のテキスト */
.btn-text {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 600 !important; /* しっかり太字 */
    font-family: inherit;
    letter-spacing: 0.05em;
    transition: color 0.4s ease;
}
.custom-premium-btn:hover .btn-text {
    color: #ffffff !important;
}

/* 🛠️ 左側の手紙アイコン（URLを色反転させる特殊マスク設定） */
.mail-icon-mask {
    display: inline-block;
    width: 26px; /* アイコンの横幅 */
    height: 22px; /* アイコンの縦幅 */
    margin-right: 14px;
    background-color: #40B4F5; /* 通常時の手紙の色（青） */
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
    transition: background-color 0.4s ease;
}

/* ホバー時に手紙の色を【白】に変更 */
.custom-premium-btn:hover .mail-icon-mask {
    background-color: #ffffff;
}

/* 右側の丸アイコン */
.arrow-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: auto;
    position: relative;
    background-color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.arrow-circle::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border-radius: 50%;
    background: linear-gradient(90deg, #5363D7, #40B4F5) !important;
    z-index: 1;
    transition: opacity 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::before {
    opacity: 0;
}

/* 丸の中の矢印 */
.arrow-circle::after {
    content: '';
    width: 7px;
    height: 7px;
    border-top: 3px solid #ffffff !important;
    border-right: 3px solid #ffffff !important;
    transform: rotate(45deg);
    position: relative;
    z-index: 2;
    margin-left: -2px;
    transition: border-color 0.4s ease;
}
.custom-premium-btn:hover .arrow-circle::after {
    border-top: 3px solid #1B3679 !important;
    border-right: 3px solid #1B3679 !important;
}
}/* End custom CSS */