.elementor-10 .elementor-element.elementor-element-f903b97{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d77cc65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-474de2c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9232bff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-2d7010a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-eba5a31 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:58px;line-height:40px;color:#DEE7ED;}.elementor-10 .elementor-element.elementor-element-d7138f0 .elementor-heading-title{font-size:58px;line-height:42px;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-496b6b2{text-align:start;}.elementor-10 .elementor-element.elementor-element-496b6b2 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:34px;font-weight:500;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-04babf9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-99d5d48{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-10 .elementor-element.elementor-element-21996c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7a926f1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-1803e48{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-133760b .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:60px;line-height:40px;color:#DEE7ED;}.elementor-10 .elementor-element.elementor-element-181380f .elementor-heading-title{font-size:68px;line-height:50px;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-586299b{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d966753 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:22px;font-weight:500;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-2d9db03{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-159d963{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-86a1218 img{border-radius:4px 4px 4px 4px;}.elementor-10 .elementor-element.elementor-element-2f19c5e{--display:flex;--min-height:62px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--border-radius:8px 8px 8px 8px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-2f19c5e:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2f19c5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2877BC;}.elementor-10 .elementor-element.elementor-element-97a2564 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-f19d23b .elementor-heading-title{font-size:42px;font-weight:700;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8cb8b43 .elementor-heading-title{font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ed440ac{text-align:center;}.elementor-10 .elementor-element.elementor-element-ed440ac .elementor-heading-title{font-size:20px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-a58dbc3{font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-f274ebf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-1a6f776 img{border-radius:4px 4px 4px 4px;}.elementor-10 .elementor-element.elementor-element-252d5b9{--display:flex;--min-height:62px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--border-radius:8px 8px 8px 8px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-252d5b9:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-252d5b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2877BC;}.elementor-10 .elementor-element.elementor-element-27bc523 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9272ef1 .elementor-heading-title{font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8b58c84{text-align:center;}.elementor-10 .elementor-element.elementor-element-8b58c84 .elementor-heading-title{font-size:20px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-f57989d{font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-b47914e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-21e1556 img{border-radius:4px 4px 4px 4px;}.elementor-10 .elementor-element.elementor-element-0a481b3{--display:flex;--min-height:62px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--border-radius:8px 8px 8px 8px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-0a481b3:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-0a481b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2877BC;}.elementor-10 .elementor-element.elementor-element-12a1527 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-ffaa1e7 .elementor-heading-title{font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7edbeca{text-align:center;}.elementor-10 .elementor-element.elementor-element-7edbeca .elementor-heading-title{font-size:20px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-ab21985{font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-99f754c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e381f46{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#333333;}.elementor-10 .elementor-element.elementor-element-e381f46 .elementor-headline{text-align:center;font-family:"Noto Sans JP", Sans-serif;font-size:31px;letter-spacing:1px;}.elementor-10 .elementor-element.elementor-element-e381f46 .elementor-headline-plain-text{color:#333333;}.elementor-10 .elementor-element.elementor-element-e381f46 .elementor-headline-dynamic-text{font-family:"Noto Sans JP", Sans-serif;}.elementor-10 .elementor-element.elementor-element-e381f46 .elementor-headline-dynamic-wrapper path{stroke:#D6E628;}.elementor-10 .elementor-element.elementor-element-9ff0197{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-73b6686{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D4DDE0;--border-color:#D4DDE0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-b65041d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-b65041d:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-b65041d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-1dabcb0 .elementor-heading-title{font-size:20px;letter-spacing:1px;color:#203547;}.elementor-10 .elementor-element.elementor-element-5f7e5c0{width:var( --container-widget-width, 610px );max-width:610px;--container-widget-width:610px;--container-widget-flex-grow:0;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-5f7e5c0.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-7cb8054{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D4DDE0;--border-color:#D4DDE0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-54cfa0b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-54cfa0b:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-54cfa0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-4f9366c .elementor-heading-title{font-size:20px;letter-spacing:1px;color:#203547;}.elementor-10 .elementor-element.elementor-element-1f08280{width:var( --container-widget-width, 610px );max-width:610px;--container-widget-width:610px;--container-widget-flex-grow:0;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-1f08280.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-d80ed58{--display:flex;--min-height:130px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D4DDE0;--border-color:#D4DDE0;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-4dc5c77{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-4dc5c77:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-4dc5c77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-442cb7a .elementor-heading-title{font-size:20px;letter-spacing:1px;color:#203547;}.elementor-10 .elementor-element.elementor-element-6166b8d{width:var( --container-widget-width, 610px );max-width:610px;--container-widget-width:610px;--container-widget-flex-grow:0;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-6166b8d.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-d816017{--display:flex;--min-height:860px;--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-d816017 > .elementor-shape-top .elementor-shape-fill, .elementor-10 .elementor-element.elementor-element-d816017 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-98bc0d1{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-98bc0d1 > .elementor-shape-top svg, .elementor-10 .elementor-element.elementor-element-98bc0d1 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:120px;}.elementor-10 .elementor-element.elementor-element-5c079ce{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5c079ce.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-a0756fb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-30e7000{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-853a0e2{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e3bac6a .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:58px;line-height:38px;color:#DEE7ED;}.elementor-10 .elementor-element.elementor-element-dcd6e77 .elementor-heading-title{font-size:58px;line-height:46px;color:#A1D1DD;}.elementor-10 .elementor-element.elementor-element-9d3eac1{text-align:center;}.elementor-10 .elementor-element.elementor-element-9d3eac1 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:32px;font-weight:500;line-height:34px;letter-spacing:2px;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-43d031f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-10 .elementor-element.elementor-element-6a40716{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-84f73f3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-84f73f3.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-5116f80.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-c006458{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c006458:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-c006458 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-50b68e9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5659f7e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7284eee{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-34feece{text-align:center;}.elementor-10 .elementor-element.elementor-element-34feece .elementor-heading-title{font-size:60px;line-height:50px;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-896bb71{text-align:center;}.elementor-10 .elementor-element.elementor-element-896bb71 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-weight:500;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-47cf1bc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ff8caec{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-013aaab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-013aaab.e-con{--align-self:flex-end;}.elementor-10 .elementor-element.elementor-element-7300b41{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f55c576{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f55c576:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-f55c576 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-86b0c6c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-8bce130{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7e3e9ee{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-40b94d5{text-align:center;}.elementor-10 .elementor-element.elementor-element-40b94d5 .elementor-heading-title{font-size:60px;line-height:50px;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-f1e41c9{text-align:center;}.elementor-10 .elementor-element.elementor-element-f1e41c9 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-weight:500;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-86bb924{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-72c71ab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-6c97f4b{background-color:#D7F9FC;padding:10px 20px 10px 20px;text-align:center;}.elementor-10 .elementor-element.elementor-element-6c97f4b.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-6c97f4b .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-weight:600;letter-spacing:2px;color:#316785;}.elementor-10 .elementor-element.elementor-element-6564241{text-align:center;}.elementor-10 .elementor-element.elementor-element-6564241 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:30px;letter-spacing:2px;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-358f4bb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-67e8467{width:var( --container-widget-width, 646px );max-width:646px;--container-widget-width:646px;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-67e8467.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-ee23001{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9f3775b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-4e3f015{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-4e3f015:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-4e3f015 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-a2066fe{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-edc70ac{--display:flex;--min-height:60px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-edc70ac:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-edc70ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2877BC;}.elementor-10 .elementor-element.elementor-element-fad15f5{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-fad15f5 img{width:100%;}.elementor-10 .elementor-element.elementor-element-0d2b787{width:var( --container-widget-width, 260px );max-width:260px;--container-widget-width:260px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-0d2b787.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-0d2b787 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:22px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-14b8fea{width:100%;max-width:100%;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-14b8fea.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-7049969{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-7049969:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-7049969 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7565934{text-align:center;}.elementor-10 .elementor-element.elementor-element-7565934 .elementor-heading-title{color:#2877BC;}.elementor-10 .elementor-element.elementor-element-1c0767e{width:100%;max-width:100%;text-align:center;font-family:"Noto Sans JP", Sans-serif;font-size:14px;line-height:18px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-1c0767e.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-b6e02b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f5f7869{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A7A7A7;--border-color:#A7A7A7;}.elementor-10 .elementor-element.elementor-element-fe37622{text-align:start;}.elementor-10 .elementor-element.elementor-element-fe37622 .elementor-heading-title{font-size:14px;color:#333333;}.elementor-10 .elementor-element.elementor-element-969885f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-10 .elementor-element.elementor-element-3d0618f{text-align:start;}.elementor-10 .elementor-element.elementor-element-3d0618f .elementor-heading-title{font-size:14px;color:#333333;}.elementor-10 .elementor-element.elementor-element-fdbe281{text-align:start;}.elementor-10 .elementor-element.elementor-element-fdbe281 .elementor-heading-title{font-size:16px;font-weight:500;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-e2067b3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-10 .elementor-element.elementor-element-c52d01c{text-align:start;}.elementor-10 .elementor-element.elementor-element-c52d01c .elementor-heading-title{font-size:14px;color:#333333;}.elementor-10 .elementor-element.elementor-element-b5d6c32{text-align:start;}.elementor-10 .elementor-element.elementor-element-b5d6c32 .elementor-heading-title{font-size:16px;font-weight:500;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-c99a8e9{width:100%;max-width:100%;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-c99a8e9.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-c78a9bf{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-c78a9bf:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-c78a9bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-19f91e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e6d1967{--display:flex;--min-height:60px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-e6d1967:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-e6d1967 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2877BC;}.elementor-10 .elementor-element.elementor-element-12c9a7d{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-12c9a7d img{width:100%;}.elementor-10 .elementor-element.elementor-element-43b17b6{width:var( --container-widget-width, 331px );max-width:331px;--container-widget-width:331px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-43b17b6.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-43b17b6 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:22px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-cbf03d3{width:100%;max-width:100%;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-cbf03d3.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-88fe2e0{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-88fe2e0:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-88fe2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-70b7b66{text-align:center;}.elementor-10 .elementor-element.elementor-element-70b7b66 .elementor-heading-title{color:#2877BC;}.elementor-10 .elementor-element.elementor-element-7b6cdc7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-dd94252{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#A7A7A7;--border-color:#A7A7A7;}.elementor-10 .elementor-element.elementor-element-8c363c5{text-align:center;}.elementor-10 .elementor-element.elementor-element-8c363c5 .elementor-heading-title{font-size:14px;color:#333333;}.elementor-10 .elementor-element.elementor-element-fb7df82{text-align:center;}.elementor-10 .elementor-element.elementor-element-fb7df82 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:16px;font-weight:500;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-33c1671{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;}.elementor-10 .elementor-element.elementor-element-418aff9{text-align:center;}.elementor-10 .elementor-element.elementor-element-418aff9 .elementor-heading-title{font-size:14px;color:#333333;}.elementor-10 .elementor-element.elementor-element-e8b44b3{text-align:center;}.elementor-10 .elementor-element.elementor-element-e8b44b3 .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:16px;font-weight:500;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-e7b41b6{width:100%;max-width:100%;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-e7b41b6.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-1bbbf12{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-1bbbf12:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-1bbbf12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-8f7ca82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-94c2ac0{--display:flex;--min-height:60px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-94c2ac0:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-94c2ac0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2877BC;}.elementor-10 .elementor-element.elementor-element-1727e01{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-1727e01 img{width:100%;}.elementor-10 .elementor-element.elementor-element-fa749cf{width:var( --container-widget-width, 387px );max-width:387px;--container-widget-width:387px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-fa749cf.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-fa749cf .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:22px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-d1923e7{width:100%;max-width:100%;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-d1923e7.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-5592c6f{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-5592c6f:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-5592c6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7377c3e{text-align:center;}.elementor-10 .elementor-element.elementor-element-7377c3e .elementor-heading-title{color:#2877BC;}.elementor-10 .elementor-element.elementor-element-cbddf9d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-6bac1b0 .elementor-heading-title{font-weight:600;}.elementor-10 .elementor-element.elementor-element-8f57d3f{width:100%;max-width:100%;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:14px;line-height:16px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-8f57d3f.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-icon i{color:#75D5CE;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-icon svg{fill:#75D5CE;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-ff9640d{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-item > a{font-family:"Noto Sans JP", Sans-serif;font-size:14px;letter-spacing:1px;}.elementor-10 .elementor-element.elementor-element-ff9640d .elementor-icon-list-text{color:#969696;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-6a1bed4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-60f2317 .elementor-heading-title{font-weight:600;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-icon i{color:#75D5CE;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-icon svg{fill:#75D5CE;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-de18d10{--e-icon-list-icon-size:10px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-item > a{font-family:"Noto Sans JP", Sans-serif;font-size:14px;letter-spacing:1px;}.elementor-10 .elementor-element.elementor-element-de18d10 .elementor-icon-list-text{color:#969696;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-2929c9f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-10 .elementor-element.elementor-element-2929c9f:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2929c9f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-fb16356{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-8531aaa{--display:flex;--min-height:60px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:100px 100px 100px 100px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-10 .elementor-element.elementor-element-8531aaa:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-8531aaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2877BC;}.elementor-10 .elementor-element.elementor-element-d804cd4{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-d804cd4 img{width:100%;}.elementor-10 .elementor-element.elementor-element-a64591f{width:var( --container-widget-width, 387px );max-width:387px;--container-widget-width:387px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-a64591f.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-a64591f .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-size:22px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-4f65c86{width:100%;max-width:100%;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-4f65c86.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-65d8b09{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-bae549f{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-3574387{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c6597ff{width:var( --container-widget-width, 762px );max-width:762px;--container-widget-width:762px;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;color:#333333;}.elementor-10 .elementor-element.elementor-element-c6597ff.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-5d88600{width:var( --container-widget-width, 467px );max-width:467px;--container-widget-width:467px;--container-widget-flex-grow:0;text-align:center;font-family:"Noto Sans JP", Sans-serif;font-size:14px;line-height:22px;letter-spacing:1px;color:#999999;}.elementor-10 .elementor-element.elementor-element-5d88600.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-45867a7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-bc521b8{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-bc521b8:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-bc521b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F8;}.elementor-10 .elementor-element.elementor-element-b9dba0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ff5131f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-4d69f01{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-689b97b{text-align:center;}.elementor-10 .elementor-element.elementor-element-689b97b .elementor-heading-title{font-size:60px;line-height:50px;color:#2877BC;}.elementor-10 .elementor-element.elementor-element-5c51daf{text-align:center;}.elementor-10 .elementor-element.elementor-element-5c51daf .elementor-heading-title{font-family:"Noto Sans JP", Sans-serif;font-weight:500;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-be8af68{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-be6bc6f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-85fe68b{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-ba63181{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-9232bff{--width:500px;}.elementor-10 .elementor-element.elementor-element-7a926f1{--width:500px;}.elementor-10 .elementor-element.elementor-element-586299b{--width:380px;}.elementor-10 .elementor-element.elementor-element-9ff0197{--width:900px;}.elementor-10 .elementor-element.elementor-element-b65041d{--width:270px;}.elementor-10 .elementor-element.elementor-element-54cfa0b{--width:270px;}.elementor-10 .elementor-element.elementor-element-4dc5c77{--width:270px;}.elementor-10 .elementor-element.elementor-element-a0756fb{--width:1140px;}.elementor-10 .elementor-element.elementor-element-30e7000{--width:500px;}.elementor-10 .elementor-element.elementor-element-84f73f3{--width:100%;}.elementor-10 .elementor-element.elementor-element-47cf1bc{--width:900px;}.elementor-10 .elementor-element.elementor-element-013aaab{--width:300px;}.elementor-10 .elementor-element.elementor-element-8bce130{--width:500px;}.elementor-10 .elementor-element.elementor-element-4e3f015{--width:48%;}.elementor-10 .elementor-element.elementor-element-edc70ac{--width:60px;}.elementor-10 .elementor-element.elementor-element-f5f7869{--width:150px;}.elementor-10 .elementor-element.elementor-element-969885f{--width:28%;}.elementor-10 .elementor-element.elementor-element-e2067b3{--width:30%;}.elementor-10 .elementor-element.elementor-element-c78a9bf{--width:48%;}.elementor-10 .elementor-element.elementor-element-e6d1967{--width:60px;}.elementor-10 .elementor-element.elementor-element-dd94252{--width:42%;}.elementor-10 .elementor-element.elementor-element-33c1671{--width:55%;}.elementor-10 .elementor-element.elementor-element-1bbbf12{--width:48%;}.elementor-10 .elementor-element.elementor-element-94c2ac0{--width:60px;}.elementor-10 .elementor-element.elementor-element-2929c9f{--width:48%;}.elementor-10 .elementor-element.elementor-element-8531aaa{--width:60px;}.elementor-10 .elementor-element.elementor-element-ff5131f{--width:500px;}.elementor-10 .elementor-element.elementor-element-85fe68b{--width:300px;}.elementor-10 .elementor-element.elementor-element-ba63181{--width:300px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-93e32cc{padding:0px 0px 0px 0px;}.elementor-10 .elementor-element.elementor-element-d77cc65{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9232bff{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-2d7010a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-10 .elementor-element.elementor-element-eba5a31 .elementor-heading-title{font-size:40px;line-height:0.8em;}.elementor-10 .elementor-element.elementor-element-d7138f0 .elementor-heading-title{font-size:40px;line-height:0.8em;}.elementor-10 .elementor-element.elementor-element-496b6b2 .elementor-heading-title{font-size:20px;}.elementor-10 .elementor-element.elementor-element-99d5d48{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-133760b .elementor-heading-title{font-size:40px;line-height:0.8em;}.elementor-10 .elementor-element.elementor-element-181380f .elementor-heading-title{font-size:40px;line-height:0.8em;}.elementor-10 .elementor-element.elementor-element-d966753 .elementor-heading-title{font-size:16px;}.elementor-10 .elementor-element.elementor-element-97a2564 .elementor-heading-title{font-size:16px;}.elementor-10 .elementor-element.elementor-element-f19d23b .elementor-heading-title{font-size:38px;}.elementor-10 .elementor-element.elementor-element-8cb8b43 .elementor-heading-title{font-size:20px;}.elementor-10 .elementor-element.elementor-element-ed440ac .elementor-heading-title{font-size:18px;}.elementor-10 .elementor-element.elementor-element-a58dbc3{font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-27bc523 .elementor-heading-title{font-size:16px;}.elementor-10 .elementor-element.elementor-element-8b58c84 .elementor-heading-title{font-size:18px;}.elementor-10 .elementor-element.elementor-element-f57989d{font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-12a1527 .elementor-heading-title{font-size:16px;}.elementor-10 .elementor-element.elementor-element-7edbeca .elementor-heading-title{font-size:18px;}.elementor-10 .elementor-element.elementor-element-ab21985{font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-e381f46 .elementor-headline{font-size:24px;}.elementor-10 .elementor-element.elementor-element-9ff0197{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-10 .elementor-element.elementor-element-73b6686{--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-10 .elementor-element.elementor-element-1dabcb0 .elementor-heading-title{font-size:16px;}.elementor-10 .elementor-element.elementor-element-5f7e5c0{padding:0px 0px 0px 0px;font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-7cb8054{--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-10 .elementor-element.elementor-element-4f9366c .elementor-heading-title{font-size:16px;}.elementor-10 .elementor-element.elementor-element-1f08280{font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-d80ed58{--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-10 .elementor-element.elementor-element-442cb7a .elementor-heading-title{font-size:16px;}.elementor-10 .elementor-element.elementor-element-6166b8d{font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-d816017{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-d816017 > .elementor-shape-top svg, .elementor-10 .elementor-element.elementor-element-d816017 > .e-con-inner > .elementor-shape-top svg{width:calc(132% + 1.3px);height:126px;}.elementor-10 .elementor-element.elementor-element-98bc0d1{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-10 .elementor-element.elementor-element-e3bac6a .elementor-heading-title{font-size:40px;line-height:0.8em;}.elementor-10 .elementor-element.elementor-element-dcd6e77 .elementor-heading-title{font-size:40px;line-height:0.8em;}.elementor-10 .elementor-element.elementor-element-9d3eac1 .elementor-heading-title{font-size:18px;line-height:1em;}.elementor-10 .elementor-element.elementor-element-43d031f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-84f73f3{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5116f80{width:auto;max-width:auto;}.elementor-10 .elementor-element.elementor-element-5116f80.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-c006458{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-5659f7e{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-10 .elementor-element.elementor-element-34feece .elementor-heading-title{font-size:40px;line-height:1em;}.elementor-10 .elementor-element.elementor-element-896bb71 .elementor-heading-title{font-size:18px;}.elementor-10 .elementor-element.elementor-element-013aaab{--width:94%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-013aaab.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-8956319{width:auto;max-width:auto;}.elementor-10 .elementor-element.elementor-element-8956319.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-f55c576{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-8bce130{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-10 .elementor-element.elementor-element-40b94d5 .elementor-heading-title{font-size:40px;line-height:1em;}.elementor-10 .elementor-element.elementor-element-f1e41c9 .elementor-heading-title{font-size:18px;}.elementor-10 .elementor-element.elementor-element-86bb924{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-72c71ab{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10 .elementor-element.elementor-element-6c97f4b{padding:8px 16px 8px 16px;}.elementor-10 .elementor-element.elementor-element-6c97f4b .elementor-heading-title{font-size:14px;}.elementor-10 .elementor-element.elementor-element-6564241{width:var( --container-widget-width, 216px );max-width:216px;--container-widget-width:216px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-6564241 .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-10 .elementor-element.elementor-element-67e8467{font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-bae549f{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-c6597ff{width:100%;max-width:100%;padding:0px 20px 0px 20px;font-size:14px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-5d88600{width:100%;max-width:100%;padding:0px 20px 0px 20px;font-size:12px;line-height:1.6em;}.elementor-10 .elementor-element.elementor-element-45867a7{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-bc521b8{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-10 .elementor-element.elementor-element-ff5131f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-10 .elementor-element.elementor-element-689b97b .elementor-heading-title{font-size:40px;line-height:1em;}.elementor-10 .elementor-element.elementor-element-5c51daf .elementor-heading-title{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-93e32cc *//* ========================================================= LED HERO - Desktop Base Style (Responsive Removed) ========================================================= */ /* 0) ルート：高さ固定・はみ出し制御 */ .ls-heroRoot { position: relative; width: 100%; height: 700px; overflow: hidden; } /* 1) 背景グラデーション */ .ls-heroBg { position: absolute; inset: 0; background: linear-gradient(135deg, #58e9e6, #1342b5, #7368e2); background-size: 200% 200%; animation: ls-waveGradient 18s ease-in-out infinite alternate; z-index: 0; pointer-events: none; } /* 3) セクション本体 */ .ls-hero { position: relative; width: 100%; color: #fff; padding: 110px 0; box-sizing: border-box; } .ls-heroInner { max-width: 1140px; margin: 0 auto; padding: 0 20px; display: flex; align-items: stretch; justify-content: space-between; column-gap: 0px; } /* -------------------------- 左：テキスト・コンテンツ -------------------------- */ .ls-heroContent { width: 40%; min-width: 320px; transform: translateY(0px); } /* アイキャッチ */ .ls-heroEyecatch { margin: 0 0 16px; text-align: center; opacity: 0; transform: translateY(12px); animation: ls-fadeUpSm .7s ease-out forwards; animation-delay: 3.4s; } .ls-heroEyecatchImg { display: inline-block; width: 260px; height: auto; margin-bottom: -10px; } /* メインタイトル */ .ls-heroTitle { margin: -20px 0 16px; text-align: center; font-size: 62px; line-height: 1.1; letter-spacing: -2px; text-shadow: 0 0 8px rgba(88, 233, 230, 0.7), 0 0 16px rgba(19, 66, 181, 0.8), 0 0 24px rgba(115, 104, 226, 0.9); animation: ls-titleGlow 3s ease-in-out 5.2s infinite alternate; margin-bottom: -20px; } .ls-heroTitleText { font-family: "MS PMincho", serif; } /* サブタイトル（キャッチコピー） */ .ls-heroContent { width: 40%; min-width: 320px; /* ↓ これを追加 */ display: flex; flex-direction: column; align-items: center; margin-bottom: -40px; } .ls-heroSubtitle { width: 100%; /* 親の幅いっぱいに広げて center を効かせる */ text-align: center; line-height: 1.2; opacity: 0; transform: scale(.8) translateY(20px); animation: ls-subtitleDon .6s cubic-bezier(.2,.8,.3,1.5) forwards; animation-delay: 3.0s; } .ls-reason { display: inline-block; font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 5px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .ls-catch { display: inline-block; font-size: 50px; font-weight: 900; color: #fff100; letter-spacing: -0.05em; text-shadow: 0 4px 10px rgba(0,0,0,0.4); filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2)); margin-top: -10px; } /* プランカードエリア */ .ls-heroPlans { position: relative; display: flex; gap: 20px; width: 100%; justify-content: center; font-family: "Helvetica Neue", Arial, sans-serif; margin-top: 30px; } .ls-heroPlan { position: relative; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.1); text-align: center; padding-bottom: 20px; flex: 1; } .ls-heroPlanLabel { color: #fff; font-size: 30px; font-weight: bold; margin: 0; padding: 8px 0; } /* プラン別配色 */ .ls-heroPlan:nth-child(1) .ls-heroPlanLabel { background-color: #e67e22; } /* 屋外型 */ .ls-heroPlan:nth-child(2) .ls-heroPlanLabel { background-color: #1a4471; } /* 屋内型 */ .ls-heroPlanPrice { font-size: 16px; font-weight: bold; margin: 12px 0 6px; color: #333; } .ls-heroPlanPrice span { font-size: 60px; color: #d22f59; margin: 0 5px; } /* 注釈ボックス */ .ls-heroNote { background-color: #318cc9; color: #fff100; margin: 10px !important; padding: 10px 5px !important; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: -20px !important; } .note-main, .note-sub { font-size: 16px; font-weight: 900; line-height: 1.2; } .note-plus { font-size: 10px; color: #fff; margin: 1px 0; } /* 詳細ボタン */ .ls-heroDetailBtn { display: inline-block !important; margin-top: -10px !important; padding: 6px 32px !important; background-color: #ffffff !important; color: #1342b5 !important; font-size: 14px !important; font-weight: 900 !important; text-decoration: none !important; border-radius: 50px !important; border: 1px solid #d1d9e6 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } .ls-heroDetailBtn:hover { background-color: #f8f9fa !important; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); border-color: #1342b5 !important; } /* -------------------------- バッジ・アイコン（はみ出し要素） -------------------------- */ /* 業界最安値 */ .ls-heroPlanIcon--circle { position: absolute; top: 0px; left: -16px; width: 88px; height: 88px; background: linear-gradient(135deg, #f85032 0%, #e73827 100%); color: #fff; border: 3px solid #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; animation: ls-dondon 1.2s ease-in-out infinite; box-shadow: 0 4px 15px rgba(0,0,0,0.4); } /* 5年保証 */ .ls-heroGuaranteeIcon--circle { position: absolute; top: 0px; right: -16px; width: 88px; height: 88px; background: linear-gradient(135deg, #00c9ff 0%, #00bc98 100%); color: #fff; border: 3px solid #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; animation: ls-dondon-sub 1.2s ease-in-out infinite; box-shadow: 0 4px 15px rgba(0,0,0,0.4); } /* -------------------------- 右：ビジュアルエリア -------------------------- */ .ls-heroVisual { width: 60%; min-height: 420px; position: relative; } .ls-scenes { display: flex; justify-content: flex-end; gap: 18px; margin: 20px 20px 62px 36px; } .ls-circle { position: relative; width: 180px; height: 180px; border-radius: 50%; overflow: hidden; animation: ls-floatCircle 10s ease-in-out infinite alternate; } .ls-circle--1{ animation-duration:11s; } .ls-circle--2{ animation-duration:13s; animation-delay:1s; } .ls-circle--3{ animation-duration:15s; animation-delay:.5s; } .ls-circle img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease; } .ls-circle img.is-active { opacity: 1; } .ls-city { position: relative; margin-top: 60px; margin-left: 40px; } .ls-cityBase { display: block; width: 100%; height: auto; } /* -------------------------- 共通アニメーション Keyframes -------------------------- */ @keyframes ls-waveGradient { 0%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } 100%{ background-position:0% 50%; } } @keyframes ls-dondon { 0%, 100% { transform: scale(1) rotate(-5deg); } 10% { transform: scale(1.2) rotate(-2deg); } 20% { transform: scale(1) rotate(-5deg); } 30% { transform: scale(1.3) rotate(2deg); } } @keyframes ls-dondon-sub { 0%, 100% { transform: scale(1) rotate(5deg); } 10% { transform: scale(1.2) rotate(2deg); } 20% { transform: scale(1) rotate(5deg); } 30% { transform: scale(1.3) rotate(-2deg); } } @keyframes ls-titleGlow { 0% { text-shadow: 0 0 4px rgba(88,233,230,0.4); filter: drop-shadow(0 0 2px rgba(255,255,255,0.3)); } 50% { text-shadow: 0 0 20px rgba(88,233,230,0.8); filter: drop-shadow(0 0 6px rgba(255,255,255,0.7)); } 100% { text-shadow: 0 0 6px rgba(88,233,230,0.6); filter: drop-shadow(0 0 3px rgba(255,255,255,0.5)); } } @keyframes ls-subtitleDon { 0%{ opacity:0; transform: scale(.7) translateY(22px); } 35%{ opacity:1; transform: scale(1.08) translateY(-3px); } 100%{ opacity:1; transform: scale(1) translateY(0); } } @keyframes ls-heroIn { to{ opacity:1; transform: translateY(0); } } @keyframes ls-floatCircle { 0%{ transform: translateY(0); } 50%{ transform: translateY(-10px); } 100%{ transform: translateY(8px); } } /* イントロオーバーレイ */ .ls-introOverlay { position: fixed; inset: 0; background: #fff; display: flex; align-items: center; justify-content: center; z-index: 9999; animation: ls-introOverlayHide 3s ease-in-out forwards; } .ls-introLogo { max-width: 260px; width: 20vw; opacity: 0; filter: blur(24px); animation: ls-introLogo 3s ease-in-out forwards; } @keyframes ls-introOverlayHide { 0%, 70% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes ls-introLogo { 0%{ opacity:0; filter: blur(24px); transform: scale(.9); } 25%, 70%{ opacity:1; filter: blur(0); transform: scale(1); } 100%{ opacity:0; filter: blur(24px); transform: scale(1.05); } } /* --- 雲＆飛行機の要素配置（PCベース） --- */ .ls-cloud, .ls-plane { position: absolute; pointer-events: none; z-index: 1; } .ls-cloud--1 { top: 280px; right: 500px; width: 120px; animation: ls-floatCloud1 18s ease-in-out infinite alternate; } .ls-cloud--2 { top: 260px; right: 120px; width: 110px; animation: ls-floatCloud2 20s ease-in-out infinite alternate; } .ls-cloud--3 { top: 200px; right: 340px; width: 100px; animation: ls-floatCloud3 22s ease-in-out infinite alternate; } .ls-plane { top: 200px; right: 500px; width: 60px; animation: ls-planeFly 24s linear infinite; } /* --- アニメーション Keyframes --- */ @keyframes ls-floatCloud1 { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(10px) translateY(-5px); } 100% { transform: translateX(-5px) translateY(4px); } } @keyframes ls-floatCloud2 { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(-12px) translateY(6px); } 100% { transform: translateX(8px) translateY(-4px); } } @keyframes ls-floatCloud3 { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(14px) translateY(-6px); } 100% { transform: translateX(-10px) translateY(3px); } } @keyframes ls-planeFly { 0% { transform: translateX(0) translateY(0); } 50% { transform: translateX(-40px) translateY(-10px); } 100% { transform: translateX(10px) translateY(8px); } } /* --- アニメーション復活のCSS（PCベース） --- */ /* 2) 中身ステージ（中央幅固定）に z-index:1 を追加（波紋をバッジの下へ通すため） */ .ls-heroStage { position: relative; z-index: 1; max-width: 1140px; width: 100%; margin: 0 auto; } /* 1. 「最安値」アイコン（左側・赤） */ .ls-heroPlanIcon--circle { position: absolute; top: 30px; left: -86px; width: 88px; height: 88px; background: linear-gradient(135deg, #f85032 0%, #e73827 100%); /* 赤のグラデーション */ color: #fff; border: 3px solid #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; box-shadow: 0 4px 15px rgba(0,0,0,0.4); /* ドンドン鼓動アニメーション */ animation: ls-dondon 1.2s ease-in-out infinite; } /* 1-1. 「最安値」アイコンの波紋（赤） */ .ls-heroPlanIcon--circle::after { content: ""; position: absolute; inset: -3px; /* borderの厚み分 */ border-radius: 50%; border: 2px solid #e73827; /* 波紋の色 */ z-index: -1; /* バッジ本体の下へ */ animation: ls-ripple 1.5s ease-out infinite; } /* 2. 「5年保証」バッジ（右側・緑） */ .ls-heroGuaranteeIcon--circle { position: absolute; top: 30px; right: -76px; width: 88px; height: 88px; background: linear-gradient(135deg, #00c9ff 0%, #00bc98 100%); /* 緑のグラデーション */ color: #fff; border: 3px solid #fff; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; box-shadow: 0 4px 15px rgba(0,0,0,0.4); /* ドンドン鼓動アニメーション（最安値と少しタイミングをずらす、または逆回転） */ animation: ls-dondon-sub 1.2s ease-in-out infinite; } /* 2-1. 「5年保証」バッジの波紋（緑） */ .ls-heroGuaranteeIcon--circle::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid #00bc98; /* 波紋の色 */ z-index: -1; animation: ls-ripple 1.5s ease-out infinite; animation-delay: 0.2s; /* 波紋のタイミングを少しずらす */ } /* バッジ内のテキスト調整 */ .ls-iconTextSmall { font-size: 12px; font-weight: bold; } .ls-iconTextLarge { font-size: 24px!important; /* 5年は大きく */ font-weight: 900; line-height: 1; } .ls-heroGuaranteeIcon--circle .ls-iconTextLarge { color: #fff100; /* 「5年」だけ黄色 */ } /* ========================================================= アニメーション Keyframes（復活） ========================================================= */ /* 1. バッジの「ドンドン」鼓動アニメーション */ @keyframes ls-dondon { 0%, 100% { transform: scale(1) rotate(-5deg); } 10% { transform: scale(1.2) rotate(-2deg); } 20% { transform: scale(1) rotate(-5deg); } 30% { transform: scale(1.3) rotate(2deg); } } /* 2. バッジ（サブ）の「ドンドン」鼓動アニメーション（逆方向回転） */ @keyframes ls-dondon-sub { 0%, 100% { transform: scale(1) rotate(5deg); } 10% { transform: scale(1.2) rotate(2deg); } 20% { transform: scale(1) rotate(5deg); } 30% { transform: scale(1.3) rotate(-2deg); } } /* 3. 背後の波紋（ Ripple ）が広がるアニメーション */ @keyframes ls-ripple { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.6); opacity: 0; } } /* ========================================================= LED HERO - Responsive Complete Edition (SP: max-width 767px) ========================================================= */ @media screen and (max-width: 767px) { /* 0) ルート：高さはコンテンツに合わせる */ .ls-heroRoot { height: auto; min-height: 100vh; overflow: hidden; } .ls-hero { padding: 100px 0 20px; } /* 1) レイアウト：縦に並べてコンテンツを確保 */ .ls-heroInner { flex-direction: column; padding: 0 20px; } /* 2) テキストエリア：幅を広げ、中央揃えを維持 */ .ls-heroContent { width: 100%; min-width: 0; display: flex; flex-direction: column; align-items: center; margin-bottom: 0px; } .ls-heroEyecatchImg { width: 160px; /* アイキャッチを小型化 */ } .ls-heroTitle { font-size: 48px; /* タイトルを1行に収まりやすく */ margin-bottom: -20px; } .ls-heroSubtitle { margin-top: 10px; } /* サブタイトル（キャッチコピー） */ .ls-heroContent { display: flex; flex-direction: column; align-items: center; margin-bottom: -40px; } .ls-reason { display: inline-block; font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 5px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .ls-catch { display: inline-block; font-size: 40px; font-weight: 900; color: #fff100; letter-spacing: -0.05em; text-shadow: 0 4px 10px rgba(0,0,0,0.4); filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2)); margin-top: -6px; } .ls-heroPlan { padding-bottom: 12px; } .ls-heroPlanLabel { font-size: 16px; /* 「屋外型」等の文字サイズ */ padding: 5px 0; } .ls-heroPlanPrice { font-size: 14px; margin: 8px 0 2px; } .ls-heroPlanPrice span { font-size: 44px; /* 金額の数字をカードに収める */ } /* 4) バッジ位置：2カラム用に最適化 */ .ls-heroPlanIcon--circle, .ls-heroGuaranteeIcon--circle { width: 62px; height: 62px; top: 40px; /* 少し上に浮かせる */ border-width: 2px; } .ls-heroPlanIcon--circle { left:4px; } .ls-heroGuaranteeIcon--circle { right: 4px; } .ls-iconTextSmall { font-size: 8px; } .ls-iconTextLarge { font-size: 16px !important; } /* 青い注釈ボックス & 詳細ボタン */ .ls-heroNote { margin: 5px 4px -8px !important; padding: 4px 2px !important; } .note-main, .note-sub { font-size: 14px; } .note-plus { display: none; } /* スマホではプラス要素を隠してスッキリ */ .ls-heroDetailBtn { padding: 4px 12px !important; font-size: 10px !important; margin-top: -5px !important; } /* 5) ビジュアルエリア：街と丸いスライド */ .ls-heroVisual { width: 100%; min-height: 240px; margin-top: 80px; } .ls-scenes { justify-content: center; margin: 0 0 20px 0; gap: 8px; } .ls-circle { width: 90px; /* 丸い画像を小さく並べる */ height: 90px; } .ls-city { margin-left: 0; margin-top: -50px; transform: scale(0.9); /* 街を少し縮小して画面内に収める */ } /* 6) 雲と飛行機：スマホ用の配置 */ .ls-cloud--1 { top: -10%; left: 5%; width: 50px; } .ls-cloud--2 { top: -8%; right: 5%; width: 45px; } .ls-cloud--3 { display: none; } /* 3つ目は非表示 */ .ls-plane { top: -6%; right: 15%; width: 35px; } .ls-introLogo { width: 60vw; } } /* --- 既存の .ls-heroPlan にアニメーションの初期設定を追記 --- */ .ls-heroPlan { /* ...既存の設定はそのままでOK... */ opacity: 0; transform: translateY(40px); /* 40px下から開始 */ animation: slideUpShow 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards; } /* 1枚目：3.0秒後に開始 */ .ls-heroPlan:nth-child(1) { animation-delay: 3.5s; } /* 2枚目：3.2秒後に開始（少しずらしてシュッシュ感を出す） */ .ls-heroPlan:nth-child(2) { animation-delay: 4s; } /* アニメーション本体 */ @keyframes slideUpShow { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* --- レスポンシブ時の挙動（任意） --- */ @media (max-width: 767px) { .ls-heroPlans { flex-direction: column; align-items: center; } .ls-heroPlan { width: 90%; margin-bottom: 20px; } } /* 3) プランカードエリア：2カラム（横並び）の維持 */ .ls-heroPlans { flex-direction: row; /* 横並び */ gap: 8px; /* カード間の隙間を最小限に */ margin-top: 40px; /* バッジのスペースを確保 */ width: 100%; max-width: 400px; /* 広がりすぎ防止 */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6a40716 *//* ========================================================= Vision Swiper - PC:3列 / SP:1列 完全版 ========================================================= */ /* --- 01. 全体コンテナ --- */ .vision-swiper-outer { position: relative; max-width: 1140px; margin: 0 auto; padding: 0 0px; box-sizing: border-box; } .vision-swiper.swiper { width: 100%; padding: 0; overflow: visible !important; } /* --- 02. レイアウト制御：PC3列・SP1列 --- */ .vision-swiper .swiper-wrapper { display: flex !important; flex-direction: column; /* スマホ：縦並び */ gap: 20px; transform: none !important; /* スワイプ停止 */ } /* PCサイズ（768px以上） */ @media (min-width: 768px) { .vision-swiper .swiper-wrapper { flex-direction: row; /* 横並び */ justify-content: space-between; gap: 28px; } } .vision-swiper .swiper-slide { flex: 0 0 auto !important; width: 100% !important; /* スマホ：幅いっぱい */ } @media (min-width: 768px) { .vision-swiper .swiper-slide { width: calc((100% - (28px * 2)) / 3) !important; } } /* --- 03. カード本体 --- */ .vision-card { position: relative; display: flex; flex-direction: column; align-items: center; padding: 20px 24px 20px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.05); color: #ffffff !important; text-decoration: none !important; box-sizing: border-box; width: 100%; height: 100%; transition: all 0.4s ease; } .vision-card:hover { transform: translateY(-8px); background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); } /* 写真エリア：センター寄せ徹底修正版 */ .vision-card__image { width: 60%; max-width: 180px; margin: 0 auto 20px; /* 左右autoでセンターへ */ display: flex; justify-content: center; align-items: center; } .vision-card__image img { width: 100%; height: auto; display: block; filter: drop-shadow(0 5px 15px rgba(0,0,0,0.3)); } /* テキストコンテンツ */ .vision-card__content { width: 100%; text-align: left; padding-right: 30px; } .vision-card__head { display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; } .vision-card__num { font-size: 24px; font-weight: 800; opacity: 0.5; } .vision-card__label { font-size: 22px; font-weight: 800; } .vision-card__sub { font-size: 10px; opacity: 0.6; } /* テキスト：レスポンシブ共通 14px */ .vision-card__text { font-size: 14px; /* PC・SP共通 */ line-height: 1.7; opacity: 0.85; } /* --- 04. 矢印 --- */ .vision-card__arrow { position: absolute; right: 20px; bottom: 20px; width: 20px; opacity: 0.4; transition: 0.3s; } .vision-card:hover .vision-card__arrow { opacity: 1; transform: translateX(5px); } /* 不要なスライダーパーツを削除 */ .vision-swiper .swiper-button-prev, .vision-swiper .swiper-button-next, .vision-swiper .swiper-pagination { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d816017 *//* ==================================== 汎用：コンテナに付与できるグラデーション背景アニメ ==================================== */ /* 使い方： Elementor のセクション／コンテナに 「g-gradient-bg」クラスを付けるだけ */ .g-gradient-bg { position: relative; /* ::before の基準 */ overflow: hidden; /* はみ出したグラデを切る */ z-index: 0; /* 中身の要素より下側のレイヤーを作るためのベース */ } /* 背景グラデーション本体（疑似要素） */ .g-gradient-bg::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, #58e9e6, #1342b5, #7368e2); background-size: 200% 200%; animation: gWaveGradient 18s ease-in-out infinite alternate; z-index: -1; /* コンテンツより後ろ */ pointer-events: none; /* クリックは全部コンテンツ側に通す */ } /* グラデーションのうねりアニメ */ @keyframes gWaveGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-ff8caec *//* ========================================================= AE News List - Responsive 2-Column Edition ========================================================= */ .ae-news-list { display: flex; flex-wrap: wrap; /* 折り返しを許可 */ gap: 30px 20px; /* 縦の隙間 30px / 横の隙間 20px */ margin: 0; padding: 0; } /* --- カード全体 --- */ .ae-news-card { display: flex; flex-direction: row; /* PC: 横並び */ align-items: center; width: 100%; /* PC: 1行に1つ（リスト形式） */ padding: 0 0 20px 0; position: relative; text-decoration: none; color: inherit; box-sizing: border-box; } /* --- サムネイル --- */ .ae-news-card__thumb { flex: 0 0 140px; height: 140px; border-radius: 8px; background-size: cover; background-position: center; background-color: #f3f3f3; transition: transform 0.3s ease; } /* --- テキストボディ --- */ .ae-news-card__body { flex: 1; padding-left: 20px; } .ae-news-card__meta { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; } .ae-news-card__date { font-size: 13px; color: #888; } .ae-news-card__new { display: inline-flex; padding: 2px 8px; font-size: 10px; font-weight: 700; border-radius: 999px; background-color: #ff2c6e; color: #fff; } .ae-news-card__title { font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ae-news-card__excerpt { font-size: 14px; color: #666; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* --- 下線アニメーション --- */ .ae-news-card::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: #2877bc; transform-origin: left center; transform: scaleX(0.2); transition: transform 0.4s ease; } .ae-news-card:hover::after { transform: scaleX(1); } /* ========================================================= Responsive (Smartphone: 2-Column) ========================================================= */ @media (max-width: 767px) { .ae-news-list { gap: 25px 10px; /* スマホ時の隙間を詰める */ } .ae-news-card { flex-direction: column; /* スマホ: 縦型レイアウト */ align-items: flex-start; /* 2カラム計算（隙間 10px 分を引く） */ width: calc((100% - 10px) / 2); padding-bottom: 15px; } .ae-news-card__thumb { flex: 0 0 auto; width: 100%; height: auto; aspect-ratio: 4 / 3; /* 2枚並びなので少しコンパクトな比率に */ margin-bottom: 12px; } .ae-news-card__body { padding-left: 0; /* 左パディングを解除 */ width: 100%; } .ae-news-card__meta { gap: 5px; margin-bottom: 4px; } .ae-news-card__date { font-size: 11px; } .ae-news-card__new { padding: 1px 6px; font-size: 9px; } .ae-news-card__title { font-size: 14px; /* 2列用に少し小さく */ line-height: 1.4; margin-bottom: 0; /* 抜粋を隠す場合は0に */ } .ae-news-card__excerpt { display: none; /* スマホ2列時はスペースがないため非表示を推奨 */ } .ae-news-card::after { height: 2px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-864ecf1 */.benefit-title { position: relative; font-size: 19px; font-weight: 800; margin-bottom: 25px; line-height: 1.4; padding-left: 18px; min-height: 4em; display: flex; flex-direction: column; justify-content: center; color: #333; } .benefit-title::after { content: "0" counter(b-count); position: absolute; top: -15px; left: 0; font-size: 28px; font-style: italic; font-weight: 900; opacity: 0.08; counter-increment: b-count; } .benefit-title::before { content: ""; position: absolute; left: 0; top: 10%; height: 80%; width: 6px; border-radius: 3px; } .title-cost::before { background: #0070c0; } .title-impact::before { background: #00d4ff; } .title-maint::before { background: #4caf50; } .title-creative::before { background: #ff9800; } .benefit-title span { display: block; font-size: 11px; letter-spacing: 0.15em; margin-bottom: 6px; font-weight: 700; color: #0070c0; } .viz-container { background: #f1f8ff; border: 1px solid #ddecfa; border-radius: 16px; padding: 25px; position: relative; flex: 1; display: flex; flex-direction: column; justify-content: center; } .viz-sub { font-size: 15px; color: #0070c0; font-weight: 800; margin-bottom: 15px; text-align: center; } .viz-sub-blue { font-size: 15px; color: #0070c0; font-weight: 700; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #ddecfa; padding-bottom: 10px; } /* --- アニメーション設定 --- */ .animate-target { transform: scaleX(0); transform-origin: left; transition: transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1); } .is-active .animate-target { transform: scaleX(1); } /* --- 吹き出し基本 & ふわふわアニメ --- */ .balloon-tip { background: #ff4d4d; color: #fff; font-weight: 800; font-size: 13px; border-radius: 8px; white-space: nowrap; box-shadow: 0 4px 12px rgba(255, 77, 77, 0.3); z-index: 10; opacity: 0; transform: scale(0.5); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .is-active .balloon-tip { opacity: 1; transform: scale(1); transition-delay: 1.1s; } /* ふわふわループ定義 */ @keyframes floatSide { from { transform: translateX(0); } to { transform: translateX(6px); } } @keyframes floatDown { from { transform: translateY(0); } to { transform: translateY(-5px); } } .is-active .balloon-tip.side { animation: floatSide 1.5s infinite alternate ease-in-out 1.5s; } .is-active .balloon-tip.down, .is-active .balloon-tip.side-mini { animation: floatDown 1.5s infinite alternate ease-in-out 1.5s; } /* --- 各パーツ詳細 --- */ .bar-row { display: flex; align-items: center; position: relative; } .bar-outer { width: 100%; overflow: visible; } .bar { height: 38px; border-radius: 19px; display: flex; align-items: center; padding: 0 18px; font-size: 13px; box-sizing: border-box;} .bar.old { background: #d0d0d0; width: 100%; justify-content: space-between; color: #444; margin-bottom: 10px;} .bar.new.cost-bar { background: linear-gradient(90deg, #0070c0, #0056b3); color: #fff; width: 60%; font-weight: bold; white-space: nowrap; } .balloon-tip.side { position: relative; margin-left: 10px; padding: 6px 12px; } .balloon-tip.side::before { content: ""; position: absolute; top: 50%; right: 100%; transform: translateY(-50%); border: 7px solid transparent; border-right: 10px solid #ff4d4d; } .target-row { position: relative; margin-top: 35px; } .balloon-tip.down { position: absolute; top: -38px; right: 0; padding: 5px 12px; } .balloon-tip.down::after { content: ""; position: absolute; top: 100%; right: 20px; border: 8px solid transparent; border-top: 10px solid #ff4d4d; } .dist-bar, .maint-bar { height: 12px; border-radius: 6px; background: #ccc; width: 100%; } .dist-bar.new { background: linear-gradient(90deg, #0070c0, #00d4ff); } .maint-bar.new { background: #76bc21; } /* 画像に合わせた緑 */ .dist-label { font-size: 13px; font-weight: 600; margin-bottom: 4px; display: block; color: #444; } .ruler { display: flex; justify-content: space-between; border-top: 1px solid #cce0f5; font-size: 11px; padding-top: 6px; color: #aaa; margin-top: 5px; } /* フッターテキスト */ .viz-footer { font-size: 14px; margin-top: 15px; text-align: center; color: #333; } .viz-footer-red { font-size: 15px; margin-top: 15px; text-align: center; color: #ff4d4d; } .highlight { font-size: 1.3em; color: #ff4d4d; font-weight: 900; background: linear-gradient(transparent 65%, #ffdfdf 65%); } /* 04専用 */ .creative-flex { display: flex; flex-direction: column; gap: 15px; align-items: center; } .img-balloon-set { position: relative; width: 100%; } .creative-img-stack { width: 100%; display: flex; gap: 8px; } .img-mini { width: 50%; height: 110px; object-fit: cover; border-radius: 10px; } .balloon-tip.side-mini { position: absolute; top: -15px; right: -5px; padding: 4px 10px; font-size: 12px; } .balloon-tip.side-mini::after { content: ""; position: absolute; top: 100%; right: 12px; border: 6px solid transparent; border-top: 8px solid #ff4d4d; } .viz-footer-creative { font-size: 15px; margin-top: 10px; text-align: center; color: #ff4d4d; font-weight: bold; } .exp-list-creative { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 15px; font-size: 12px; list-style: none; padding: 0; color: #666; } @media (max-width: 850px) { .benefit-card { width: 100%; } } /* --- 1. 親要素のレイアウト（横並びのカードの高さを強制一致） --- */ .benefit-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); /* 2カラム固定 */ gap: 30px; max-width: 1140px; margin: 0 auto; padding: 0px 0px; } /* --- 2. カード本体 --- */ .benefit-card { width: 100%; /* gridなので自動計算 */ display: flex; flex-direction: column; background: #fff; border-radius: 24px; padding: 20px 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.06); box-sizing: border-box; } /* --- 3. タイトルエリア（ここを揃えるのが最重要） --- */ .benefit-title { height: 90px; /* ★高さを完全に固定（がたつき解消） */ margin-bottom: 20px; display: flex; flex-direction: column; justify-content: center; /* 縦方向の中央寄せ */ padding-left: 18px; font-size: 19px; line-height: 1.4; position: relative; color: #333; } /* --- 4. 青い背景ボックス --- */ .viz-container { flex: 1; /* ★カードの高さが伸びても背景を下まで埋める */ background: #f1f8ff; border: 1px solid #ddecfa; border-radius: 16px; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; /* 中身のバランスを整える */ } /* --- 5. 吹き出しの位置調整（1/3削減！など） --- */ /* 右側から指定するとバーの長さに左右されるため、左からの位置で調整します */ .balloon-tip.side { position: absolute; left: 65%; /* ★青いバー（60%）の少し右側に配置 */ margin-left: -5px; padding: 6px 12px; } /* 02, 03番の吹き出し位置も調整（必要に応じて） */ .balloon-tip.down { right: 0; top: -42px; } /* --- レスポンシブ（スマホ用） --- */ @media (max-width: 850px) { .benefit-wrapper { grid-template-columns: 1fr; /* 1列にする */ } .benefit-title { height: auto; /* スマホでは高さ固定を解除 */ min-height: 80px; } } /* --- 02（集客）と 03（寿命）の吹き出し位置調整 --- */ .balloon-tip.down { /* topを現在の -42px から -35px 程度に変更して下に下げます */ top: -32px !important; right: 0; /* 吹き出し自体の位置を微調整 */ } /* 吹き出しの三角部分（ツノ）の長さを調整してバーに届かせる */ .balloon-tip.down::after { content: ""; position: absolute; top: 100%; /* 吹き出しの底辺から生やす */ right: 20px; border: 6px solid transparent; border-top: 8px solid #ff4d4d; /* 三角を少しだけ長くする */ } /* --- 04（自由自在）の吹き出しも同様に少し下げる場合 --- */ .balloon-tip.side-mini { top: -10px !important; /* 現在 -15px なのを少し下げる */ } /* グラフ（バー）との干渉を防ぐためのマージン調整 */ .target-row { margin-top: 45px !important; /* 吹き出しが下がった分、上のバーとの間隔を広げる */ } /* --- 02 視認距離の比較：グレーのバーを短く --- */ .dist-bar.old { width: 15% !important; /* 現在の長さから大幅に短くして「差」を強調 */ } /* --- 03 寿命の比較：グレーのバーを短く --- */ .maint-bar.old { width: 10% !important; /* 1/10の寿命であることを視覚的に表現 */ } /* --- (参考) LED側のバーが100%になっていない場合はこちらも確認 --- */ .dist-bar.new, .maint-bar.new { width: 100% !important; /* LED側は端まで伸ばすと対比が最大化されます */ } /* --- 01 コスト削減：文字が収まる限界の短さ（45%）を狙う --- */ .bar.new.cost-bar { width: 45% !important; /* 50%からさらに5%絞る */ justify-content: center; /* 文字を中央寄せにして、左右の重なりリスクを分散 */ padding: 0 5px; /* バーの中の余白を最小限に */ font-size: 10px; /* もしこれでも厳しい場合は11.5pxなどに微調整 */ white-space: nowrap; /* 絶対に改行させない */ } /* --- 吹き出しの位置をバーの右端（45%）に合わせる --- */ .balloon-tip.side { left: 45% !important; margin-left: 2px; /* 重なりを防ぐため、隙間を最小（2px）に固定 */ } /* --- バーを伸ばすアニメーションの最終地点も合わせる --- */ /* JSや別のCSSでアニメーション制御している場合、ここも45%に合わせます */ .is-active .bar.new.cost-bar { transform: scaleX(1); /* transformを使っている場合はそのままでOK */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c252008 *//* ========================================= 全体レイアウト ========================================= */ .selection-section { max-width: 1100px; margin: 0px auto; padding: 0 20px; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; color: #333; } .selection-header { text-align: center; margin-bottom: 40px; } .selection-main-title { font-size: 30px; font-weight: 700; color: #00529a; letter-spacing: 0.05em; margin-bottom: 15px; } .selection-main-title span { color: #333; } .selection-intro { font-size: 15px; color: #666; line-height: 1.8; } /* コンテナ */ .selection-container { display: flex; background: #fff; border: 1px solid #eef2f6; border-radius: 20px; box-shadow: 0 15px 50px rgba(0,0,0,0.05); } .selection-box { flex: 1; padding: 50px 45px; display: flex; flex-direction: column; } .selection-divider { width: 1px; background: #eef2f6; margin: 40px 0; } /* ========================================= タイトル・解説文 ========================================= */ .pitch-tag, .pitch-tag-blue { align-self: center; font-size: 14px; font-weight: 700; padding: 3px 12px; border-radius: 4px; margin-bottom: 12px; } .pitch-tag { background: #f0f2f5; color: #6a7686; } .pitch-tag-blue { background: #e6f2ff; color: #0070c0; } .pitch-title { text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 20px; } .size-large { color: #00529a; } .size-small { color: #00a0e9; } .pitch-reason { text-align: center; margin-bottom: 10px; min-height: 3.5em; } .pitch-reason p { font-size: 16px; line-height: 1.7; color: #555; } .pitch-reason strong { font-weight: 700; background: linear-gradient(transparent 70%, #fff0b3 70%); } .selection-box-small .pitch-reason strong { background: linear-gradient(transparent 70%, #e1f0ff 70%); } /* ========================================= ビジュアル図解（CSSイラスト） ========================================= */ .pitch-visual { width: 100%; margin-bottom: 40px; } .visual-placeholder { height: 140px; border-radius: 12px; position: relative; overflow: hidden; border: 1px solid #f0f0f0; } .visual-placeholder::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(255,255,255,0.95); padding: 6px 15px; border-radius: 5px; font-size: 11px; font-weight: 700; z-index: 2; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } /* 左：大きめドット */ .dots-large { background-image: radial-gradient(#d1d9e0 3.5px, transparent 3.5px); background-size: 28px 28px; } .dots-large::before { content: "離れるとドットが繋がる"; color: #666; } /* 右：小さめドット ＋ 目のアイコン */ .dots-small { background-image: radial-gradient(#00a0e9 1px, transparent 1px); background-size: 8px 8px; filter: blur(0.2px); } .dots-small::before { content: "至近距離でも滑らか"; color: #0070c0; } /* 目のアイコン（小さめ側のみ） */ /*.dots-small::after {*/ /* content: "";*/ /* position: absolute;*/ /* right: 15px; bottom: 10px;*/ /* width: 40px; height: 24px;*/ /* background-image: */ /* radial-gradient(#333 1.5px, transparent 1.5px),*/ /* radial-gradient(#0070c0 4px, transparent 4px),*/ /* radial-gradient(#fff 12px, transparent 12px);*/ /* background-size: 100% 100%;*/ /* background-repeat: no-repeat;*/ /* border-radius: 50% / 100% 100% 0 0;*/ /* border: 1.5px solid #0070c0;*/ /*}*/ .visual-subtext { font-size: 11px; color: #999; text-align: center; margin-top: 10px; } /* ========================================= 活用シーン：ラインアイコン ========================================= */ .selection-list { list-style: none; padding: 0; margin: 0 0 40px 0; } .selection-list li { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 18px; } .icon-case { width: 32px; height: 32px; flex-shrink: 0; border: 1.2px solid #cbd5e0; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: #fcfdfe; } .list-blue .icon-case { border-color: #00a0e9; background: #f0f9ff; } /* アイコン内部のラインアート */ .icon-case::after { content: ""; display: block; border: 1.2px solid currentColor; } /* 個別アイコン造形 */ .icon-outdoor::after { width: 8px; height: 12px; border-bottom: none; color: #6a7686; } .icon-road::after { width: 12px; height: 0; border-top: 1.2px dashed #6a7686; border-bottom: none; border-left: none; border-right: none; } .icon-stadium::after { width: 14px; height: 8px; border-radius: 50% / 100% 100% 0 0; color: #6a7686; } .icon-store::after { width: 12px; height: 8px; border-bottom: 3px solid #00a0e9; color: #00a0e9; } .icon-exhibition::after { width: 10px; height: 10px; transform: rotate(15deg); color: #00a0e9; } .icon-office::after { width: 10px; height: 14px; border-right: 4px solid #00a0e9; color: #00a0e9; } .selection-list li strong { display: block; font-size: 15px; color: #333; margin-bottom: 2px; } .selection-list li span { font-size: 12px; color: #888; } /* 注釈 */ .selection-note { font-size: 13px; line-height: 1.6; color: #718096; background: #f8fafc; padding: 20px; border-radius: 8px; margin-top: auto; } /* ========================================= レスポンシブ：850px以下（スマホ・タブレット） ========================================= */ @media (max-width: 850px) { .selection-main-title { font-size: 24px; /* タイトルを少し小さく */ line-height: 1.4; } .selection-container { flex-direction: column; border-radius: 12px; /* 角丸を少し控えめに */ margin: 0 10px; /* 画面端に密着しないように */ } .selection-divider { width: 100%; height: 1px; margin: 0; background: #f0f0f0; } .selection-box { padding: 35px 20px; /* 余白をスマホ最適化 */ } .pitch-title { font-size: 22px; /* コンテンツ内のタイトルサイズ調整 */ } .pitch-reason p { font-size: 15px; /* テキストを読みやすく */ text-align: left; /* 長文になる場合は左寄せの方が読みやすい */ } /* アイコンリストの調整 */ .selection-list li { gap: 12px; } .selection-list li strong { font-size: 14px; } /* 図解パーツの高さ調整 */ .visual-placeholder { height: 120px; } } /* ========================================= 極小画面：480px以下（iPhone SEなど） ========================================= */ @media (max-width: 480px) { .selection-header { margin-bottom: 25px; } .selection-main-title { font-size: 20px; } .pitch-title { font-size: 19px; } /* 2列並びのアイコンなどがあれば1列に強制（必要に応じて） */ .selection-list li { flex-direction: row; /* 横並びは維持しつつ、アイコンを少し小さく */ } .icon-case { width: 28px; height: 28px; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-be6bc6f *//* ========================= COLUMN 一覧レイアウト ========================= */ .column-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 40px; } /* カード全体 */ .column-item__inner { display: flex; text-decoration: none; color: inherit; flex-direction: row; /* PCは横並び */ align-items: flex-start; } /* サムネイル（アイキャッチ） */ .column-item__thumb-wrap { position: relative; flex: 0 0 140px; margin-right: 16px; } .column-item__thumb { width: 140px; height: 140px; border-radius: 16px; background-size: cover; background-position: center; } /* テキストブロック */ .column-item__body { flex: 1 1 auto; min-width: 0; } /* タイトル（PC・SP共通で2行制限） */ .column-item__title { margin: 0 0 8px; font-size: 16px; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } /* 抜粋文（PC・SP共通で2行制限） */ .column-item__excerpt { margin: 0; font-size: 13px; line-height: 1.6; color: #777777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* ここで2行に制限 */ overflow: hidden; } /* ========================= レスポンシブ：スマホ縦積み2カラム ========================= */ @media (max-width: 767px) { .column-list { gap: 25px 12px; /* 上下の間隔を少し広めに */ } .column-item__inner { flex-direction: column !important; /* スマホで縦積み */ } .column-item__thumb-wrap { width: 100%; flex: 0 0 auto; margin-right: 0; margin-bottom: 10px; } .column-item__thumb { width: 100%; height: 0; padding-top: 66.6%; /* 3:2の比率 */ border-radius: 10px; } .column-item__title { font-size: 14px; margin-bottom: 5px; -webkit-line-clamp: 2; /* スマホでも2行 */ } .column-item__excerpt { display: -webkit-box; /* 非表示を解除して表示 */ font-size: 11px; /* スマホ用に少し小さく */ line-height: 1.5; -webkit-line-clamp: 2; /* 確実に2行で止める */ } .column-item__meta time { font-size: 10px; margin-bottom: 4px; } }/* End custom CSS */