.conts_ttl{height:fit-content;padding-bottom:calc(var(--vw) * 28);position:relative;@media (width<=768px){padding-bottom:28px}&:before{content:"";width:calc(var(--vw) * 64);height:calc(var(--vw) * 4);background:linear-gradient(90deg,#28a676,#c1e68e);border-radius:9999px;position:absolute;bottom:0;left:0;@media (width<=768px){width:64px;height:4px}}& .ja{font-size:calc(var(--vw) * 36);letter-spacing:.08em;color:#3f3f3f;font-weight:400;@media (width<=768px){font-size:2.8rem}}& .en{font-size:max(calc(var(--vw) * 12),1rem);font-family:var(--poppins);letter-spacing:.02em;color:#cacaca;font-weight:500;line-height:1;display:block;@media (width<=768px){font-size:1.2rem}}}.link_btn{border-radius:calc(var(--vw) * 4);padding:calc(var(--vw) * 12) calc(var(--vw) * 10) calc(var(--vw) * 12) calc(var(--vw) * 24);@media (width<=768px){border-radius:4px;padding:12px 12px 12px 24px}& .txt{font-size:max(calc(var(--vw) * 16),1rem);letter-spacing:.08em;font-weight:600;@media (width<=768px){font-size:1.6rem}}}.fv{margin-top:calc(var(--vw) * 123);overflow:clip;@media (width<=768px){margin-top:128px;padding-top:187px}& .img{width:100%}& .draw{width:calc(var(--vw) * 1640);aspect-ratio:1640/532;--calcvw:1640;translate:calc(var(--vw) * -262) 0;margin:0 auto;position:relative;container-type:inline-size;@media (width<=768px){width:996px;translate:calc(20.6107vw - 318.29px)}& svg{width:100%;height:100%;margin:0 auto;display:block;position:absolute;overflow:visible}& #group-m1{width:calc(820/var(--calcvw)*100cqw);aspect-ratio:852/514;height:auto;top:calc(10/var(--calcvw)*100cqw);z-index:2;left:0}& .path-m{fill:none;stroke:var(--grad_m);stroke-width:48px;stroke-linecap:round}& #group-i1{width:calc(230/var(--calcvw)*100cqw);aspect-ratio:208/381;height:auto;top:calc(69/var(--calcvw)*100cqw);left:calc(830/var(--calcvw)*100cqw);z-index:1;& .path-i1{fill:var(--grad_i1);translate:-43px -48px;scale:1.4}& .path-i2{fill:none;stroke:var(--grad_i2);stroke-width:42px;stroke-linecap:round}& .path-i3{fill:none;stroke:var(--grad_i3);stroke-width:42px;stroke-linecap:round}}& #group-l1{width:calc(660/var(--calcvw)*100cqw);aspect-ratio:674/437;height:auto;top:calc(116/var(--calcvw)*100cqw);left:calc(1008/var(--calcvw)*100cqw);& .path-l1{fill:none;stroke:var(--grad_l1);stroke-width:48px;stroke-linecap:round}}& #group-ribbon1{aspect-ratio:211/235;width:181px;height:auto;top:84px;left:774px;& .path-ribbon1{fill:none;stroke:var(--grad_ribbon);stroke-width:50px;stroke-linecap:round}}}& .pc_svg{--grad_m:url(#line-grad-m);--grad_i1:url(#line-grad-i1);--grad_i2:url(#line-grad-i2);--grad_i3:url(#line-grad-i3);--grad_l1:url(#line-grad-l1);@media (width<=768px){display:none}}& .sp_slide{--grad_m:url(#line-grad-m_sp);--grad_i1:url(#line-grad-i1_sp);--grad_i2:url(#line-grad-i2_sp);--grad_i3:url(#line-grad-i3_sp);--grad_l1:url(#line-grad-l1_sp);--grad_ribbon:url(#line-grad-ribbon_sp);display:none;visibility:visible!important;@media (width<=768px){display:block}& .draw{aspect-ratio:1000/320;width:1000px;translate:-600px}& #group-m1{z-index:3;width:508px;top:6px;left:-68px}& #group-i1{z-index:2;width:143px;left:409px}& #group-l1{z-index:1;width:400px;top:74px;left:518px}}}.service{margin:calc(var(--vw) * 290) auto 0;position:relative;@media (width<=768px){margin-top:85px}& .bg{width:calc(var(--vw) * 798);border-radius:0 calc(var(--vw) * 8) 0 0;top:calc(var(--vw) * -120);display:block;position:absolute;left:0;overflow:clip;@media (width<=768px){width:81.0667vw;height:360px;top:unset;bottom:-80px;overflow:clip;& img{object-fit:cover;height:100%}}}& .inner{width:calc(var(--vw) * 1104);z-index:1;margin:0 auto;position:relative;@media (width<=768px){width:calc(100% - 20px)}}& .flex_block{gap:40px calc(var(--vw) * 70);margin-top:calc(var(--vw) * 48);align-items:flex-end;display:flex;@media (width<=768px){flex-direction:column;margin-top:230px}& .img{margin-bottom:calc(var(--vw) * 31);flex:1;@media (width<=768px){width:min(100%,355px);margin:0 auto}& picture{display:block}}& .link_btn{gap:calc(var(--vw) * 39);@media (width<=768px){gap:10px;width:min(100%,326px);margin:0 auto}}}}.sticky_wrap{width:calc(var(--vw) * 200);height:calc(var(--vw) * 1063);top:calc(var(--vw) * 260);right:calc(var(--vw) * 58);position:absolute;@media (width<=768px){width:fit-content;height:880px;top:128px;right:24px}}.sticky_txt{width:fit-content;top:calc(var(--vw) * 137);--bg_opacity:0;z-index:3;position:sticky;left:0;@media (width<=768px){align-items:flex-end;gap:59px;display:flex;top:100px}&:before{content:"";backdrop-filter:blur(10px);width:110%;height:110%;opacity:var(--bg_opacity);background-color:#fff9;border-radius:8px;position:absolute;top:50%;left:50%;translate:-50% -50%}& .ja{width:max-content;font-size:calc(var(--vw) * 24);letter-spacing:.1em;color:#505050;z-index:1;font-weight:600;line-height:1.66667;position:relative;@media (width<=768px){font-size:2.4rem}}& .en{font-size:max(calc(var(--vw) * 12),1rem);font-family:var(--poppins);letter-spacing:.02em;color:#cacaca;margin-top:calc(var(--vw) * 16);z-index:1;font-weight:500;line-height:1.33333;position:relative;@media (width<=768px){margin-top:unset;font-size:1.2rem}}}.about{padding:calc(var(--vw) * 120) 24px calc(var(--vw) * 240);margin:calc(var(--vw) * 142) auto 0;background-color:#28a676;position:relative;@media (width<=768px){margin-top:80px;padding:64px 24px 224px}& .bg{mix-blend-mode:screen;width:100%;top:calc(var(--vw) * 69);position:absolute;left:0;transform:translateZ(0);@media (width<=768px){top:calc(630.733px - 62.5954vw)}}& .inner{width:calc(var(--vw) * 962);margin:0 auto;position:relative;@media (width<=768px){width:100%}}& .conts_ttl{& .ja,& .en{color:#fff}}& .flex_block{gap:10px calc(var(--vw) * 32);margin:calc(var(--vw) * 64) auto 0;display:flex;@media (width<=768px){flex-direction:column;margin-top:40px}& .box{color:#fff;border-radius:calc(var(--vw) * 4);background-color:#28a676b3;border:1px solid #fff;flex-direction:column;flex:1;display:flex;& .box_ttl{padding:calc(var(--vw) * 8) calc(var(--vw) * 24);border-bottom:1px solid #fff;justify-content:space-between;align-items:center;gap:10px;display:flex;@media (width<=768px){padding:8px 24px}& .ja{font-size:calc(var(--vw) * 20);letter-spacing:.1em;font-weight:600;@media (width<=768px){font-size:2rem}}& .en{font-size:max(calc(var(--vw) * 12),1rem);font-family:var(--poppins);letter-spacing:.02em;font-weight:500;@media (width<=768px){font-size:1.2rem}}}& .conts{padding:calc(var(--vw) * 32) calc(var(--vw) * 20) calc(var(--vw) * 40);flex-direction:column;flex:1;justify-content:center;display:flex;@media (width<=768px){padding:32px 24px 40px}& .box_head{font-size:calc(var(--vw) * 20);letter-spacing:.08em;text-align:center;font-weight:700;@media (width<=768px){font-size:2rem}&+.box_txt{margin-top:calc(var(--vw) * 16);@media (width<=768px){margin-top:16px}}}& .box_txt{font-size:max(calc(var(--vw) * 16),1rem);letter-spacing:.08em;text-align:center;font-weight:400;line-height:1.75;@media (width<=768px){font-size:1.6rem}}}}}& .link_btn{gap:calc(var(--vw) * 57);width:fit-content;top:calc(var(--vw) * 33);position:absolute;right:0;@media (width<=768px){position:initial;width:min(100%,326px);margin:40px auto 0}}}.company{margin:calc(var(--vw) * -152) auto 0;z-index:1;position:relative;@media (width<=768px){margin-top:-159px}& .inner{width:calc(var(--vw) * 1104);margin:0 auto;display:flex;@media (width<=768px){flex-direction:column;width:calc(100% - 24px);margin-inline:auto 0}& .txt_group{border-radius:calc(var(--vw) * 8) 0 0 calc(var(--vw) * 8);padding:calc(var(--vw) * 64) calc(var(--vw) * 36);background-color:#3f3f3f;flex:1;justify-content:space-between;align-items:center;display:flex;@media (width<=768px){align-items:unset;border-radius:8px 0 0;flex-direction:column;gap:0;padding:24px 22px 24px 24px}& .slide_arrow{@media (width<=768px){align-self:flex-end;margin-top:-13px}}}& .conts_ttl{& .ja,& .en{color:#fff}}& .img{width:calc(var(--vw) * 426);border-radius:0 calc(var(--vw) * 8) calc(var(--vw) * 8) 0;flex-shrink:0;display:block;overflow:clip;@media (width<=768px){border-radius:0 0 0 8px;width:100%;height:160px}& img{transition:scale .3s}}@media (width>=769px){&:hover{& .img img{scale:1.1}}}}}.news{margin:calc(var(--vw) * 140) auto 0;@media (width<=768px){margin-top:64px}& .inner{width:calc(var(--vw) * 962);gap:40px calc(var(--vw) * 203);margin:0 auto;display:flex;position:relative;@media (width<=768px){flex-direction:column;width:calc(100% - 48px)}}& .conts_ttl{flex-shrink:0}& .list{gap:calc(var(--vw) * 24);flex-direction:column;flex:1;display:flex;@media (width<=768px){gap:24px}& .item{width:100%;& .link{width:100%;padding-bottom:calc(var(--vw) * 25);border-bottom:1px solid #efefef;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative;@media (width<=768px){align-items:flex-end;padding-bottom:24px}&:before{content:"";background-color:#28a676;width:0%;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}@media (width>=769px){&:hover:before{width:100%}}& .head{gap:calc(var(--vw) * 16);align-items:center;display:flex;@media (width<=768px){gap:16px}& .date{font-size:max(calc(var(--vw) * 14),1rem);font-family:var(--poppins);letter-spacing:.02em;font-weight:500;@media (width<=768px){font-size:1.4rem}}& .cat_list{gap:calc(var(--vw) * 4);flex-wrap:wrap;display:flex;@media (width<=768px){gap:4px}}& .cat{font-size:max(calc(var(--vw) * 12),1rem);letter-spacing:.08em;color:#28a676;border-radius:calc(var(--vw) * 4);padding:calc(var(--vw) * 2) calc(var(--vw) * 8);background-color:#fff;border:1px solid #28a676;justify-content:center;align-items:center;font-weight:600;display:flex;@media (width<=768px){border-radius:4px;padding:2px 8px;font-size:1.2rem}}}& .txt{font-size:max(calc(var(--vw) * 16),1rem);letter-spacing:.08em;margin-top:calc(var(--vw) * 12);font-weight:400;@media (width<=768px){margin-top:12px;font-size:1.6rem}}}}}& .link_btn{gap:calc(var(--vw) * 74);top:calc(var(--vw) * 120);position:absolute;left:0;@media (width<=768px){width:min(100%,326px);top:unset;left:unset;gap:10px;margin:0 auto;position:relative}}}.contact{margin:calc(var(--vw) * 120) auto 0;@media (width<=768px){margin-top:64px}& .inner{align-items:stretch;display:flex;@media (width<=768px){flex-direction:column-reverse}}& .conts_ttl{& .ja,& .en{color:#fff}}& .img{width:calc(var(--vw) * 640);height:fit-content;display:block;@media (width<=768px){width:100%;height:160px;overflow:clip;& img{object-fit:cover}}}& .conts{padding:calc(var(--vw) * 100) calc(var(--vw) * 87) calc(var(--vw) * 76);background:linear-gradient(90deg,#28a676,#c1e68e);flex-direction:column;flex:1;justify-content:center;display:flex;@media (width<=768px){padding:48px 24px}}& .lead{font-size:max(calc(var(--vw) * 16),1rem);letter-spacing:.08em;color:#fff;margin-top:calc(var(--vw) * 64);font-weight:500;@media (width<=768px){margin-top:40px;font-size:1.6rem}}& .btn_group{gap:calc(var(--vw) * 16);margin-top:calc(var(--vw) * 48);flex-direction:column;display:flex;@media (width<=768px){gap:16px;margin-top:24px}& .btn_link{border-radius:calc(var(--vw) * 4);gap:calc(var(--vw) * 24);padding:calc(var(--vw) * 19) calc(var(--vw) * 16) calc(var(--vw) * 21);border:1px solid #fff;align-items:center;display:flex;@media (width<=768px){border-radius:4px;gap:16px;padding:17px 16px 18px}& .icon{width:calc(var(--vw) * 64);aspect-ratio:1;flex-shrink:0;height:fit-content;@media (width<=768px){width:64px}}& .txtgroup{flex:1}& .txt{font-size:calc(var(--vw) * 22);letter-spacing:.08em;font-weight:700;@media (width<=768px){font-size:1.9rem}}& .s_txt{font-size:max(calc(var(--vw) * 15),1rem);letter-spacing:0;margin-top:calc(var(--vw) * 4);font-weight:500;@media (width<=768px){margin-top:4px;font-size:1.5rem}}&.form{background-color:#fff;transition:background-color .3s,color .3s;@media (width>=769px){&:hover{color:#fff;background-color:#28a676;& .icon{&:before{opacity:0}&:after{background-color:#28a676}}& .txt{color:#fff;transition:color .3s}}}& .icon{background-color:#fff;border-radius:50%;position:relative;&:before{content:"";background:linear-gradient(90deg,#28a676,#c1e68e);border-radius:50%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}&:after{content:"";aspect-ratio:1;z-index:1;background-color:#fff;border-radius:50%;width:100%;height:100%;transition:background-color .3s;position:absolute;top:0;left:0;mask-image:url(/assets/img/top/contact_icon_from.svg);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}& .txt{color:#28a676}}&.tel{color:#fff;transition:background-color .3s,color .3s;@media (width>=769px){&:hover{color:#fff;background-color:#28a676}}& .icon{background-color:#fff;border-radius:50%;position:relative;&:before{content:"";background:#fff;border-radius:50%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}&:after{content:"";aspect-ratio:1;z-index:1;background:linear-gradient(#c1e68e,#28a676);border-radius:50%;width:100%;height:100%;transition:background-color .3s;position:absolute;top:0;left:0;mask-image:url(/assets/img/top/contact_icon_tel.svg);mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}& .txt{font-size:calc(var(--vw) * 28);font-family:var(--poppins);letter-spacing:.02em;font-weight:600;line-height:1;@media (width<=768px){font-size:2.3rem}}}}}}
