.sampleCarousel{overflow:hidden;width:100%;--slide-spacing:60px;--slide-size:35%;margin-block:48px 24px}.sampleCarousel__container{backface-visibility:hidden;display:flex}.sampleCarousel__slide{align-items:center;display:flex;flex:0 0 var(--slide-size);flex-direction:column;gap:2em;margin-inline:calc(var(--slide-spacing)/2);max-width:320px;min-width:280px;padding-block-end:10px}.sampleCarousel__slide .circle-item{aspect-ratio:1/1;border:10px solid #000;border-radius:50%;width:100%}.sampleCarousel__slide .circle-item img{clip-path:circle();height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.sampleCarousel__slide .label{font-size:1.5rem;font-weight:700;line-height:2;position:relative}.sampleCarousel__slide .label:after{background-image:linear-gradient(90deg,#000,#000);background-position:100% 100%;background-repeat:no-repeat;background-size:0 4px;border-radius:2px;bottom:-4px;content:"";height:4px;left:0;position:absolute;transition:background-size .2s ease;width:100%}.sampleCarousel__slide.is-selected .label:after{background-position:0 100%;background-size:100% 4px;transition:background-size .3s ease .4s}.sampleCarousel__controls{align-items:center;display:flex;gap:60px;justify-content:center;margin-block-start:3em}.sampleCarousel__next,.sampleCarousel__prev{align-items:center;background-color:#000;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.sampleCarousel__prev svg{transform:rotate(180deg)}.sampleCarousel__dots{align-items:center;display:flex;gap:18px;justify-content:center}.sampleCarousel__dots .sampleCarousel__dot{background-color:#000;border-radius:50%;height:10px;transform:scale(1);transition:transform .3s ease;width:10px}.sampleCarousel__dots .sampleCarousel__dot.is-selected{transform:scale(1.8)}@font-face{font-display:swap;font-family:Josefin Sans;font-style:normal;font-weight:700;src:url(/assets/josefin-sans-vietnamese-700-normal.woff2) format("woff2"),url(/assets/josefin-sans-vietnamese-700-normal.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Josefin Sans;font-style:normal;font-weight:700;src:url(/assets/josefin-sans-latin-ext-700-normal.woff2) format("woff2"),url(/assets/josefin-sans-latin-ext-700-normal.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Josefin Sans;font-style:normal;font-weight:700;src:url(/assets/josefin-sans-latin-700-normal.woff2) format("woff2"),url(/assets/josefin-sans-latin-700-normal.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.message-s{font-size:1.45rem;font-weight:700;margin-block-start:-32px;text-align:center;z-index:2}@container selfHelpDevices (min-width: 688px){.message-s{font-size:1.6rem}}.message-l{font-size:1.75rem;font-weight:700;line-height:1.5;margin-block-start:24px;text-align:center}.message-l>span{background-image:linear-gradient(transparent 75%,#f4cf41 0);font-size:2.4rem}.message-l>span>br:nth-of-type(1){display:block}@container selfHelpDevices (min-width: 688px){.message-l>span>br:nth-of-type(1){display:none}.message-l{font-size:2.3rem}.message-l>span{font-size:3.2rem}}.userCarousel{margin-block-start:40px;overflow:hidden;padding-block:100px;width:100%;--slide-size:35%;--slide-spacing:4rem}.userCarousel__container{display:flex;gap:0 var(--slide-spacing);margin-left:calc(var(--slide-spacing)*-1)}.userCarousel__slide{flex:0 0 var(--slide-size);max-width:300px;min-width:248px}.carousel-img{border-radius:2rem;box-shadow:0 20px 40px #0000001a;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.floating-wrapper{animation-iteration-count:infinite;animation-timing-function:ease-in-out}.float-a{animation-duration:8.5s;animation-name:floatingA}.float-b{animation-duration:6s;animation-name:floatingB}.float-c{animation-duration:7.2s;animation-name:floatingC}@keyframes floatingA{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}@keyframes floatingB{0%,to{transform:translateY(0)}50%{transform:translateY(-35px)}}@keyframes floatingC{0%,to{transform:translateY(0)}50%{transform:translateY(-42px)}}@media(max-width:768px){.embla{--slide-size:70%}}.section__inner{--marginBlockStart-s:80px;--marginBlockStart-l:100px;margin-left:auto;margin-right:auto;max-width:1028px;padding-top:var(--marginBlockStart-s);width:calc(100% - 40px)}@media(min-width:688px){.section__inner{padding-top:var(--marginBlockStart-l);width:calc(100% - 64px)}}.section__title{line-height:1.15}.section__title .en{font-family:Josefin Sans,sans-serif;font-size:2.6rem;font-weight:700}@container selfHelpDevices (min-width: 688px){.section__title .en{font-size:4rem}}.section__title .ja{font-size:1.8rem;font-weight:700;margin-block-start:10px}@container selfHelpDevices (min-width: 688px){.section__title .ja{font-size:2.4rem;margin-block-start:12px}}.section__subTitle{font-size:1.8rem;font-weight:700}@container selfHelpDevices (min-width: 688px){.section__subTitle{font-size:2.4rem}}.selfHelpDevices{container:selfHelpDevices/inline-size}.selfHelpDevices-head .head-visual{align-items:center;background-image:url(/images/services/selfhelpdevices/self_help_devices_cover.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:60vh;position:relative}@media(min-width:688px){.selfHelpDevices-head .head-visual{background-image:url(/images/services/selfhelpdevices/self_help_devices_cover.jpg);height:400px}}.selfHelpDevices-head .head-visual:before{background-color:#00000026;content:"";inset:0;position:absolute}.selfHelpDevices-head .head-visual__inner{align-items:center;display:flex;flex-direction:column;margin:0 auto;position:relative;width:calc(100% - 40px)}@media(min-width:688px){.selfHelpDevices-head .head-visual__inner{margin:0 auto;max-width:1028px;width:calc(100% - 64px)}}@media(min-width:1092px){.selfHelpDevices-head .head-visual__inner{margin:auto;max-width:none;padding:0 calc(50% - 514px);width:100%}}.selfHelpDevices-head .head-visual__title{text-align:center}.selfHelpDevices-head .head-visual__title .logo{height:auto;width:90%}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-head .head-visual__title .logo{width:600px}}.selfHelpDevices-intro{margin-left:auto;margin-right:auto;max-width:1028px;padding-top:60px;width:calc(100% - 40px)}@media(min-width:688px){.selfHelpDevices-intro{padding-top:60px;width:calc(100% - 64px)}}.selfHelpDevices-intro .intro__grid{display:grid;gap:28px 0;grid-template-areas:"title" "text" "overlap";grid-template-columns:1fr}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-intro .intro__grid{gap:40px;grid-template-areas:"title overlap" "text overlap" ". overlap";grid-template-columns:repeat(2,minmax(288px,1fr));grid-template-rows:min-content 1fr min-content}}.selfHelpDevices-intro .intro__grid-item.title{-ms-grid-row:1;-ms-grid-column:1;grid-area:title}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-intro .intro__grid-item.title{grid-column:1/3;z-index:2}}.selfHelpDevices-intro .intro__grid-item.text{-ms-grid-row:3;-ms-grid-column:1;grid-area:text;z-index:2}.selfHelpDevices-intro .intro__grid-item.image{-ms-grid-row:1;-ms-grid-row-span:5;-ms-grid-column:3;-ms-grid-row:5;-ms-grid-column:1;align-self:end;grid-area:overlap;z-index:1}.selfHelpDevices-intro .intro__grid-item .intro__title{display:inline-block;font-size:2rem;font-weight:700;line-height:1.4}@media(min-width:688px){.selfHelpDevices-intro .intro__grid-item .intro__title{font-size:3.2rem;line-height:1.5}}.selfHelpDevices-intro .intro__grid-item .text~.text{margin-top:1.25em}.selfHelpDevices-intro .intro__grid-item .deviceImage{display:block;height:auto;margin-block-start:-20px;margin-inline-end:auto;margin-inline-start:auto;width:100%}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-intro .intro__grid-item .deviceImage{margin-block-start:0;margin-inline-end:0;margin-inline-start:auto;max-width:380px;width:100%}}.selfHelpDevices-sample{background-color:#f4cf41;margin-block-start:-24px;padding-block:40px}.selfHelpDevices-sample .section__title{text-align:center}.selfHelpDevices-about .lead{font-family:YakuHanJP,Roboto,Noto Sans JP,sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:.025em;line-height:1.5;margin-block-start:32px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-about .lead{font-size:3.2rem;margin-block-start:64px}}.selfHelpDevices-about .text{line-height:1.5;margin-block-start:20px}.selfHelpDevices-about .conditions{display:grid;gap:64px 32px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));margin-block-start:64px;padding-block-end:48px}.selfHelpDevices-about .conditions__item{align-items:center;border:4px solid #000;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:grid;gap:16px;grid-template-columns:1fr;justify-items:center;padding:36px;position:relative}.selfHelpDevices-about .conditions__item svg{left:0;margin-inline:auto;position:absolute;right:0;top:-30px}.selfHelpDevices-about .conditions__image{display:block;height:auto;width:180px}.selfHelpDevices-about .conditions__text{font-weight:700}.selfHelpDevices-about .notes{background-color:#f0f0f0;border-radius:8px;padding:32px 24px}.selfHelpDevices-about .notes__list li{font-size:1.4rem;line-height:1.7;overflow-wrap:anywhere;padding-inline-start:1em;text-indent:-1em}.selfHelpDevices-about .notes__list li .site-name{display:block;font-weight:700;margin-top:10px;text-indent:0}.selfHelpDevices-about .notes__list li a{text-decoration:underline}.selfHelpDevices-target{border-bottom:1px solid #747474;margin-block-start:48px;padding-block-end:16px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-target{margin-block-start:64px}}.selfHelpDevices-target .target__text{margin-block-start:12px}.selfHelpDevices-target .target__text>span{display:inline-block;font-size:1.4rem;font-weight:400;line-height:1.6;margin-block-start:6px;padding-inline-start:1em;text-indent:-1em}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-target .target__text>span{margin-block-start:0}}.selfHelpDevices-target .target__list{font-weight:700;margin-block-start:12px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-target .target__list{margin-block-start:20px}}.selfHelpDevices-material{border-bottom:1px solid #747474;margin-block-start:48px;padding-block-end:16px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-material{margin-block-start:64px}}.selfHelpDevices-material .material__grid{display:grid;gap:24px;grid-template-rows:1fr;margin-block-start:12px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-material .material__grid{gap:64px;grid-template-columns:minmax(320px,1fr) auto;margin-block-start:20px;padding-inline-end:5%}}.selfHelpDevices-material .material__text span{display:inline-block;font-size:1.4rem;line-height:1.6;margin-block-start:6px;padding-inline-start:1em;text-indent:-1em}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-material .material__text span{margin-block-start:0}}.selfHelpDevices-material .material__cost{align-self:end;font-size:1.4rem;font-weight:700;justify-self:end;position:relative;width:-moz-fit-content;width:fit-content}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-material .material__cost{font-size:1.5rem}}.selfHelpDevices-material .material__cost:after{background-color:#f4cf41;bottom:6px;content:"";display:block;height:5px;margin-block-start:12px;position:absolute;width:100%;z-index:-1}.selfHelpDevices-material .material__cost .num{display:inline-block;font-size:2.8rem;line-height:1.2;margin-inline:.15em}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-material .material__cost .num{font-size:3.8rem}}.selfHelpDevices-flow .flow{display:flex;flex-direction:column;gap:56px;margin-block-start:48px}.selfHelpDevices-flow .flow__item{align-items:center;background-color:#f4cf41;border-radius:4px;display:flex;filter:drop-shadow(0 9px 10px rgba(0,0,0,.08));flex-direction:column;gap:32px;min-height:160px;padding:30px;position:relative}.selfHelpDevices-flow .flow__item:after{background-color:#f4cf41;bottom:-30px;clip-path:polygon(51% 100%,0 0,100% 0);content:"";display:block;height:32px;left:0;margin-inline:auto;position:absolute;right:0;width:56px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-flow .flow__item{flex-direction:row;gap:0;padding:20px 30px}}.selfHelpDevices-flow .complete .complete__image{display:block;height:auto;margin-inline:auto;width:248px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-flow .complete .complete__image{width:360px}.selfHelpDevices-flow .step{flex-basis:120px}}.selfHelpDevices-flow .step .circle{align-items:center;aspect-ratio:1/1;background-color:#fff;border-radius:50%;display:flex;flex-direction:column;font-size:1.3rem;font-weight:700;justify-content:center;letter-spacing:.05em;line-height:1.3;width:90px}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-flow .step .circle{font-size:1.5rem;width:90px}}.selfHelpDevices-flow .step .circle span{font-size:3rem;line-height:1.1}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-flow .step .circle span{font-size:4rem}}.selfHelpDevices-flow .content{display:flex;flex-direction:column;justify-content:center}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-flow .content{border-left:2px solid #000;flex:1;min-height:120px;padding-inline-start:40px}}.selfHelpDevices-flow .content .content__title{font-size:1.8rem;font-weight:700;line-height:1.5;text-align:center}@container selfHelpDevices (min-width: 688px){.selfHelpDevices-flow .content .content__title{font-size:2rem;text-align:left}}.selfHelpDevices-flow .content .content__text{margin-block-start:12px}.selfHelpDevices-contact .section__inner{--marginBlockStart-s:100px;--marginBlockStart-l:120px}.selfHelpDevices-contact .section__title{text-align:center}.selfHelpDevices-contact .contact__text{font-weight:700;line-height:1.6;margin-block-end:2.5em;margin-block-start:2em;text-align:center}
