.elementor-62 .elementor-element.elementor-element-08cc290{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.2;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-08cc290::before, .elementor-62 .elementor-element.elementor-element-08cc290 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-08cc290 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-08cc290 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-08cc290 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-08cc290 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-08cc290.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-62 .elementor-element.elementor-element-75aa747 .elementor-repeater-item-f08042f .swiper-slide-bg{background-image:url(https://esmailsr.com/wp-content/uploads/2026/03/2dca4de69fa9116551169f43af07eca4.webp);background-size:cover;}.elementor-62 .elementor-element.elementor-element-75aa747 .elementor-repeater-item-b444694 .swiper-slide-bg{background-image:url(https://esmailsr.com/wp-content/uploads/2026/03/TOP2.webp);background-size:cover;}.elementor-62 .elementor-element.elementor-element-75aa747 .elementor-repeater-item-229dea4 .swiper-slide-bg{background-image:url(https://esmailsr.com/wp-content/uploads/2026/03/TOP3.webp);background-size:cover;}.elementor-62 .elementor-element.elementor-element-75aa747 .elementor-repeater-item-1f6c019 .swiper-slide-bg{background-image:url(https://esmailsr.com/wp-content/uploads/2026/03/TOP4.webp);background-size:cover;}.elementor-62 .elementor-element.elementor-element-75aa747 .swiper-slide{transition-duration:calc(4800ms*1.2);height:850px;}.elementor-62 .elementor-element.elementor-element-75aa747{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-75aa747 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-75aa747 .swiper-slide-contents{max-width:100%;}.elementor-62 .elementor-element.elementor-element-75aa747 .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-62 .elementor-element.elementor-element-6171bb5 .elementor-button{background-color:#D2616E;font-family:"Noto Serif JP", Sans-serif;font-size:18px;font-weight:800;line-height:1em;fill:#FFFFFF;color:#FFFFFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);border-style:none;border-radius:5px 5px 5px 5px;}.elementor-62 .elementor-element.elementor-element-6171bb5{width:var( --container-widget-width, 4% );max-width:4%;--container-widget-width:4%;--container-widget-flex-grow:0;top:480px;z-index:9999;}.elementor-62 .elementor-element.elementor-element-6171bb5.elementor-element{--align-self:center;}body:not(.rtl) .elementor-62 .elementor-element.elementor-element-6171bb5{right:0px;}body.rtl .elementor-62 .elementor-element.elementor-element-6171bb5{left:0px;}.elementor-62 .elementor-element.elementor-element-6171bb5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-62 .elementor-element.elementor-element-6171bb5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-62 .elementor-element.elementor-element-7605504{--display:flex;}.elementor-62 .elementor-element.elementor-element-4e77371{--display:flex;--overlay-opacity:0.25;}.elementor-62 .elementor-element.elementor-element-4e77371::before, .elementor-62 .elementor-element.elementor-element-4e77371 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-4e77371 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-4e77371 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-4e77371 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-4e77371 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #9EC9B0D9 10%, #FBF7F7 100%);}.elementor-62 .elementor-element.elementor-element-a0db829 > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-a0db829{text-align:center;}.elementor-62 .elementor-element.elementor-element-a0db829 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:32px;font-weight:600;line-height:1.8em;letter-spacing:0.05em;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-3e91074{text-align:center;font-family:"Noto Serif JP", Sans-serif;font-size:17px;font-weight:400;line-height:1.8em;letter-spacing:0.05em;color:#666666;}.elementor-62 .elementor-element.elementor-element-6f4fefe{--display:flex;--overlay-opacity:0.25;}.elementor-62 .elementor-element.elementor-element-6f4fefe::before, .elementor-62 .elementor-element.elementor-element-6f4fefe > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-6f4fefe > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-6f4fefe > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-6f4fefe > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-6f4fefe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #9EC9B0D9 10%, #FBF7F7 100%);}.elementor-62 .elementor-element.elementor-element-c8262b0{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-c8262b0::before, .elementor-62 .elementor-element.elementor-element-c8262b0 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-c8262b0 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-c8262b0 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-c8262b0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-c8262b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://esmailsr.com/wp-content/uploads/2025/12/1.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-62 .elementor-element.elementor-element-42f5771{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-42f5771 > .elementor-widget-container{background-color:#F0F5F3BD;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-62 .elementor-element.elementor-element-42f5771.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-62 .elementor-element.elementor-element-2210d1e{--display:flex;--overlay-opacity:0.5;}.elementor-62 .elementor-element.elementor-element-2210d1e::before, .elementor-62 .elementor-element.elementor-element-2210d1e > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-2210d1e > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-2210d1e > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-2210d1e > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-2210d1e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#D3E0D9;--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-9f6dbba .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-weight:700;color:#4A6761;}.elementor-62 .elementor-element.elementor-element-48cb607{--display:flex;box-shadow:3px 3px 5px 0px rgba(154.31748962402344, 154.31748962402344, 154.31748962402344, 0.5);}.elementor-62 .elementor-element.elementor-element-48cb607:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-48cb607 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFFFE;}.elementor-62 .elementor-element.elementor-element-4d19884{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-5fd8455 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-fb89593{font-family:"Noto Serif JP", Sans-serif;font-weight:400;}.elementor-62 .elementor-element.elementor-element-8ae030d{--display:flex;box-shadow:3px 3px 5px 0px rgba(154.31748962402344, 154.31748962402344, 154.31748962402344, 0.5);}.elementor-62 .elementor-element.elementor-element-8ae030d:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-8ae030d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFFFE;}.elementor-62 .elementor-element.elementor-element-2fbd6d2{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-6c6a397 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-458939f{font-family:"Noto Serif JP", Sans-serif;font-weight:400;}.elementor-62 .elementor-element.elementor-element-baf0030{--display:flex;box-shadow:3px 3px 5px 0px rgba(154.31748962402344, 154.31748962402344, 154.31748962402344, 0.5);}.elementor-62 .elementor-element.elementor-element-baf0030:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-baf0030 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCFFFE;}.elementor-62 .elementor-element.elementor-element-4108d6f{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-0872561 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-86544e8{font-family:"Noto Serif JP", Sans-serif;font-weight:400;}.elementor-62 .elementor-element.elementor-element-3b0feee{--display:flex;--overlay-opacity:0.8;--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-62 .elementor-element.elementor-element-3b0feee:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-3b0feee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(120deg, #8CB98982 8%, #E9EEEC 50%);}.elementor-62 .elementor-element.elementor-element-3b0feee::before, .elementor-62 .elementor-element.elementor-element-3b0feee > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-3b0feee > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-3b0feee > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-3b0feee > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-3b0feee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-5dca690{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-5dca690 > .elementor-widget-container{padding:00px 0px 0px 0px;border-style:none;}.elementor-62 .elementor-element.elementor-element-313c60e{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-313c60e > .elementor-widget-container{padding:00px 00px 00px 00px;border-radius:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-313c60e.elementor-element{--align-self:center;}.elementor-62 .elementor-element.elementor-element-e7419cd > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-f171ff2 .elementor-button{background-color:transparent;font-family:"Noto Serif JP", Sans-serif;font-size:17px;font-weight:700;letter-spacing:0.03em;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(157deg, #4A6761 0%, #61AC9C 100%);box-shadow:0px 0px 10px 0px rgba(74.00000000000003, 103.00000000000004, 97.00000000000003, 0.69);border-radius:50px 50px 50px 50px;padding:15px 15px 15px 25px;}.elementor-62 .elementor-element.elementor-element-f171ff2 > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-62 .elementor-element.elementor-element-f171ff2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-62 .elementor-element.elementor-element-f171ff2 .elementor-button .elementor-button-content-wrapper{gap:50px;}.elementor-62 .elementor-element.elementor-element-f171ff2 .elementor-button:hover, .elementor-62 .elementor-element.elementor-element-f171ff2 .elementor-button:focus{color:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-f171ff2 .elementor-button:hover svg, .elementor-62 .elementor-element.elementor-element-f171ff2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-012a6c8{--display:flex;--overlay-opacity:0.8;--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-62 .elementor-element.elementor-element-012a6c8:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-012a6c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(120deg, #C1DBBFAD 8%, #BAD1B952 50%);}.elementor-62 .elementor-element.elementor-element-012a6c8::before, .elementor-62 .elementor-element.elementor-element-012a6c8 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-012a6c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-012a6c8 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-012a6c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-012a6c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-99b624f{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-99b624f > .elementor-widget-container{padding:00px 0px 0px 0px;border-style:none;}.elementor-62 .elementor-element.elementor-element-8c5447b{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-8c5447b > .elementor-widget-container{padding:00px 00px 00px 00px;border-radius:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-8c5447b.elementor-element{--align-self:center;}.elementor-62 .elementor-element.elementor-element-5c9160e > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-4fc142f .elementor-button{background-color:transparent;font-family:"Noto Serif JP", Sans-serif;font-size:17px;font-weight:700;letter-spacing:0.03em;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(157deg, #4A6761 0%, #61AC9C 100%);box-shadow:0px 0px 10px 0px rgba(74.00000000000003, 103.00000000000004, 97.00000000000003, 0.69);border-radius:50px 50px 50px 50px;padding:15px 15px 15px 25px;}.elementor-62 .elementor-element.elementor-element-4fc142f > .elementor-widget-container{margin:0px 0px 100px 0px;}.elementor-62 .elementor-element.elementor-element-4fc142f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-62 .elementor-element.elementor-element-4fc142f .elementor-button .elementor-button-content-wrapper{gap:50px;}.elementor-62 .elementor-element.elementor-element-4fc142f .elementor-button:hover, .elementor-62 .elementor-element.elementor-element-4fc142f .elementor-button:focus{color:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-4fc142f .elementor-button:hover svg, .elementor-62 .elementor-element.elementor-element-4fc142f .elementor-button:focus svg{fill:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-d6dcc2c{--display:flex;--min-height:200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.9;}.elementor-62 .elementor-element.elementor-element-d6dcc2c::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://esmailsr.com/wp-content/uploads/2026/03/366e0a85ee9cfdd358852bd763e7c644-1.webp");--background-overlay:'';background-position:0px -292px;background-repeat:no-repeat;background-size:cover;}.elementor-62 .elementor-element.elementor-element-d6dcc2c.e-con{--align-self:center;}.elementor-62 .elementor-element.elementor-element-cf0cdb6{--display:flex;--overlay-opacity:0.78;}.elementor-62 .elementor-element.elementor-element-cf0cdb6::before, .elementor-62 .elementor-element.elementor-element-cf0cdb6 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-cf0cdb6 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-cf0cdb6 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-cf0cdb6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-cf0cdb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E1ECE9 100%, #E7F0EE 0%);}.elementor-62 .elementor-element.elementor-element-e64145d > .elementor-widget-container{padding:20px 80px 0px 80px;}.elementor-62 .elementor-element.elementor-element-86b36dc{text-align:center;}.elementor-62 .elementor-element.elementor-element-86b36dc .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:23px;font-weight:700;letter-spacing:0.08em;color:#518475;}.elementor-62 .elementor-element.elementor-element-e788775 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-e788775 img{opacity:0.8;}.elementor-62 .elementor-element.elementor-element-a108917{--display:flex;--overlay-opacity:0.78;}.elementor-62 .elementor-element.elementor-element-a108917::before, .elementor-62 .elementor-element.elementor-element-a108917 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-a108917 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-a108917 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-a108917 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-a108917 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #E1ECE9 100%, #E7F0EE 0%);}.elementor-62 .elementor-element.elementor-element-664e532 > .elementor-widget-container{padding:20px 80px 0px 80px;}.elementor-62 .elementor-element.elementor-element-ecca13c{text-align:center;}.elementor-62 .elementor-element.elementor-element-ecca13c .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:23px;font-weight:700;letter-spacing:0.08em;color:#518475;}.elementor-62 .elementor-element.elementor-element-0d19b6a > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-0d19b6a img{opacity:0.8;}.elementor-62 .elementor-element.elementor-element-9ddfd5a{--display:flex;--overlay-opacity:0.5;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-62 .elementor-element.elementor-element-9ddfd5a::before, .elementor-62 .elementor-element.elementor-element-9ddfd5a > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-9ddfd5a > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-9ddfd5a > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-9ddfd5a > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-9ddfd5a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-4f7f3e7{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-4f7f3e7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-62274e7{--display:flex;--overlay-opacity:0.5;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-62 .elementor-element.elementor-element-62274e7::before, .elementor-62 .elementor-element.elementor-element-62274e7 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-62274e7 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-62274e7 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-62274e7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-62274e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-a64c9bc{width:100%;max-width:100%;}.elementor-62 .elementor-element.elementor-element-a64c9bc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-a2c4eb8{--display:flex;--overlay-opacity:0.5;}.elementor-62 .elementor-element.elementor-element-a2c4eb8::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://esmailsr.com/wp-content/uploads/2026/03/6575974d4bd67ddfd7119811f7cee2bb.webp");--background-overlay:'';background-size:cover;}.elementor-62 .elementor-element.elementor-element-db9768d{--display:flex;}.elementor-62 .elementor-element.elementor-element-db9768d:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-db9768d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFC7;}.elementor-62 .elementor-element.elementor-element-db9768d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-62 .elementor-element.elementor-element-48cc875{font-family:"Noto Serif JP", Sans-serif;font-weight:400;color:#BCDAD4;}.elementor-62 .elementor-element.elementor-element-915aa95 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-weight:600;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-45b4ee0{font-family:"Noto Serif JP", Sans-serif;font-weight:500;}.elementor-62 .elementor-element.elementor-element-6aadfd6{font-family:"Noto Serif JP", Sans-serif;font-weight:500;}.elementor-62 .elementor-element.elementor-element-8c89b8b .elementor-button{background-color:transparent;font-family:"Noto Serif JP", Sans-serif;font-weight:600;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #1D5B44 0%, #5E9679 100%);box-shadow:4px 5px 5px 0px rgba(122.33623962402343, 122.33623962402343, 122.33623962402343, 0.5);}.elementor-62 .elementor-element.elementor-element-8c89b8b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-62 .elementor-element.elementor-element-8c89b8b .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-62 .elementor-element.elementor-element-f9a2efd{--display:flex;--overlay-opacity:0.5;}.elementor-62 .elementor-element.elementor-element-f9a2efd:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-f9a2efd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-f9a2efd::before, .elementor-62 .elementor-element.elementor-element-f9a2efd > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-f9a2efd > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-f9a2efd > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-f9a2efd > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-f9a2efd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-3fef642 > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-3fef642{text-align:center;}.elementor-62 .elementor-element.elementor-element-3fef642 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:27px;font-weight:600;letter-spacing:0.05em;color:var( --e-global-color-9bb2dfe );}.elementor-62 .elementor-element.elementor-element-e8068bc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-e8068bc.elementor-element{--align-self:center;}.elementor-62 .elementor-element.elementor-element-0844c7b .elementor-button{background-color:#ABE3EE61;font-family:"Noto Sans Hebrew", Sans-serif;font-weight:600;fill:var( --e-global-color-9bb2dfe );color:var( --e-global-color-9bb2dfe );box-shadow:2px 3px 5px 0px rgba(0, 0, 0, 0.23);}.elementor-62 .elementor-element.elementor-element-0844c7b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-62 .elementor-element.elementor-element-9563a0e{--spacer-size:50px;}.elementor-62 .elementor-element.elementor-element-7748b9e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-62 .elementor-element.elementor-element-7748b9e::before, .elementor-62 .elementor-element.elementor-element-7748b9e > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-7748b9e > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-7748b9e > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-7748b9e > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-7748b9e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://esmailsr.com/wp-content/uploads/2026/03/6575974d4bd67ddfd7119811f7cee2bb.webp");--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-795bc76{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:70px;--margin-bottom:70px;--margin-left:50px;--margin-right:50px;--padding-top:020px;--padding-bottom:020px;--padding-left:020px;--padding-right:020px;}.elementor-62 .elementor-element.elementor-element-795bc76:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-795bc76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB3;}.elementor-62 .elementor-element.elementor-element-57fbd1a > .elementor-widget-container{margin:30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-57fbd1a{text-align:center;font-family:"Noto Serif JP", Sans-serif;font-size:26px;font-weight:800;line-height:1.8em;letter-spacing:0.05em;color:#B4C0BA;}.elementor-62 .elementor-element.elementor-element-02d72f3 > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-02d72f3{text-align:center;}.elementor-62 .elementor-element.elementor-element-02d72f3 .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:24px;line-height:1.7em;letter-spacing:0.05em;color:var( --e-global-color-ef8274a );}.elementor-62 .elementor-element.elementor-element-02a3350{text-align:center;font-family:"Noto Serif JP", Sans-serif;font-size:17px;font-weight:500;line-height:1.7em;letter-spacing:0.05em;color:#555555;}.elementor-62 .elementor-element.elementor-element-6463bdd{text-align:center;font-family:"Noto Serif JP", Sans-serif;font-size:16px;font-weight:400;line-height:1.7em;letter-spacing:0.05em;color:#555555;}.elementor-62 .elementor-element.elementor-element-0620151 .elementor-button{background-color:transparent;font-family:"Noto Serif JP", Sans-serif;font-size:18px;font-weight:700;line-height:1.8em;letter-spacing:0.05em;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(135deg, #31604A 0%, #87B19E 100%);border-radius:10px 10px 10px 10px;}.elementor-62 .elementor-element.elementor-element-0620151 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-0620151 .elementor-button-content-wrapper{flex-direction:row;}.elementor-62 .elementor-element.elementor-element-0620151 .elementor-button:hover, .elementor-62 .elementor-element.elementor-element-0620151 .elementor-button:focus{color:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-0620151 .elementor-button:hover svg, .elementor-62 .elementor-element.elementor-element-0620151 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-9ce2c0c{--display:flex;--overlay-opacity:0.5;}.elementor-62 .elementor-element.elementor-element-9ce2c0c:not(.elementor-motion-effects-element-type-background), .elementor-62 .elementor-element.elementor-element-9ce2c0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-9ce2c0c::before, .elementor-62 .elementor-element.elementor-element-9ce2c0c > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-9ce2c0c > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-9ce2c0c > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-9ce2c0c > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-9ce2c0c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-62 .elementor-element.elementor-element-87e8ace > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-87e8ace{text-align:center;}.elementor-62 .elementor-element.elementor-element-87e8ace .elementor-heading-title{font-family:"Noto Serif JP", Sans-serif;font-size:24px;font-weight:500;line-height:1.7em;letter-spacing:0.05em;color:#41454A;}.elementor-62 .elementor-element.elementor-element-0538003 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-0538003.elementor-element{--align-self:center;}.elementor-62 .elementor-element.elementor-element-e09c42c .elementor-button{background-color:var( --e-global-color-cbd1105 );font-family:"Arial", Sans-serif;fill:#FFFFFF;color:#FFFFFF;}.elementor-62 .elementor-element.elementor-element-e09c42c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-62 .elementor-element.elementor-element-f939f23{--spacer-size:50px;}.elementor-62 .elementor-element.elementor-element-dcf2060{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-62 .elementor-element.elementor-element-4c078f6{--display:flex;}.elementor-62 .elementor-element.elementor-element-057fff2{width:var( --container-widget-width, 593px );max-width:593px;--container-widget-width:593px;--container-widget-flex-grow:0;}.elementor-62 .elementor-element.elementor-element-057fff2 > .elementor-widget-container{margin:0px 0px 70px 0px;}.elementor-62 .elementor-element.elementor-element-057fff2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-62 .elementor-element.elementor-element-057fff2:hover img{opacity:0.7;}.elementor-62 .elementor-element.elementor-element-057fff2 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-62 .elementor-element.elementor-element-ef1dbd4{--display:flex;}.elementor-62 .elementor-element.elementor-element-e3c30c1:hover img{opacity:0.7;}.elementor-62 .elementor-element.elementor-element-e3c30c1 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-62 .elementor-element.elementor-element-2c9a464{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:"Open Sans Hebrew", Sans-serif;font-size:15px;font-weight:600;line-height:1.5em;letter-spacing:0.03em;color:var( --e-global-color-secondary );}.elementor-62 .elementor-element.elementor-element-2c9a464 > .elementor-widget-container{margin:-95px 0px 0px 50px;}.elementor-62 .elementor-element.elementor-element-2c9a464.elementor-element{--align-self:center;}body.elementor-page-62:not(.elementor-motion-effects-element-type-background), body.elementor-page-62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-62 .elementor-element.elementor-element-d6dcc2c::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-62 .elementor-element.elementor-element-dcf2060{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-62 .elementor-element.elementor-element-08cc290{--width:100%;}.elementor-62 .elementor-element.elementor-element-f9a2efd{--content-width:1080px;}.elementor-62 .elementor-element.elementor-element-795bc76{--width:85%;}.elementor-62 .elementor-element.elementor-element-9ce2c0c{--content-width:1080px;}}@media(max-width:767px){.elementor-62 .elementor-element.elementor-element-a1c75b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-6f4fefe{--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;}.elementor-62 .elementor-element.elementor-element-cdd701c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-9f6dbba > .elementor-widget-container{margin:30px 0px 10px 0px;}.elementor-62 .elementor-element.elementor-element-9f6dbba{text-align:center;}.elementor-62 .elementor-element.elementor-element-9f6dbba .elementor-heading-title{font-size:20px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-48cb607{--width:92%;--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;--align-items:center;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-62 .elementor-element.elementor-element-48cb607.e-con{--align-self:center;}.elementor-62 .elementor-element.elementor-element-4d19884 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-4d19884{font-size:19px;line-height:1.8em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-5fd8455 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-5fd8455{text-align:center;}.elementor-62 .elementor-element.elementor-element-5fd8455 .elementor-heading-title{font-size:18px;line-height:1.6em;letter-spacing:0.05em;}.elementor-62 .elementor-element.elementor-element-fb89593 > .elementor-widget-container{margin:0px 10px 10px 10px;}.elementor-62 .elementor-element.elementor-element-fb89593{font-size:16px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-8ae030d{--width:92%;--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;--align-items:center;--border-radius:10px 10px 10px 10px;}.elementor-62 .elementor-element.elementor-element-8ae030d.e-con{--align-self:center;}.elementor-62 .elementor-element.elementor-element-2fbd6d2 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-2fbd6d2{font-size:19px;line-height:1.8em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-6c6a397 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-6c6a397{text-align:center;}.elementor-62 .elementor-element.elementor-element-6c6a397 .elementor-heading-title{font-size:18px;line-height:1.6em;letter-spacing:0.05em;}.elementor-62 .elementor-element.elementor-element-458939f > .elementor-widget-container{margin:0px 10px 10px 10px;}.elementor-62 .elementor-element.elementor-element-458939f{font-size:16px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-baf0030{--width:92%;--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;--align-items:center;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-62 .elementor-element.elementor-element-baf0030.e-con{--align-self:center;}.elementor-62 .elementor-element.elementor-element-4108d6f > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-4108d6f{font-size:19px;line-height:1.8em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-0872561 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-0872561{text-align:center;}.elementor-62 .elementor-element.elementor-element-0872561 .elementor-heading-title{font-size:18px;line-height:1.6em;letter-spacing:0.05em;}.elementor-62 .elementor-element.elementor-element-86544e8 > .elementor-widget-container{margin:0px 10px 010px 10px;}.elementor-62 .elementor-element.elementor-element-86544e8{font-size:16px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-8c5447b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-7d81054 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-d6dcc2c::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-d6dcc2c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-62 .elementor-element.elementor-element-664e532 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-a64c9bc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-a2c4eb8::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .e-con-inner > .elementor-background-video-container::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-62 .elementor-element.elementor-element-a2c4eb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://esmailsr.com/wp-content/uploads/2026/03/6575974d4bd67ddfd7119811f7cee2bb.webp");}.elementor-62 .elementor-element.elementor-element-a2c4eb8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-62 .elementor-element.elementor-element-a2c4eb8.e-con{--align-self:center;}.elementor-62 .elementor-element.elementor-element-db9768d{--width:95%;--border-radius:10px 10px 10px 10px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-62 .elementor-element.elementor-element-db9768d.e-con{--align-self:center;}.elementor-62 .elementor-element.elementor-element-48cc875 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-48cc875{text-align:center;font-size:24px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-915aa95 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-915aa95{text-align:center;}.elementor-62 .elementor-element.elementor-element-915aa95 .elementor-heading-title{font-size:22px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-45b4ee0 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-62 .elementor-element.elementor-element-45b4ee0{font-size:16px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-6aadfd6 > .elementor-widget-container{margin:0px 10px 0px 10px;}.elementor-62 .elementor-element.elementor-element-6aadfd6{font-size:16px;line-height:1.7em;letter-spacing:0.03em;}.elementor-62 .elementor-element.elementor-element-8c89b8b > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-62 .elementor-element.elementor-element-8c89b8b .elementor-button{font-size:17px;line-height:1.7em;letter-spacing:0.03em;border-radius:30px 30px 30px 30px;padding:15px 20px 15px 20px;}.elementor-62 .elementor-element.elementor-element-f9a2efd{--content-width:390px;--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;}.elementor-62 .elementor-element.elementor-element-3fef642 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-3fef642 .elementor-heading-title{font-size:20px;line-height:1.7em;}.elementor-62 .elementor-element.elementor-element-e8068bc > .elementor-widget-container{margin:-20px 10px 0px 10px;}.elementor-62 .elementor-element.elementor-element-0844c7b .elementor-button{font-size:16px;}.elementor-62 .elementor-element.elementor-element-9ce2c0c{--content-width:390px;}.elementor-62 .elementor-element.elementor-element-87e8ace > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-87e8ace .elementor-heading-title{font-size:25px;}.elementor-62 .elementor-element.elementor-element-dcf2060{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for button, class: .elementor-element-6171bb5 */.elementor-62 .elementor-element.elementor-element-6171bb5 { writing-mode: vertical-rl; text-orientation: upright; letter-spacing: 2px; padding: 10px 5px; /* ←縦書き用に余白調整 */ display: flex; justify-content: center; align-items: center; } .elementor-button-text { font-family: "Yu Mincho", "Hiragino Mincho ProN", serif; letter-spacing: 1px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-837dc82 *//* --- テキストの行間と並びを完全に揃える --- */ .main-text p, .main-text .seo-h1 { font-size: 17px !important; line-height: 1.7rem !important; letter-spacing: 0.03em !important; color: #555 !important; margin-bottom: 0.8em !important; margin-top: 0 !important; font-weight: normal !important; font-family: 'Shippori Mincho', serif; } .main-text .seo-h1 { display: block; padding: 0 !important; line-height: 2.2 !important; } /* --- レイアウト --- */ .premium-statement { position: relative; padding: 70px 0 80px 0; overflow: hidden; font-family: 'Shippori Mincho', serif; } .statement-flex-container { display: flex; flex-direction: column; align-items: center; max-width: 1300px; margin: 0 auto; padding: 0 50px; position: relative; z-index: 2; } /* 小さな説明文 */ .content-body { display: flex; width: 100%; align-items: flex-start; justify-content: center; gap: 60px; } .text-area { flex: 0 1 auto; /* white-space: nowrap; は削除し、必要なら main-text p に個別に設定するか、 max-content を使用するのがモダンです */ width: max-content; max-width: 100%; } .image-area { flex: 0 0 300px; margin-top: 5px; } .image-wrapper { width: 100%; max-width: 300px; box-shadow: 15px 15px 40px rgba(0,0,0,0.05); } .image-wrapper img { width: 100%; height: auto; display: block; filter: sepia(10%) contrast(1.05); } /* レスポンス調整 */ @media (max-width: 1024px) { .content-body { flex-direction: column; } .text-area { white-space: normal; text-align: center; margin-bottom: 40px; } .image-area { flex: none; margin-top: 0; } .short-catch p { font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cdd701c *//* --- テキストの行間と並びを完全に揃える --- */ .main-text .seo-h1 { font-size: 16px !important; line-height: 1.6rem !important; letter-spacing: 0.03em !important; color: #555 !important; margin-bottom: 0.8em !important; margin-top: 0 !important; font-weight: normal !important; font-family: 'Shippori Mincho', serif; } .main-text .seo-h1 { display: block; padding: 0 !important; line-height: 1.7em !important; } /* --- レイアウト --- */ .premium-statement { position: relative; padding: 70px 0 80px 0; overflow: hidden; font-family: 'Shippori Mincho', serif; } .statement-flex-container { display: flex; flex-direction: column; max-width: 1300px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 2; } /* 説明文 */ .catch-copy { width: 100%; text-align: center; font-size: 22px !important; font-weight: 600; color: #4A6761 !important; line-height: 1.7em !important; margin-bottom: 30px !important; letter-spacing: 0.05rem !important; } .content-body { display: flex; width: 100%; align-items: flex-start; justify-content: center; gap: 60px; } .text-area { flex: 0 1 auto; /* white-space: nowrap; は削除し、必要なら main-text p に個別に設定するか、 max-content を使用するのがモダンです */ width: max-content; max-width: 100%; } .image-area { flex: 0 0 250px; margin-top: 5px; } .image-wrapper { width: 100%; max-width: 250px; align-self: center!important; box-shadow: 15px 15px 40px rgba(0,0,0,0.05); } .image-wrapper img { width: 95%; height: auto; display: block; filter: sepia(10%) contrast(1.05); } /* レスポンス調整 */ @media (max-width: 1024px) { .content-body { flex-direction: column; } .text-area { white-space: normal; margin-bottom: 10px; text-align: left; } .image-area { flex: none; margin-top: 0; align-self:center; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5dca690 *//* ========================= SERVICE：セクション見出し ========================= */ /* 既存の色味に寄せる（必要ならここだけ調整） */ :root{ --esm-green: #4A6761; /* 深緑（既存） */ --esm-ink: #2f2f2f; /* 文字 */ --esm-sub: #6f7a77; /* サブ文字 */ --esm-bg: #ffffff; /* 背景 */ } .svc-hero{ padding: 90px 0 0px; color: var(--esm-ink); } .svc-hero__inner{ max-width: 980px; margin: 0 auto; padding: 0 24px; text-align: center; } /* タイトル全体 */ .svc-hero__title{ margin: 0 0 18px; line-height: 1.1; } /* でかい「SERVICE」：明るめ青緑寄り＋光沢 */ .svc-hero__title-en{ display: inline-block; font-weight: 700; letter-spacing: 0.2em; font-size: 65px; background: linear-gradient( 90deg, rgba(210, 226, 221, 0.65) 0%, rgba(126, 166, 158, 0.92) 18%, rgba(198, 227, 221, 1) 50%, rgba(126, 166, 158, 0.92) 82%, rgba(210, 226, 221, 0.65) 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 8px 20px rgba(255,255,255,0.18), 0 6px 18px rgba(70, 95, 90, 0.05); position: relative; } /* 光沢 */ .svc-hero__title-en::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient( 90deg, rgba(108,160,150,0.35) 0%, rgba(76,120,110,0.92) 20%, rgba(150,190,175,1) 50%, rgba(76,120,110,0.92) 80%, rgba(108,160,150,0.35) 100% ); mix-blend-mode: screen; opacity: 0.65; -webkit-mask-image: linear-gradient(#000,#000); mask-image: linear-gradient(#000,#000); transform: translateX(-35%); animation: svcShine 3.2s ease-in-out infinite; } @keyframes svcShine{ 0%, 38% { transform: translateX(-48%); opacity: 0; } 52% { opacity: 0.65; } 82%,100% { transform: translateX(46%); opacity: 0; } } /* 小さい「サービス案内」 */ .svc-hero__title-ja{ display:block; margin: 20px 0px 0px 0px !important; font-size: 22px!important; letter-spacing: 0.1em; color: var(--esm-green); font-weight: 500; } /* リード */ .svc-hero__lead{ margin: 15px 0 0 0 px; max-width: 760px; align-content: center; font-size: 17px; font-weight: 500; line-height: 2.1; letter-spacing: 0.05em; color: #444; } /* PCだけ改行したい場合 */ .pc-only{ display: inline; } @media (max-width: 768px){ .svc-hero{ padding: 72px 0 22px; } .svc-hero__title-ja{ font-size: 14px; } .svc-hero__lead{ font-size: 14px; line-height: 2.0; } .pc-only{ display: none; } } /* アニメが苦手な人には停止 */ @media (prefers-reduced-motion: reduce){ .svc-hero__title-en::after{ animation: none; opacity: 0.25; transform: none; } } /* ▼SERVICEが上下で切れる対策（追記） */ .svc-hero__title{ line-height: 1.25; /* 1.1が詰まりすぎ。少し広げる */ overflow: visible; /* 念のため */ } .svc-hero__title-en{ line-height: 1.15; /* 文字自体の高さを確保 */ padding: 0.12em 0 0.14em; /* 上下に“余白”を足して切れ防止 */ overflow: visible; /* 念のため */ } /* Elementor/テーマが見出しをクリップしてる場合の保険 */ .svc-hero__inner, .svc-hero{ overflow: visible; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-313c60e *//* ========================= SERVICE SECTION BASE ========================= */ .esm-service-section{ position: relative; background: #eef2f0; overflow: hidden; padding: 0 0 30px; } .esm-inner-980{ max-width: 1200px!important; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; } .esm-inner-1140{ max-width: 1140px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; } /* ========================= SERVICE HEAD ========================= */ .esm-service-head{ padding: 100px 0 72px; text-align: center; } .svc-hero__title{ margin: 0; text-align: center; } /* でかい SERVICE：明るめ＋光沢 */ .svc-hero__title-en{ display: inline-block; position: relative; font-weight: 700; letter-spacing: 0.2em; font-size: 60px; line-height: 1.1; background: linear-gradient( 90deg, rgba(195,220,213,0.55) 0%, rgba(97,141,132,0.95) 18%, rgba(170,205,194,1) 50%, rgba(97,141,132,0.95) 82%, rgba(195,220,213,0.55) 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 8px 22px rgba(255,255,255,0.18), 0 8px 20px rgba(0,0,0,0.04); } /* 光沢の筋 */ .svc-hero__title-en::after { /* 念のため、光沢の範囲を親要素（文字）と同じサイズに固定 */ inset: 0; width: 100%; height: 100%; background: linear-gradient( 115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.0) 35%, rgba(255,255,255,0.72) 48%, rgba(255,255,255,0.0) 60%, rgba(255,255,255,0) 100% ); mix-blend-mode: screen; opacity: 0.58; -webkit-mask-image: linear-gradient(#000, #000); mask-image: linear-gradient(#000, #000); transform: translateX(-35%); animation: svcShine 3.2s ease-in-out infinite; } @keyframes svcShine{ 0%, 40% { transform: translateX(-45%); opacity: 0.0; } 55% { opacity: 0.58; } 80%, 100% { transform: translateX(45%); opacity: 0.0; } } .svc-hero__title-ja{ display: block; margin-top: 16px; font-size: 18px; letter-spacing: 0.14em; color: #2f4c4f; font-weight: 500; } .svc-hero__lead{ margin: 36px auto 0; max-width: 760px; font-size: 17px; line-height: 2.0; color: #666; letter-spacing: 0.05em; text-align: center; } /* ========================= STEP UNIT ========================= */ .esm-step-unit{ margin: 0 auto 50px; background: #ffffff; border-radius: 15px; padding: 30px 48px 44px; box-shadow: none; border: 1px solid #e2e9e6; } /* STEP帯 */ .esm-step-band{ display:flex; align-items:center; justify-content:center; gap:16px; margin:30px 0 22px 0; } .esm-step-band__line{ width:92px; height:1px; background: linear-gradient( 90deg, rgba(74,103,97,0) 0%, rgba(74,103,97,0.52) 50%, rgba(74,103,97,0) 100% ); } .esm-step-band__label{ font-size:14px; font-weight:600; letter-spacing:0.28em; margin: 5px 0 0 0; color:#4a6761; } /* STEP見出し */ .esm-step-head{ text-align:center; margin-bottom:38px; } .esm-step-main-ttl{ font-size:24px; line-height:1.6; color:#555 !important; font-weight:600 !important; margin:0; letter-spacing:0.08em; } /* 細いグラデアンダーライン */ .esm-step-main-line{ width:72px; height:2px; margin:8px auto 18px; background: linear-gradient( 90deg, rgba(47,92,84,0.95) 0%, rgba(108,164,150,0.72) 58%, rgba(221,207,176,0.34) 100% ); border-radius:999px; } .esm-step-lead-text{ margin:0 auto; padding-top:15px; max-width:760px; text-align:center; font-size:16px; line-height:1.8em; color:#555; letter-spacing:0.05em; } /* ========================= CARD LAYOUT ========================= */ .esm-card-flex{ display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; padding-bottom: 30px; /* ←少し詰める */ align-items:stretch; margin-top:20px; } /* ========================= CARD DESIGN ========================= */ .esm-premium-card{ position:relative; background:#fff; border:1px solid #dfe8e4; /* ←輪郭を少し見せる */ overflow:hidden; box-shadow:0 6px 18px rgba(60,90,85,0.05); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* 上部ライン：緑→ゴールド、左濃→右薄 */ .esm-premium-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:3px; z-index:2; background: linear-gradient( 90deg, rgba(42,87,79,1) 0%, rgba(79,133,122,0.92) 35%, rgba(149,185,174,0.60) 68%, rgba(224,211,183,0.26) 100% ); } .esm-premium-card:hover{ transform:translateY(-5px); border-color:#cfded8; box-shadow:0 16px 34px rgba(52,86,80,0.10); } .esm-card-link-wrap{ display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; } .esm-card-image{ height:160px; overflow:hidden; background:#f7f9f8; } .esm-premium-card:hover .esm-card-image img{ transform:scale(1.03); } .esm-card-info{ padding:0 22px 30px; display:flex; flex-direction:column; height:100%; } .esm-card-sub{ display:block; margin:20px 0 20px 0; font-size:20px; font-weight:600; letter-spacing:0.08em; color:#6d968f; line-height:1.4; align-self: center; } .esm-card-desc{ font-size:15px; line-height:1.85; letter-spacing:0.03em; color:#444; margin:0; flex-grow:1; } /* タグ */ .esm-card-meta span{ display:inline-flex; align-items:center; font-size:14px; font-weight:500 !important; line-height:1; color:#496e68; border:1px solid #d9e6e2; background:#fcfdfd; padding:7px 10px; border-radius:999px; letter-spacing:0.04em; } /* 詳しく見る */ .esm-card-more{ margin-top:20px; font-size:17px; font-weight:500; align-self:end; color:#4a6761; letter-spacing:0.05em; } .esm-card-more span{ display:inline-block; margin-left:6px; transition:transform .25s ease; } .esm-premium-card:hover .esm-card-more span{ transform:translateX(4px); } /* ========================= RESPONSIVE ========================= */ @media (max-width: 980px){ .esm-step-unit{ padding: 42px 28px 38px; border-radius: 20px; } .esm-card-flex{ grid-template-columns:1fr; gap:24px; } } @media (max-width: 768px){ .esm-service-head{ padding:90px 0 56px; } .svc-hero__title-en{ font-size:52px; letter-spacing:0.16em; } .svc-hero__title-ja{ font-size:16px; margin-top:10px; } .svc-hero__lead{ font-size:15px; line-height:2; margin-top:24px; } .esm-step-unit{ padding: 34px 18px 28px; border-radius: 18px; } .esm-step-band{ gap:10px; margin-bottom:18px; } .esm-step-band__line{ width:42px; } .esm-step-band__label{ font-size:11px; letter-spacing:0.18em; } .esm-step-head{ margin-bottom:30px; } .esm-step-main-ttl{ font-size:28px; } .esm-step-main-line{ width:56px; margin:10px auto 14px; } .esm-step-lead-text{ font-size:15px; line-height:1.9; } .esm-card-image{ height:180px; } .esm-card-info{ padding:20px 18px 18px; } .esm-card-sub{ font-size:18px; } .esm-card-h{ font-size:20px; } .esm-card-desc{ font-size:14px; line-height:1.9; } .esm-card-meta span{ font-size:13px; } .esm-card-more{ font-size:16px; } } /* 2. アフィンガーが自動付与する「記事エリアの装飾」を強制解除 */ .esm-service-section, .esm-service-content, .esm-inner-1140 { background: transparent !important; padding: 0 !important; margin: 0 auto !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e7419cd *//* ========================= STEP 02 ========================= */ /* STEP2もSTEP1と同じ幅感にする */ .esm-step-unit{ margin: 0 auto 50px; background: #ffffff; border-radius: 15px; padding: 30px 48px 44px; box-shadow: none; border: 1px solid #e2e9e6; } /* STEP帯 */ .esm-step-band{ display:flex; align-items:center; justify-content:center; gap:16px; margin:30px 0 22px 0; } .esm-step-band__line{ width:92px; height:1px; background: linear-gradient( 90deg, rgba(74,103,97,0) 0%, rgba(74,103,97,0.52) 50%, rgba(74,103,97,0) 100% ); } .esm-step-band__label{ font-size:14px; font-weight:600; letter-spacing:0.28em; margin: 5px 0 0 0; color:#4a6761; } /* STEP見出し */ .esm-step-head{ text-align:center; margin-bottom:38px; } .esm-step-main-ttl{ font-size:24px; line-height:1.6; color:#555 !important; font-weight:600 !important; margin:0; letter-spacing:0.08em; } /* 細いグラデアンダーライン */ .esm-step-main-line{ width:72px; height:2px; margin:8px auto 18px; background: linear-gradient( 90deg, rgba(47,92,84,0.95) 0%, rgba(108,164,150,0.72) 58%, rgba(221,207,176,0.34) 100% ); border-radius:999px; } .esm-step-lead-text{ margin:0 auto; padding-top:15px; max-width:760px; text-align:center; font-size:16px; line-height:1.8em; color:#555; letter-spacing:0.05em; } /* 3分類グリッド */ .esm-expertise-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: start; margin-top: 20px; } /* 各分類ボックス */ .esm-expertise-col{ position: relative; background: #fff; border: 2px solid #dfe8e4; overflow: hidden; box-shadow: 0 6px 18px rgba(60,90,85,0.05); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* 上部ライン：STEP1カードと揃える */ .esm-expertise-col::before{ content:""; position:absolute; top:0; left:0; width:100%; height:4px; z-index:2; background: linear-gradient( 90deg, rgba(42,87,79,1) 0%, rgba(79,133,122,0.92) 35%, rgba(149,185,174,0.60) 68%, rgba(224,211,183,0.26) 100% ); } .esm-expertise-col:hover{ transform: translateY(-5px); border-color: #cfded8; box-shadow: 0 16px 34px rgba(52,86,80,0.10); } /* 内側余白 */ .esm-expertise-head, .esm-expertise-lead, .esm-expertise-list{ padding-left: 22px; padding-right: 22px; } .esm-expertise-head{ padding-top: 24px; margin-bottom: 16px; } .esm-expertise-title{ margin:12px 0 12px; font-size:20px; line-height:1.55; color:#666!important; font-weight:500; letter-spacing:0.05em; } .esm-expertise-lead{ margin:0 0 25px; font-size:15px; line-height:1.95; letter-spacing:0.03em; color:#666; } /* 一覧 */ .esm-expertise-list{ list-style:none; margin:0; padding-top: 0; padding-bottom: 18px; border-top:1px solid #eff4f2; } .esm-expertise-list li{ margin:0; border-bottom:2px solid #eff4f2; } .esm-expertise-list li:last-child{ border-bottom:none; } .esm-expertise-list li a{ display:block; position:relative; padding:14px 24px 14px 0; color:#496e68; text-decoration:none; font-size:16px; font-weight: 500; line-height:1.8; letter-spacing:0.05em; transition: color .25s ease, padding-left .25s ease; } .esm-expertise-list li a::after{ content:"→"; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:15px; color:#7da79f; transition: transform .25s ease, color .25s ease; } .esm-expertise-list li a:hover{ color:#4a6761; padding-left:4px; } .esm-expertise-list li a:hover::after{ transform:translateY(-50%) translateX(3px); color:#4a6761; } /* --- 1. 3つのカードの高さを自動で揃える --- */ .esm-expertise-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: stretch; /* これで高さが一番高いものに揃います */ margin-top: 20px; } /* --- 3. リード文の高さを確保してガタつきを防ぐ --- */ .esm-expertise-lead { min-height: 4em; /* 最低2行分の高さを確保 */ } /* ========================= RESPONSIVE ========================= */ @media (max-width: 980px){ .esm-step-unit--02{ padding: 42px 28px 38px; border-radius: 20px; } .esm-expertise-grid{ grid-template-columns: 1fr; gap: 24px; } } @media (max-width: 768px){ .esm-step-unit--02{ padding: 34px 18px 28px; border-radius: 18px; } .esm-expertise-head, .esm-expertise-lead, .esm-expertise-list{ padding-left: 18px; padding-right: 18px; } .esm-expertise-head{ padding-top: 20px; } .esm-expertise-title{ font-size: 21px; } .esm-expertise-catch{ font-size: 15px; } .esm-expertise-lead{ font-size: 14px; line-height: 1.9; } .esm-expertise-list li a{ font-size: 14px; line-height: 1.75; padding: 13px 22px 13px 0; } } /* 2. アフィンガーが自動付与する「記事エリアの装飾」を強制解除 */ .esm-service-section, .esm-service-content, .esm-inner-1140 { background: transparent !important; padding: 0 !important; margin: 0 auto !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-99b624f *//* ========================= SERVICE：セクション見出し ========================= */ /* 既存の色味に寄せる（必要ならここだけ調整） */ :root{ --esm-green: #4A6761; /* 深緑（既存） */ --esm-ink: #2f2f2f; /* 文字 */ --esm-sub: #6f7a77; /* サブ文字 */ --esm-bg: #ffffff; /* 背景 */ } .svc-hero{ padding: 90px 0 0px; color: var(--esm-ink); } .svc-hero__inner{ max-width: 980px; margin: 0 auto; padding: 0 24px; text-align: center; } /* タイトル全体 */ .svc-hero__title{ margin: 0 0 18px; line-height: 1.1; } /* でかい「SERVICE」：明るめ青緑寄り＋光沢 */ .svc-hero__title-en{ display: inline-block; font-weight: 700; letter-spacing: 0.2em; font-size: 65px; background: linear-gradient( 90deg, rgba(210, 226, 221, 0.65) 0%, rgba(126, 166, 158, 0.92) 18%, rgba(198, 227, 221, 1) 50%, rgba(126, 166, 158, 0.92) 82%, rgba(210, 226, 221, 0.65) 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 8px 20px rgba(255,255,255,0.18), 0 6px 18px rgba(70, 95, 90, 0.05); position: relative; } /* 光沢 */ .svc-hero__title-en::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient( 90deg, rgba(108,160,150,0.35) 0%, rgba(76,120,110,0.92) 20%, rgba(150,190,175,1) 50%, rgba(76,120,110,0.92) 80%, rgba(108,160,150,0.35) 100% ); mix-blend-mode: screen; opacity: 0.65; -webkit-mask-image: linear-gradient(#000,#000); mask-image: linear-gradient(#000,#000); transform: translateX(-35%); animation: svcShine 3.2s ease-in-out infinite; } @keyframes svcShine{ 0%, 38% { transform: translateX(-48%); opacity: 0; } 52% { opacity: 0.65; } 82%,100% { transform: translateX(46%); opacity: 0; } } /* 小さい「サービス案内」 */ .svc-hero__title-ja{ display:block; margin: 20px 0px 0px 0px !important; font-size: 22px!important; letter-spacing: 0.1em; color: var(--esm-green); font-weight: 500; } /* リード */ .svc-hero__lead{ margin: 15px 0 0 0 px; max-width: 760px; align-content: center; font-size: 17px; font-weight: 500; line-height: 2.1; letter-spacing: 0.05em; color: #444; } /* PCだけ改行したい場合 */ .pc-only{ display: inline; } @media (max-width: 768px){ .svc-hero{ padding: 72px 0 22px; } .svc-hero__title-ja{ font-size: 14px; } .svc-hero__lead{ font-size: 14px; line-height: 2.0; } .pc-only{ display: none; } } /* アニメが苦手な人には停止 */ @media (prefers-reduced-motion: reduce){ .svc-hero__title-en::after{ animation: none; opacity: 0.25; transform: none; } } /* ▼SERVICEが上下で切れる対策（追記） */ .svc-hero__title{ line-height: 1.25; /* 1.1が詰まりすぎ。少し広げる */ overflow: visible; /* 念のため */ } .svc-hero__title-en{ line-height: 1.15; /* 文字自体の高さを確保 */ padding: 0.12em 0 0.14em; /* 上下に“余白”を足して切れ防止 */ overflow: visible; /* 念のため */ } /* Elementor/テーマが見出しをクリップしてる場合の保険 */ .svc-hero__inner, .svc-hero{ overflow: visible; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-8c5447b *//* ========================= SERVICE SECTION BASE ========================= */ .esm-service-section{ position: relative; background: #eef2f0; overflow: hidden; padding: 0 0 30px; } .esm-inner-980{ max-width: 1200px!important; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; } .esm-inner-1140{ max-width: 1140px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1; } /* ========================= SERVICE HEAD ========================= */ .esm-service-head{ padding: 100px 0 72px; text-align: center; } .svc-hero__title{ margin: 0; text-align: center; } /* でかい SERVICE：明るめ＋光沢 */ .svc-hero__title-en{ display: inline-block; position: relative; font-weight: 700; letter-spacing: 0.2em; font-size: 60px; line-height: 1.1; background: linear-gradient( 90deg, rgba(195,220,213,0.55) 0%, rgba(97,141,132,0.95) 18%, rgba(170,205,194,1) 50%, rgba(97,141,132,0.95) 82%, rgba(195,220,213,0.55) 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 8px 22px rgba(255,255,255,0.18), 0 8px 20px rgba(0,0,0,0.04); } /* 光沢の筋 */ .svc-hero__title-en::after { /* 念のため、光沢の範囲を親要素（文字）と同じサイズに固定 */ inset: 0; width: 100%; height: 100%; background: linear-gradient( 115deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.0) 35%, rgba(255,255,255,0.72) 48%, rgba(255,255,255,0.0) 60%, rgba(255,255,255,0) 100% ); mix-blend-mode: screen; opacity: 0.58; -webkit-mask-image: linear-gradient(#000, #000); mask-image: linear-gradient(#000, #000); transform: translateX(-35%); animation: svcShine 3.2s ease-in-out infinite; } @keyframes svcShine{ 0%, 40% { transform: translateX(-45%); opacity: 0.0; } 55% { opacity: 0.58; } 80%, 100% { transform: translateX(45%); opacity: 0.0; } } .svc-hero__title-ja{ display: block; margin-top: 16px; font-size: 18px; letter-spacing: 0.14em; color: #2f4c4f; font-weight: 500; } .svc-hero__lead{ margin: 36px auto 0; max-width: 760px; font-size: 17px; line-height: 2.0; color: #666; letter-spacing: 0.05em; text-align: center; } /* ========================= STEP UNIT ========================= */ .esm-step-unit{ margin: 0 auto 50px; background: #ffffff; border-radius: 15px; padding: 30px 48px 44px; box-shadow: none; border: 1px solid #e2e9e6; } /* STEP帯 */ .esm-step-band{ display:flex; align-items:center; justify-content:center; gap:16px; margin:30px 0 22px 0; } .esm-step-band__line{ width:92px; height:1px; background: linear-gradient( 90deg, rgba(74,103,97,0) 0%, rgba(74,103,97,0.52) 50%, rgba(74,103,97,0) 100% ); } .esm-step-band__label{ font-size:14px; font-weight:600; letter-spacing:0.28em; margin: 5px 0 0 0; color:#4a6761; } /* STEP見出し */ .esm-step-head{ text-align:center; margin-bottom:38px; } .esm-step-main-ttl{ font-size:24px; line-height:1.6; color:#555 !important; font-weight:600 !important; margin:0; letter-spacing:0.08em; } /* 細いグラデアンダーライン */ .esm-step-main-line{ width:72px; height:2px; margin:8px auto 18px; background: linear-gradient( 90deg, rgba(47,92,84,0.95) 0%, rgba(108,164,150,0.72) 58%, rgba(221,207,176,0.34) 100% ); border-radius:999px; } .esm-step-lead-text{ margin:0 auto; padding-top:15px; max-width:760px; text-align:center; font-size:16px; line-height:1.8em; color:#555; letter-spacing:0.05em; } /* ========================= CARD LAYOUT ========================= */ .esm-card-flex{ display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; padding-bottom: 30px; /* ←少し詰める */ align-items:stretch; margin-top:20px; } /* ========================= CARD DESIGN ========================= */ .esm-premium-card{ position:relative; background:#fff; border:1px solid #dfe8e4; /* ←輪郭を少し見せる */ overflow:hidden; box-shadow:0 6px 18px rgba(60,90,85,0.05); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* 上部ライン：緑→ゴールド、左濃→右薄 */ .esm-premium-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:3px; z-index:2; background: linear-gradient( 90deg, rgba(42,87,79,1) 0%, rgba(79,133,122,0.92) 35%, rgba(149,185,174,0.60) 68%, rgba(224,211,183,0.26) 100% ); } .esm-premium-card:hover{ transform:translateY(-5px); border-color:#cfded8; box-shadow:0 16px 34px rgba(52,86,80,0.10); } .esm-card-link-wrap{ display:flex; flex-direction:column; height:100%; color:inherit; text-decoration:none; } .esm-card-image{ height:160px; overflow:hidden; background:#f7f9f8; } .esm-premium-card:hover .esm-card-image img{ transform:scale(1.03); } .esm-card-info{ padding:0 22px 30px; display:flex; flex-direction:column; height:100%; } .esm-card-sub{ display:block; margin:20px 0 20px 0; font-size:20px; font-weight:600; letter-spacing:0.08em; color:#6d968f; line-height:1.4; align-self: center; } .esm-card-desc{ font-size:15px; line-height:1.85; letter-spacing:0.03em; color:#444; margin:0; flex-grow:1; } /* タグ */ .esm-card-meta span{ display:inline-flex; align-items:center; font-size:14px; font-weight:500 !important; line-height:1; color:#496e68; border:1px solid #d9e6e2; background:#fcfdfd; padding:7px 10px; border-radius:999px; letter-spacing:0.04em; } /* 詳しく見る */ .esm-card-more{ margin-top:20px; font-size:17px; font-weight:500; align-self:end; color:#4a6761; letter-spacing:0.05em; } .esm-card-more span{ display:inline-block; margin-left:6px; transition:transform .25s ease; } .esm-premium-card:hover .esm-card-more span{ transform:translateX(4px); } /* ========================= RESPONSIVE ========================= */ @media (max-width: 980px){ .esm-step-unit{ padding: 42px 28px 38px; border-radius: 20px; } .esm-card-flex{ grid-template-columns:1fr; gap:24px; } } @media (max-width: 768px){ .esm-service-head{ padding:90px 0 56px; } .svc-hero__title-en{ font-size:52px; letter-spacing:0.16em; } .svc-hero__title-ja{ font-size:16px; margin-top:10px; } .svc-hero__lead{ font-size:15px; line-height:2; margin-top:24px; } .esm-step-unit{ padding: 34px 18px 28px; border-radius: 18px; } .esm-step-band{ gap:10px; margin-bottom:18px; } .esm-step-band__line{ width:42px; } .esm-step-band__label{ font-size:11px; letter-spacing:0.18em; } .esm-step-head{ margin-bottom:30px; } .esm-step-main-ttl{ font-size:28px; } .esm-step-main-line{ width:56px; margin:10px auto 14px; } .esm-step-lead-text{ font-size:15px; line-height:1.9; } .esm-card-image{ height:180px; } .esm-card-info{ padding:20px 18px 18px; } .esm-card-sub{ font-size:18px; } .esm-card-h{ font-size:20px; } .esm-card-desc{ font-size:14px; line-height:1.9; } .esm-card-meta span{ font-size:13px; } .esm-card-more{ font-size:16px; } } /* 2. アフィンガーが自動付与する「記事エリアの装飾」を強制解除 */ .esm-service-section, .esm-service-content, .esm-inner-1140 { background: transparent !important; padding: 0 !important; margin: 0 auto !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-5c9160e *//* ========================= STEP 02 ========================= */ /* STEP2もSTEP1と同じ幅感にする */ .esm-step-unit{ margin: 0 auto 50px; background: #ffffff; border-radius: 15px; padding: 30px 48px 44px; box-shadow: none; border: 1px solid #e2e9e6; } /* STEP帯 */ .esm-step-band{ display:flex; align-items:center; justify-content:center; gap:16px; margin:30px 0 22px 0; } .esm-step-band__line{ width:92px; height:1px; background: linear-gradient( 90deg, rgba(74,103,97,0) 0%, rgba(74,103,97,0.52) 50%, rgba(74,103,97,0) 100% ); } .esm-step-band__label{ font-size:14px; font-weight:600; letter-spacing:0.28em; margin: 5px 0 0 0; color:#4a6761; } /* STEP見出し */ .esm-step-head{ text-align:center; margin-bottom:38px; } .esm-step-main-ttl{ font-size:24px; line-height:1.6; color:#555 !important; font-weight:600 !important; margin:0; letter-spacing:0.08em; } /* 細いグラデアンダーライン */ .esm-step-main-line{ width:72px; height:2px; margin:8px auto 18px; background: linear-gradient( 90deg, rgba(47,92,84,0.95) 0%, rgba(108,164,150,0.72) 58%, rgba(221,207,176,0.34) 100% ); border-radius:999px; } .esm-step-lead-text{ margin:0 auto; padding-top:15px; max-width:760px; text-align:center; font-size:16px; line-height:1.8em; color:#555; letter-spacing:0.05em; } /* 3分類グリッド */ .esm-expertise-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: start; margin-top: 20px; } /* 各分類ボックス */ .esm-expertise-col{ position: relative; background: #fff; border: 2px solid #dfe8e4; overflow: hidden; box-shadow: 0 6px 18px rgba(60,90,85,0.05); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; } /* 上部ライン：STEP1カードと揃える */ .esm-expertise-col::before{ content:""; position:absolute; top:0; left:0; width:100%; height:4px; z-index:2; background: linear-gradient( 90deg, rgba(42,87,79,1) 0%, rgba(79,133,122,0.92) 35%, rgba(149,185,174,0.60) 68%, rgba(224,211,183,0.26) 100% ); } .esm-expertise-col:hover{ transform: translateY(-5px); border-color: #cfded8; box-shadow: 0 16px 34px rgba(52,86,80,0.10); } /* 内側余白 */ .esm-expertise-head, .esm-expertise-lead, .esm-expertise-list{ padding-left: 22px; padding-right: 22px; } .esm-expertise-head{ padding-top: 24px; margin-bottom: 16px; } .esm-expertise-title{ margin:12px 0 12px; font-size:20px; line-height:1.55; color:#666!important; font-weight:500; letter-spacing:0.05em; } .esm-expertise-lead{ margin:0 0 25px; font-size:15px; line-height:1.95; letter-spacing:0.03em; color:#666; } /* 一覧 */ .esm-expertise-list{ list-style:none; margin:0; padding-top: 0; padding-bottom: 18px; border-top:1px solid #eff4f2; } .esm-expertise-list li{ margin:0; border-bottom:2px solid #eff4f2; } .esm-expertise-list li:last-child{ border-bottom:none; } .esm-expertise-list li a{ display:block; position:relative; padding:14px 24px 14px 0; color:#496e68; text-decoration:none; font-size:16px; font-weight: 500; line-height:1.8; letter-spacing:0.05em; transition: color .25s ease, padding-left .25s ease; } .esm-expertise-list li a::after{ content:"→"; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:15px; color:#7da79f; transition: transform .25s ease, color .25s ease; } .esm-expertise-list li a:hover{ color:#4a6761; padding-left:4px; } .esm-expertise-list li a:hover::after{ transform:translateY(-50%) translateX(3px); color:#4a6761; } /* --- 1. 3つのカードの高さを自動で揃える --- */ .esm-expertise-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: stretch; /* これで高さが一番高いものに揃います */ margin-top: 20px; } /* --- 3. リード文の高さを確保してガタつきを防ぐ --- */ .esm-expertise-lead { min-height: 4em; /* 最低2行分の高さを確保 */ } /* ========================= RESPONSIVE ========================= */ @media (max-width: 980px){ .esm-step-unit--02{ padding: 42px 28px 38px; border-radius: 20px; } .esm-expertise-grid{ grid-template-columns: 1fr; gap: 24px; } } @media (max-width: 768px){ .esm-step-unit--02{ padding: 34px 18px 28px; border-radius: 18px; } .esm-expertise-head, .esm-expertise-lead, .esm-expertise-list{ padding-left: 18px; padding-right: 18px; } .esm-expertise-head{ padding-top: 20px; } .esm-expertise-title{ font-size: 21px; } .esm-expertise-catch{ font-size: 15px; } .esm-expertise-lead{ font-size: 14px; line-height: 1.9; } .esm-expertise-list li a{ font-size: 14px; line-height: 1.75; padding: 13px 22px 13px 0; } } /* 2. アフィンガーが自動付与する「記事エリアの装飾」を強制解除 */ .esm-service-section, .esm-service-content, .esm-inner-1140 { background: transparent !important; padding: 0 !important; margin: 0 auto !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e64145d *//* ========================================================= CASES / voice section (Elementorで負けにくいようIDで固定) ========================================================= */ #esm-voice{ position: relative !important; width: 90vw !important; padding:50px; } /* はみ出しが親で切られる場合の保険 */ body{ overflow-x: hidden; } /* Elementor側のコンテナ */ #esm-voice .esm-voice__inner{ position: relative !important; z-index: 1 !important; max-width: 1100px; margin: 0 auto !important; padding: 0 40px !important; display: flow-root !important; } /* 見出し */ #esm-voice .esm-voice__head{ text-align: center !important; margin: 0 0 56px !important; padding: 0 !important; } /* CASES英字 */ #esm-voice .esm-voice__ttl-en{ display: block !important; position: relative !important; z-index: 2 !important; font-size: 48px !important; font-weight: 600 !important; letter-spacing: 0.22em !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; color: #47644552 !important; opacity: 1 !important; -webkit-text-fill-color: #7ea9a5 !important; } /* 日本語見出し */ #esm-voice .esm-voice__ttl-jp{ display:block !important; margin-top:30px !important; font-size:28px !important; font-weight:66600 !important; letter-spacing:0.12em !important; color:#2f4c4f !important; } /* リード文 */ #esm-voice .esm-voice__lead{ margin:24px auto 0 !important; max-width:760px !important; color:#555 !important; font-size:17px !important; line-height:2.0 !important; letter-spacing:0.05em !important; } /* リスト */ #esm-voice .esm-voice__list{ max-width:920px; margin:0 auto !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:18px !important; } /* 吹き出し */ #esm-voice .esm-bubble{ position:relative !important; background:#fff !important; border-radius:18px !important; padding:22px 24px !important; box-shadow:0 10px 20px rgba(0,0,0,0.08) !important; border:1px solid rgba(49,140,157,0.08); } /* タイトル */ #esm-voice .esm-bubble h3{ margin:0 0 10px !important; font-size:20px !important; line-height:1.5 !important; letter-spacing:0.03em !important; color:#243a3d !important; } /* 本文 */ #esm-voice .esm-bubble p{ margin:0 !important; color:#666 !important; font-size:17px !important; line-height:1.9 !important; letter-spacing: 0.03em; } /* しっぽ */ #esm-voice .esm-bubble--l::after, #esm-voice .esm-bubble--r::after{ content:"" !important; position:absolute !important; top:26px !important; width:14px !important; height:14px !important; background:#fff !important; transform:rotate(45deg) !important; box-shadow:8px 8px 18px rgba(0,0,0,0.03) !important; } #esm-voice .esm-bubble--l{ margin-right:10% !important; } #esm-voice .esm-bubble--l::after{ left:-7px !important; } #esm-voice .esm-bubble--r{ margin-left:10% !important; } #esm-voice .esm-bubble--r::after{ right:-7px !important; } /* 強調 */ #esm-voice .esm-bubble--accent{ border:1px solid rgba(49,140,157,0.18) !important; } /* レスポンシブ */ @media (max-width:768px){ #esm-voice.esm-voice{ padding:96px 0 110px !important; } #esm-voice .esm-voice__inner{ padding:0 18px !important; } #esm-voice .esm-voice__ttl-en{ font-size:56px !important; } #esm-voice .esm-voice__ttl-jp{ font-size:22px !important; margin-top:12px !important; } #esm-voice .esm-bubble--l, #esm-voice .esm-bubble--r{ margin:0 !important; } #esm-voice .esm-bubble{ padding:18px 18px !important; } #esm-voice .esm-bubble h3{ font-size:16px !important; } #esm-voice .esm-bubble p{ font-size:14px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-67c7f6f *//* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-664e532 *//* ========================================================= CASES / voice section (Elementorで負けにくいようIDで固定) ========================================================= */ #esm-voice{ position: relative !important; width: 90vw !important; padding:50px; } /* はみ出しが親で切られる場合の保険 */ body{ overflow-x: hidden; } /* Elementor側のコンテナ */ #esm-voice .esm-voice__inner{ position: relative !important; z-index: 1 !important; max-width: 1100px; margin: 0 auto !important; padding: 0 40px !important; display: flow-root !important; } /* 見出し */ #esm-voice .esm-voice__head{ text-align: center !important; margin: 0 0 56px !important; padding: 0 !important; } /* CASES英字 */ #esm-voice .esm-voice__ttl-en{ display: block !important; position: relative !important; z-index: 2 !important; font-size: 56px !important; font-weight: 700 !important; letter-spacing: 0.22em !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; color: #47644552 !important; opacity: 1 !important; -webkit-text-fill-color: #7ea9a5 !important; } /* 日本語見出し */ #esm-voice .esm-voice__ttl-jp{ display:block !important; margin-top:30px !important; font-size:28px !important; font-weight:66600 !important; letter-spacing:0.12em !important; color:#2f4c4f !important; } /* リード文 */ #esm-voice .esm-voice__lead{ margin:24px auto 0 !important; max-width:760px !important; color:#555 !important; font-size:17px !important; line-height:2.0 !important; letter-spacing:0.05em !important; } /* リスト */ #esm-voice .esm-voice__list{ max-width:920px; margin:0 auto !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:18px !important; } /* 吹き出し */ #esm-voice .esm-bubble{ position:relative !important; background:#fff !important; border-radius:18px !important; padding:22px 24px !important; box-shadow:0 10px 20px rgba(0,0,0,0.08) !important; border:1px solid rgba(49,140,157,0.08); } /* タイトル */ #esm-voice .esm-bubble h3{ margin:0 0 10px !important; font-size:19px !important; line-height:1.5 !important; letter-spacing:0.03em !important; color:#243a3d !important; } /* 本文 */ #esm-voice .esm-bubble p{ margin:0 !important; color:#666 !important; font-size:16px !important; line-height:1.9 !important; } /* しっぽ */ #esm-voice .esm-bubble--l::after, #esm-voice .esm-bubble--r::after{ content:"" !important; position:absolute !important; top:26px !important; width:14px !important; height:14px !important; background:#fff !important; transform:rotate(45deg) !important; box-shadow:8px 8px 18px rgba(0,0,0,0.03) !important; } #esm-voice .esm-bubble--l{ margin-right:10% !important; } #esm-voice .esm-bubble--l::after{ left:-7px !important; } #esm-voice .esm-bubble--r{ margin-left:10% !important; } #esm-voice .esm-bubble--r::after{ right:-7px !important; } /* 強調 */ #esm-voice .esm-bubble--accent{ border:1px solid rgba(49,140,157,0.18) !important; } /* レスポンシブ */ @media (max-width:768px){ #esm-voice.esm-voice{ padding:96px 0 110px !important; } #esm-voice .esm-voice__inner{ padding:0 18px !important; } #esm-voice .esm-voice__ttl-en{ font-size:56px !important; } #esm-voice .esm-voice__ttl-jp{ font-size:22px !important; margin-top:12px !important; } #esm-voice .esm-bubble--l, #esm-voice .esm-bubble--r{ margin:0 !important; } #esm-voice .esm-bubble{ padding:18px 18px !important; } #esm-voice .esm-bubble h3{ font-size:16px !important; } #esm-voice .esm-bubble p{ font-size:14px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7dcf42c *//* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-4f7f3e7 *//* ========================= ABOUT（事務所案内） ========================= */ .esm-about{ position: relative; padding: 70px 0 !important; overflow: hidden; } /* セクション“全幅”に薄いグリーンを敷く（ボックスに見えないように） */ .esm-about::before{ content:""; position:absolute; inset:0; background: radial-gradient(1000px 420px at 18% 22%, rgba(49,140,157,.16), rgba(49,140,157,0) 60%), radial-gradient(900px 420px at 82% 65%, rgba(49,140,157,.10), rgba(49,140,157,0) 62%), linear-gradient(180deg, rgba(49,140,157,.06), rgba(255,255,255,0) 65%); pointer-events:none; } .esm-about__inner{ position: relative; max-width: 1100px; margin: 0 auto; padding: 0 5px; } /* 見出し：「英語うっすら」「日本語くっきり」 */ .esm-about__head{ position: relative; text-align: center; margin-top:100px; margin-bottom: 54px; } .esm-about__en{ font-size: 50px!important; letter-spacing: .22em; line-height: 1; margin: 0; color: rgba(49,140,157,.12); /* うっすら英字 */ user-select: none; } .esm-about__jp{ font-size: 26px!important; letter-spacing: .22em; margin: 20px 0px 60px 0px!important ; color:#4A6761!important; font-weight: 600; } .esm-about__lead{ margin: 70px auto 0; padding-bottom: 20px; max-width: 820px; font-size:24px!important; line-height: 1.8; color: #2f4b4a; } /* 2カラム */ .esm-about__grid{ display: grid; grid-template-columns: 1.4fr .7fr; gap: 50px; align-items: start; margin-bottom:70px!important; } /* 本文：囲み罫なし／読みやすさだけ整える */ .esm-about__text{ padding-top: 6px; } .esm-about__text p{ font-size: 17px!important; line-height: 2.15; color: #555; margin: 0 0 18px; text-align: justify; } .esm-about__text strong{ color: #234140; font-weight: 700; text-decoration: none; background: linear-gradient(transparent 68%, rgba(49,140,157,.18) 0); } /* 署名 */ .esm-about__sign{ margin-top: 50px; text-align: right; } .esm-about__post{ margin: 0 0 6px; font-size: 12px; color: rgba(47,75,74,.75); letter-spacing: .08em; } .esm-about__name{ margin: 0; font-size: 20px!important; letter-spacing: .12em; color: #234140; } /* CTAリンク：品よくボタンっぽく（でも主張しすぎない） */ .esm-about__cta{ margin-top: 22px; } .esm-about__link{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; text-decoration: none; color: var(--esm-green); background: rgba(255,255,255,.5); border: 1.5px solid rgba(49,140,157,.18); box-shadow: 0 10px 22px rgba(0,0,0,.06); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; font-size: 15px; letter-spacing: .06em; } .esm-about__link:hover{ transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0,0,0,.08); background: rgba(84,140,108,.06) } .esm-about__arrow{ opacity: .8; } /* 画像：枠線なし、柔らかく品よく */ .esm-about__media{ margin: 0; } .esm-about__img{ border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 5; box-shadow: 0 18px 44px rgba(0,0,0,.10); background: rgba(255,255,255,.3); } .esm-about__img img{ width: 100%; height: 100%; object-fit: cover; filter: saturate(92%) contrast(96%); } /* レスポンシブ */ @media (max-width: 900px){ .esm-about{ padding: 88px 0; } .esm-about__inner{ padding: 0 20px; } .esm-about__grid{ grid-template-columns: 1fr; gap: 28px; } .esm-about__media{ order: -1; } .esm-about__img{ aspect-ratio: 16 / 10; } .esm-about__jp{ margin-top: -14px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-a64c9bc *//* ========================= ABOUT（事務所案内） ========================= */ .esm-about{ position: relative; overflow: hidden; } /* セクション“全幅”に薄いグリーンを敷く（ボックスに見えないように） */ .esm-about::before{ content:""; position:absolute; inset:0; background: radial-gradient(900px 420px at 18% 22%, rgba(49,140,157,.16), rgba(49,140,157,0) 60%), radial-gradient(900px 420px at 82% 65%, rgba(49,140,157,.10), rgba(49,140,157,0) 62%), linear-gradient(180deg, rgba(49,140,157,.06), rgba(255,255,255,0) 65%); pointer-events:none; } .esm-about__inner{ position: relative; max-width: 1100px; margin: 0 auto; } /* 見出し：STRUCTUREみたいに「英語うっすら」「日本語くっきり」 */ .esm-about__head{ position: relative; text-align: center; margin-top:50px; margin-bottom: 54px; } .esm-about__en{ font-size: 36px!important; letter-spacing: 0.2em; line-height: 1; margin: 0; color: rgba(49,140,157,.25); /* うっすら英字 */ user-select: none; } .esm-about__jp{ font-size: 22px!important; letter-spacing: 0.3em; margin: 10 0 ; color:#4A6761!important; font-weight: 600; } .esm-about__lead{ margin: 30px 0 15px 0!important; padding-bottom: 5px; max-width: 820px; font-size:20px; line-height: 1.7em; letter-spacing: 0.03em; color: #2f4b4a; } /* 2カラム */ .esm-about__grid{ display: grid; grid-template-columns: 1.2fr .7fr; gap: 56px; align-items: start; margin-bottom:70px!important; } /* 本文：囲み罫なし／読みやすさだけ整える */ .esm-about__text{ padding-top: 6px; } .esm-about__text p{ font-size: 16px; line-height: 1.8em; letter-spacing: 0.03em; color: #555; margin: 0 0 18px; text-align: justify; } .esm-about__text strong{ color: #234140; font-weight: 700; text-decoration: none; background: linear-gradient(transparent 68%, rgba(49,140,157,.18) 0); } /* 署名 */ .esm-about__sign{ margin-top: 50px; align-self: right; } .esm-about__post{ margin: 0 0 6px; font-size: 14px; color: rgba(47,75,74,.75); letter-spacing: .08em; } .esm-about__name{ margin: 0; font-size: 20px!important; letter-spacing: .12em; color: #234140; } /* CTAリンク：品よくボタンっぽく（でも主張しすぎない） */ .esm-about__cta{ margin-top: 22px; } .esm-about__link{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; text-decoration: none; color: var(--esm-green); background: rgba(255,255,255,.5); border: 1.5px solid rgba(49,140,157,.18); box-shadow: 0 10px 22px rgba(0,0,0,.06); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; font-size: 15px; letter-spacing: .06em; } .esm-about__link:hover{ transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0,0,0,.08); background: rgba(84,140,108,.06) } .esm-about__arrow{ opacity: .8; } /* 画像：枠線なし、柔らかく品よく */ .esm-about__media{ margin: 0; } .esm-about__img{ border-radius: 18px; overflow: hidden; aspect-ratio: 4 / 5; box-shadow: 0 18px 44px rgba(0,0,0,.10); background: rgba(255,255,255,.3); } .esm-about__img img{ width: 100%; height: 100%; object-fit: cover; filter: saturate(92%) contrast(96%); } /* レスポンシブ */ @media (max-width: 900px){ .esm-about{ padding: 0px 0; } .esm-about__inner{ padding: 0 20px; } .esm-about__grid{ grid-template-columns: 1fr; gap: 28px; } .esm-about__media{ order: -1; } .esm-about__img{ aspect-ratio: 16 / 10; } .esm-about__jp{ margin-top: -14px; } }/* End custom CSS */ /* Start custom CSS for wp-widget-newentry_widget, class: .elementor-element-0538003 *//* --- テキストエリア (dd) --- */ .newentrybox dd { flex: 1 !important; /* 残りの幅をすべて使う */ padding-left: 30px !important; /* 画像との間隔を広めに */ margin: 0 !important; display: flex; flex-direction: column; justify-content: center; } /* 投稿タイトル（太字をやめる） */ .kanren-t{ font-weight: 500 !important; font-size: 20px !important; line-height: 1.7 !important; letter-spacing: 0.02em !important; } /* タイトルリンク */ .kanren-t a{ font-weight: 500 !important; color:#234140 !important; text-decoration:none !important; } /* カテゴリラベル */ .st-catgroup{ font-size:12px !important; font-weight:500 !important; } /* 日付 */ .blog_info{ font-size:13px !important; color:#7c8a87 !important; }/* End custom CSS */