@charset "UTF-8";:root{--color-main-black:#1d1d1d;--color-main-safie:#00a2ad;--color-main-safie-v2:#0096b2;--color-main-yellow:#ffd200;--color-bg-white:#fff;--color-bg-safie:#00a2ad;--color-bg-safie-v2:#0096b2;--color-bg-black:#1d1d1d;--color-text-black:#1d1d1d;--color-text-white:#fff;--color-text-safie:#00a2ad;--color-text-safie-v2:#0096b2;--color-text-green:#00a2ad;--color-btn-yellow:#ffd200;--color-border-gray:#e0e0e0;--color-border-white:#fff;--color-black:#000;--color-white:#fff;--color-user:#00b259;--color-developer:#8f52cc}.wrap .u-heading{margin-left:auto;margin-right:auto;max-width:1140px;padding:0 40px;position:relative}.wrap .u-heading h2{color:var(--color-black);font-size:4.3rem;line-height:1.375;text-align:center}.wrap .u-heading.p-about__heading h2{color:var(--color-white);text-align:left}.wrap .p-kv{align-items:center;display:flex;height:600px;position:relative}.wrap .p-kv__content{display:grid;gap:24px 0;grid-template-areas:"lead-area" "heading-area" "button-area";grid-template-rows:repeat(3,auto);margin:0 auto;max-width:1140px;padding:0 40px;position:relative;width:100%;z-index:1}.wrap .p-kv__content .p-kv__heading{background-color:transparent;color:var(--color-black);grid-area:heading-area;padding:0;width:387px}.wrap .p-kv__content .p-kv__heading img,.wrap .p-kv__content .p-kv__heading ruby{display:block}.wrap .p-kv__content .p-kv__heading rt{display:block;font-size:1.2rem;font-weight:700;line-height:1.75;margin-top:13px;text-align:center}.wrap .p-kv__content .p-kv__lead{color:var(--color-black);font-size:3.2rem;font-weight:700;grid-area:lead-area;letter-spacing:2px;line-height:1.38}.wrap .p-kv__content .p-kv__button{grid-area:button-area}.wrap .p-kv__content .p-kv__button a{border:2px solid var(--color-black);border-radius:calc(infinity*1px);color:var(--color-black);display:block;font-size:1.6rem;font-weight:700;height:50px;line-height:46px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease-out;width:240px}.wrap .p-kv__content .p-kv__button a:after,.wrap .p-kv__content .p-kv__button a:before{background-color:#1d1d1d;content:"";height:2px;position:absolute;right:18px;top:50%;transform-origin:calc(100% - 1px) 50%;width:10px}.wrap .p-kv__content .p-kv__button a:before{transform:rotate(45deg)}.wrap .p-kv__content .p-kv__button a:after{transform:rotate(-45deg)}.wrap .p-kv__image{height:663px;left:50%;max-width:953px;position:absolute;top:5px;transform:translateX(-21%);width:73.3076923077vw}.wrap .p-kv__image .p-kv__image-ai-studio{left:48%;max-width:576px;position:relative;top:50%;transform:translate(-48.5%,-54.5%);width:44.3076923077vw}.wrap .p-kv__image .p-kv__image-developer{max-width:342px;width:26.3076923077vw;--pos-x:-137%;--pos-y:-103%}.wrap .p-kv__image .p-kv__image-construction,.wrap .p-kv__image .p-kv__image-developer{left:50%;position:absolute;top:50%;transform:translate(var(--pos-x),var(--pos-y));will-change:transform}.wrap .p-kv__image .p-kv__image-construction{max-width:360px;width:27.6923076923vw;--pos-x:29%;--pos-y:-101%}.wrap .p-kv__image .p-kv__image-factory{--pos-x:21%;--pos-y:-10%}.wrap .p-kv__image .p-kv__image-factory,.wrap .p-kv__image .p-kv__image-retail{left:50%;max-width:360px;position:absolute;top:50%;transform:translate(var(--pos-x),var(--pos-y));width:27.6923076923vw;will-change:transform}.wrap .p-kv__image .p-kv__image-retail{--pos-x:-128%;--pos-y:-7%}.wrap .p-about{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/ai-studio/img/bg-ai-studio.png) no-repeat 0 0/cover}.wrap .p-about__lead p{color:var(--color-white);font-size:1.8rem;font-weight:700;letter-spacing:.05em;line-height:1.75}.wrap .p-about__lead p ruby{display:inline-block}.wrap .p-about__lead p ruby rt{display:inline-block;font-size:1.3rem}.wrap .p-about__lead p+p{margin-top:18px}.wrap .p-about__figure{border-radius:20px;margin-top:40px;overflow:hidden}.wrap .p-about__buttons{background-color:var(--color-white);border-radius:20px;margin-top:8px}.wrap .p-about__buttons-wrap{align-items:center;display:grid;gap:0 40px;grid-template-columns:1fr 1fr;justify-content:center;padding:40px}.wrap .p-about__button-item{border-radius:calc(infinity*1px);overflow:hidden}.wrap .p-about__button-item a{color:var(--color-white);display:block;font-size:2.1rem;font-weight:700;height:72px;letter-spacing:.08em;line-height:1.37;padding:16px;position:relative;text-align:center;text-decoration:none;transition:background-color .3s ease-out;width:100%}.wrap .p-about__button-item a:after,.wrap .p-about__button-item a:before{background-color:var(--color-white);bottom:14px;content:"";display:block;height:12px;left:50%;position:absolute;transform:translateX(-50%);transform-origin:50% calc(100% - 1px);width:2px}.wrap .p-about__button-item a:before{transform:translateX(-50%) rotate(45deg)}.wrap .p-about__button-item a:after{transform:translateX(-50%) rotate(-45deg)}.wrap .p-about__button-item.is-user{background-color:var(--color-user)}.wrap .p-about__button-item.is-developer{background-color:var(--color-developer)}.wrap .p-benefit__heading{padding-top:81px;position:relative}.wrap .p-benefit__heading h2 span{border-radius:8px;color:var(--color-white);font-size:2.6rem;font-weight:700;height:58px;left:50%;letter-spacing:.07em;line-height:58px;padding:0 40px;position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.wrap .p-benefit__heading h2 span:after{border-style:solid;border-bottom:0;border-left:11px solid transparent;border-right:11px solid transparent;bottom:-12px;content:"";display:block;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.wrap #benefit-user .p-benefit__heading h2 span{background-color:var(--color-user)}.wrap #benefit-user .p-benefit__heading h2 span:after{border-top:16px solid var(--color-user)}.wrap #benefit-developer .p-benefit__heading h2 span{background-color:var(--color-developer)}.wrap #benefit-developer .p-benefit__heading h2 span:after{border-top:16px solid var(--color-developer)}.wrap .p-benefit__item{align-items:center;display:grid;gap:0 44px;grid-template-areas:"img-area detail-area";grid-template-columns:minmax(0,692px) minmax(300px,1fr)}.wrap .p-benefit__item:nth-child(2n){grid-template-areas:"detail-area img-area";grid-template-columns:minmax(300px,1fr) minmax(0,692px)}.wrap .p-benefit__item+.p-benefit__item{margin-top:64px}.wrap .p-benefit__item-detail{grid-area:detail-area}.wrap .p-benefit__item-detail h3{font-size:2.1rem;font-weight:700;line-height:1.5}.wrap .p-benefit__item-detail p{font-size:1.6rem;line-height:1.62;margin-top:12px}.wrap #benefit-user .p-benefit__item-detail h3{color:var(--color-user)}.wrap #benefit-developer .p-benefit__item-detail h3{color:var(--color-developer)}.wrap .p-benefit__item-figure{border-radius:20px;grid-area:img-area;overflow:hidden}.wrap .p-benefit__button-area{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/ai-studio/img/bg-ai-studio.png) no-repeat 0 0/cover;border-radius:20px;margin-top:64px;padding:24px 0 40px}.wrap .p-benefit__button-area .p-benefit__button-text{color:var(--color-white);font-size:2.1rem;font-weight:700;line-height:1.37;text-align:center}.wrap .p-benefit__button-area .p-benefit__button-item{margin-top:24px}.wrap .p-example{background:var(--color-bg-safie-v2);position:relative}.wrap .p-example:after{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/ai-studio/img/illust-solution.svg) no-repeat 0 0/contain;content:"";display:block;height:290px;left:calc(50% - 80px);position:absolute;top:-51px;transform:translateX(-50%);width:1060px}.wrap .p-example__heading h2{color:var(--color-white)}.wrap .p-example__block{margin-top:64px}.wrap .p-example__block:first-child{margin-top:0}.wrap .p-example__block h3{border:2px solid var(--color-white);border-left:none;border-right:none;color:var(--color-white);font-size:2.6rem;font-weight:700;line-height:47px;padding-bottom:.1em;text-align:center}.wrap .p-example__block .p-example__item{display:grid;gap:0 44px;grid-template-columns:repeat(3,1fr);margin-top:40px}.wrap .p-example__block .p-example__item figure img{border-radius:20px}.wrap .p-example__block .p-example__item figcaption{color:var(--color-white);font-size:1.8rem;font-weight:700;line-height:1.75;margin-top:12px;text-align:center}.wrap .p-contact{background:url(https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/ai-studio/img/bg-ai-studio.png) no-repeat 0 0/cover}.wrap .p-contact__heading h2{color:var(--color-white)}.wrap .p-contact__content{margin-top:40px}.wrap .p-contact__content .p-contact__lead{color:var(--color-white);font-size:2.6rem;font-weight:700;line-height:1.5;text-align:center}.wrap .p-contact__content .p-contact__text{color:var(--color-white);font-size:1.8rem;line-height:1.62;margin-top:16px;text-align:center}.wrap .p-contact__btn-wrap{margin-top:40px}@keyframes floatingY{0%,to{transform:translate(var(--pos-x),calc(var(--pos-y) + 2%))}50%{transform:translate(var(--pos-x),calc(var(--pos-y) - 2%))}}.wrap .p-kv__image-developer{animation:floatingY 5s ease-in-out infinite}.wrap .p-kv__image-construction{animation:floatingY 6.2s ease-in-out -1.5s infinite}.wrap .p-kv__image-factory{animation:floatingY 4.8s ease-in-out -2.2s infinite}.wrap .p-kv__image-retail{animation:floatingY 5.5s ease-in-out -.5s infinite}html{scroll-behavior:smooth}body{background-color:#fff}#sect1>.bl_sect{padding-bottom:0;padding-top:0}.wrap{color:var(--color-black);counter-reset:itemNum 0 stepNum 0;font-family:Noto Sans JP,sans-serif}.wrap img{width:100%!important}.wrap p{margin:0}.wrap p.u-notes{font-size:1.4rem;padding-left:1em;position:relative;text-indent:-1.1em}.wrap p.u-notes:before{content:"※"}.wrap br.u-md-only,.wrap br.u-tablet,.wrap br.u-tablet-only{display:none}.wrap br.u-lg-only,.wrap br.u-tablet-lg{display:block}.modBreadcrumb.modBreadcrumb--top{padding-bottom:11px;padding-top:11px;position:static}.modBreadcrumb:not(.modBreadcrumb--top){margin-top:40px}.wrap .u-button-wrap{margin-left:auto;margin-right:auto}.wrap .u-button-wrap .u-button-item{align-items:center;display:grid;justify-items:center;overflow:hidden}.wrap .u-button-wrap a{background-color:#ffd400;border-radius:calc(infinity*1px);display:block;font-size:2rem;font-weight:700;height:64px;letter-spacing:normal;line-height:64px;position:relative;text-align:center;text-decoration:none;width:470px}.wrap .u-button-wrap a:after,.wrap .u-button-wrap a:before{background-color:#1d1d1d;content:"";height:2px;position:absolute;right:25px;top:calc(50% - 1px);transform-origin:calc(100% - 1px) 50%;width:12px}.wrap .u-button-wrap a:before{transform:rotate(45deg)}.wrap .u-button-wrap a:after{transform:rotate(-45deg)}.wrap .u-section{container-type:inline-size;margin:0 auto;padding:64px 0}.wrap .u-content{margin-left:auto;margin-right:auto;margin-top:40px;max-width:1140px;padding:0 40px}@media screen and (769px <= width < 980px){.wrap .u-heading{padding:0 30px}.wrap .u-heading h2{font-size:3.2rem;line-height:1.5}.wrap .p-kv__content{gap:20px 0;margin-top:32px}.wrap .p-kv__content .p-kv__heading{margin-inline:auto;width:315px}.wrap .p-kv__content .p-kv__button a{width:315px}.wrap .p-kv__image{padding:11.4583333333vw 0 5.9895833333vw;width:calc(100% - 60px)}.wrap .p-kv__image .p-kv__image-ai-studio{max-width:440px;width:57.2916666667vw}.wrap .p-kv__image .p-kv__image-developer{max-width:276px;width:35.9375vw;--pos-x:-128%;--pos-y:-90%}.wrap .p-kv__image .p-kv__image-construction{max-width:276px;width:35.9375vw;--pos-x:28%;--pos-y:-90%}.wrap .p-kv__image .p-kv__image-factory{max-width:276px;width:35.9375vw;--pos-x:26%;--pos-y:2%}.wrap .p-kv__image .p-kv__image-retail{max-width:276px;width:35.9375vw;--pos-x:-121%;--pos-y:2%}.wrap .p-about__buttons-wrap{gap:0 12px}.wrap .p-benefit__heading h2 span{font-size:2.1rem;height:45px;line-height:45px;padding:0;width:315px}.wrap .p-benefit__item{align-items:flex-start;grid-template-columns:1fr 341px}.wrap .p-benefit__item:nth-child(2n){grid-template-columns:341px 1fr}.wrap .p-benefit__item+.p-benefit__item{margin-top:48px}.wrap .p-example__block .p-example__item{gap:0 32px}.wrap .p-example__block .p-example__item figcaption{font-size:1.4rem;line-height:1.37}.wrap .p-contact__content .p-contact__text{font-size:1.6rem}.wrap br.u-tablet-only{display:block}.wrap .u-button-wrap a{font-size:2rem}.wrap .u-button-wrap a:after,.wrap .u-button-wrap a:before{right:18px;width:10px}.wrap .u-content{padding:0 30px}}@media screen and (max-width:768px){.wrap .u-heading{margin-top:0;padding:0 min(40px,8vw)}.wrap .u-heading h2{font-size:2.6rem}.wrap .p-kv__content{gap:20px 0;padding:0 min(40px,8vw)}.wrap .p-kv__content .p-kv__heading{margin-inline:auto;width:100%}.wrap .p-kv__content .p-kv__button{width:100%}.wrap .p-kv__content .p-kv__button a{max-width:100%;width:100%}.wrap .p-kv__content .p-kv__button a:after,.wrap .p-kv__content .p-kv__button a:before{right:20px;width:11px}.wrap .p-kv__image{padding:70px 0 17px;width:100%}.wrap .p-kv__image .p-kv__image-ai-studio{max-width:293px;width:78.1333333333vw}.wrap .p-kv__image .p-kv__image-developer{max-width:184px;width:49.0666666667vw;--pos-x:-130%;--pos-y:-83%}.wrap .p-kv__image .p-kv__image-construction{max-width:184px;width:49.0666666667vw;--pos-x:27%;--pos-y:-83%}.wrap .p-kv__image .p-kv__image-factory{max-width:184px;width:49.0666666667vw;--pos-x:24%;--pos-y:8%}.wrap .p-kv__image .p-kv__image-retail{max-width:184px;width:49.0666666667vw;--pos-x:-123%;--pos-y:8%}.wrap .p-about__buttons-wrap{gap:12px 0;grid-template-columns:1fr}.wrap .p-about__button-item a:after,.wrap .p-about__button-item a:before{height:11px}.wrap .p-benefit#benefit-user .u-section{padding-bottom:64px}.wrap .p-benefit__heading h2 span{font-size:2.1rem;height:45px;line-height:45px;padding:0 30px;width:calc(100% - 60px)}.wrap .p-benefit__item,.wrap .p-benefit__item:nth-child(2n){gap:12px 0;grid-template-areas:"img-area" "detail-area";grid-template-columns:100%;grid-template-rows:auto auto}.wrap .p-benefit__item+.p-benefit__item{margin-top:32px}.wrap .p-benefit__item-detail h3{text-align:center}.wrap .p-benefit__button-area{padding-left:30px;padding-right:30px}.wrap .p-example__block .p-example__item{gap:32px 0;grid-template-columns:100%}.wrap .p-contact__content .p-contact__text{text-align:left}.wrap .p-contact__btn-wrap{margin-top:32px}.wrap br.u-md-only{display:block}.wrap br.u-tablet-lg{display:none}.wrap .u-button-wrap a{font-size:2.1rem;width:100%}.wrap .u-button-wrap a:after,.wrap .u-button-wrap a:before{right:20px;width:11px}.wrap .u-content{margin-top:0;padding:0 min(40px,8vw)}}@media screen and (width < 980px){.wrap .p-kv{display:block;height:auto}.wrap .p-kv__content .p-kv__heading rt{font-size:1rem;margin-top:10px}.wrap .p-kv__content .p-kv__lead{font-size:2.6rem;margin-inline:auto;text-align:center}.wrap .p-kv__content .p-kv__button{margin-inline:auto}.wrap .p-kv__image{height:auto;left:0;margin:0 auto;max-width:none;position:relative;top:0;transform:translateX(0)}.wrap .p-kv__image .p-kv__image-ai-studio{left:50%;top:0;transform:translate(-50%)}.wrap .p-about .u-heading h2{font-size:2.6rem}.wrap .p-about__lead p{font-size:1.6rem}.wrap .p-about__lead p ruby{display:inline}.wrap .p-about__lead p ruby rt{display:inline;font-size:1.6rem}.wrap .p-about__lead p+p{margin-top:16px}.wrap .p-about__figure{margin-top:32px}.wrap .p-about__buttons-wrap{padding:24px}.wrap .p-about__button-item a{font-size:1.8rem;height:67px;padding:12px}.wrap .p-about__button-item a:after,.wrap .p-about__button-item a:before{bottom:10px}.wrap .p-benefit .u-content{margin-top:32px}.wrap .p-benefit__heading{padding-top:64px}.wrap .p-benefit__item-detail p{margin-top:8px}.wrap .p-benefit__button-area{margin-top:32px;padding-bottom:32px}.wrap .p-benefit__button-area .p-benefit__button-text{font-size:1.8rem}.wrap .p-example:after{height:230px;left:50%;top:-64px;width:230px}.wrap .p-example .u-section{padding-top:160px}.wrap .p-example__block{margin-top:48px}.wrap .p-example__block h3{font-size:1.8rem;padding-bottom:0}.wrap .p-example__block .p-example__item{margin-top:24px}.wrap .p-example__block .p-example__item figcaption{margin-top:8px}.wrap .p-contact__content{margin-top:24px}.wrap .p-contact__content .p-contact__lead{font-size:2.1rem;line-height:1.37}.wrap br.u-tablet{display:block}.wrap br.u-lg-only{display:none}.modBreadcrumb:not(.modBreadcrumb--top){margin-top:20px}.wrap .u-section{padding:48px 0}.wrap .u-content{margin-top:24px}}@media (any-hover:hover){.wrap .p-kv__content .p-kv__button a:hover{background-color:#ffea00;border-color:#ffea00}.wrap .p-about__button-item.is-user a:hover{background-color:#00d96c}.wrap .p-about__button-item.is-developer a:hover{background-color:#b367ff}.wrap a:hover{opacity:1}.wrap .u-button-wrap a:hover{background-color:#ffea00}}