@charset "UTF-8";
.business .intro-video{position:fixed;inset:0;z-index:11;display:flex;align-items:center;justify-content:center;background:#fff;transition:opacity var(--intro-fade) ease,visibility var(--intro-fade)}.business .intro-video.is-done{opacity:0;visibility:hidden}.business .intro-video-player{display:block;width:var(--intro-video-width);max-width:none;height:auto}.business .intro-video-skip{position:absolute;right:calc(var(--intro-skip-inset) + env(safe-area-inset-right));bottom:calc(var(--intro-skip-inset) + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px 0 20px;border:1px solid var(--header-control-line);border-radius:999px;background:var(--header-control-bg);-webkit-backdrop-filter:blur(var(--header-control-blur));backdrop-filter:blur(var(--header-control-blur));box-shadow:var(--header-control-shadow);color:var(--navy);font-family:inherit;font-size:var(--fs-small);font-weight:500;letter-spacing:0.08em;cursor:pointer;transition:background-color var(--menu-sub-speed) ease,color var(--menu-sub-speed) ease,border-color var(--menu-sub-speed) ease}.business .intro-video-skip::after{content:"";width:12px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 1.5 5 5l-3.5 3.5M6.5 1.5 10 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1.5 1.5 5 5l-3.5 3.5M6.5 1.5 10 5l-3.5 3.5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.business .intro-video-skip:hover{border-color:var(--navy);background:var(--navy);color:#fff}.business .intro-video-skip:focus-visible{outline:2px solid var(--text-base-hover-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.business .intro-video{display:none}}.business:has(:target) .intro-video{display:none}.business .services-hero{position:relative;isolation:isolate;box-sizing:border-box;display:flex;align-items:center;min-height:calc(var(--header-height) + var(--services-hero-height) + var(--section-overlap));padding:calc(var(--header-height) + var(--services-hero-pad-y)) var(--services-hero-pad-x) calc(var(--services-hero-pad-y) + var(--section-overlap));color:var(--services-hero-text)}.business .services-hero::before{content:"";position:absolute;inset:var(--header-height) 0 0;z-index:-1;background:url("/assets/img/business/services-hero-bg.webp") var(--services-hero-bg-x) center / cover no-repeat}.business .services-hero-inner{min-width:0}.business .services-hero-title,.business .services-hero-copy{font-family:var(--font-heading);font-weight:bold;font-feature-settings:"palt";-webkit-text-stroke:var(--services-hero-weight) currentColor}.business .services-hero-title{margin:0;font-size:var(--services-hero-title-size);line-height:1.45;letter-spacing:0.04em;text-wrap:balance}.business .services-hero-copy{display:flex;flex-wrap:wrap;align-items:center;gap:0.4em 0.75em;margin:var(--services-hero-copy-space) 0 0;font-size:var(--services-hero-copy-size);line-height:1.4;letter-spacing:0.08em;white-space:nowrap}.business .services-hero-accent{color:var(--services-hero-accent)}.business .services-hero-mark{flex:none;width:auto;height:1.1em}.business .services-hero-mark rect{fill:none;stroke-width:3}.business .services-hero-mark-back{stroke:var(--services-hero-text)}.business .services-hero-mark-front{stroke:var(--services-hero-accent)}.business .services-hero-action{margin-top:var(--services-hero-action-space)}.business .services-hero .btn-sweep{--sweep-line:var(--services-hero-button-line);--sweep-text:var(--services-hero-text)}.business .sv-contents{display:flex;flex-direction:column;gap:10px;padding:15px}.business .sv-contents .arrow-bottom{align-self:flex-end;font-size:var(--fs-small);padding:0}.business .assignment{background:#f4f4f4}.business .assignment-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:url("/assets/img/business/sv-bg01.webp");background-size:cover;background-position:center center}.business .assignment-contents{padding:var(--section-space) 15px;position:relative;z-index:2}.business .assignment-contents-area{display:flex;flex-direction:column;gap:30px;padding:15px;border-radius:40px;background:rgba(255,255,255,0.2);box-shadow:0 4px 30px rgba(0,0,0,0.1),0 4px 20px inset rgba(255,255,255,0.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}@media (min-width:768px){.business .assignment-contents-area{padding:50px}}.business .assignment-contents-area .title{text-align:center;font-size:var(--fs-subheading);font-weight:bold;line-height:1.5}@media (min-width:768px){.business .assignment-contents-area .title{text-align:left;font-size:var(--fs-title);letter-spacing:0.05em}}.business .assignment-list{display:flex;flex-direction:column;gap:10px;row-gap:30px;justify-content:center}@media (min-width:768px){.business .assignment-list{align-self:center;gap:30px;row-gap:15px;justify-content:flex-end}}@media (min-width:1024px){.business .assignment-contents-area{flex-direction:row;align-items:center;justify-content:space-between;gap:40px}.business .assignment-contents-area .title{flex:1}.business .assignment-list{flex:none}}.business .assignment-list-block{border-radius:30px;padding:2px;position:relative}.business .assignment-list-block .frame{position:relative;height:100%;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:space-between;border-radius:30px;padding:15px 0;padding-bottom:0;}.business .assignment-list-block .frame .subtitle{text-align:center;font-size:var(--fs-subheading);font-weight:bold;line-height:2}@media (min-width:768px){.business .assignment-list-block .frame .subtitle{font-size:var(--fs-heading);letter-spacing:0.05em}}.business .assignment-list-block .frame:before{content:"“";font-size:40px;transform:translateY(-15%)}@media (min-width:768px){.business .assignment-list-block .frame:before{font-size:80px}}.business .assignment-list-block .frame:after{content:"”";font-size:40px;transform:translateY(-15%)}@media (min-width:768px){.business .assignment-list-block .frame:after{font-size:80px}}.business .solution{height:200vh;position:relative}.business .solution .scroll-point{height:1px;width:100%;background:transparent;z-index:-1}.business .solution-contents{padding:30px 0;display:flex;flex-direction:column;min-height:100vh;height:100vh;position:sticky;top:0;padding-top:70px}@media (min-width:768px){.business .solution-contents{padding:50px 0;padding-top:100px;flex-direction:row}}.business .solution-contents-left{background:url("/assets/img/common/bg-noise.webp");filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.25));width:calc(100% - 15px);padding:10px 15px 10px;padding-left:30px;border-radius:0 30px 30px 0;display:flex;flex-direction:column;gap:5px;align-items:center;overflow:visible}@media (min-width:768px){.business .solution-contents-left{gap:20px;width:40%;padding:50px 15px;padding-top:min(50px,3vh);padding-bottom:min(50px,3vh);filter:drop-shadow(0px 1px 2px rgba(0,0,0,0.25))}}@media screen and (min-width:1200px){.business .solution-contents-left{flex-shrink:0;width:calc((100% - var(--contents-max-width)) / 2 + var(--contents-max-width) * 0.4);padding-left:calc((100% - var(--contents-max-width)) / 2)}}.business .solution-contents-left .left-flex{display:flex;flex-direction:column;gap:10px}@media (min-width:768px){.business .solution-contents-left .left-flex{gap:min(50px,3vh)}}.business .solution-contents-left .left-flex .title{font-size:var(--fs-subheading);line-height:1.5;text-align:center}@media (min-width:768px){.business .solution-contents-left .left-flex .title{font-size:min(var(--fs-heading),4vh)}}@media (min-width:1280px){.business .solution-contents-left .left-flex .title{font-size:min(var(--fs-title),4vh)}}.business .solution-contents-left .left-flex .text{font-size:var(--fs-small);line-height:1.5;text-align:center}@media (min-width:768px){.business .solution-contents-left .left-flex .text{font-size:var(--fs-body)}}.business .solution-contents-left .scrollbtn{display:flex;flex-direction:column;gap:10px;padding:12px 0;position:relative}@media (min-width:768px){.business .solution-contents-left .scrollbtn{gap:min(50px,3vh);padding:50px 0;padding-top:min(50px,3vh);padding-bottom:min(50px,3vh);justify-content:space-around;flex-grow:1}}.business .solution-contents-left .scrollbtn:after{content:"";width:1px;height:100%;position:absolute;top:0;left:50%;background:var(--navy)}.business .solution-contents-left .scrollbtn:before{content:"";width:1px;height:15px;position:absolute;bottom:0;left:50%;background:var(--navy);transform:rotate(45deg);transform-origin:bottom left}.business .solution-contents-left .scrollbtn .area{color:var(--navy);display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:25px;background:#fff;border-radius:50em;padding:5px 20px;transition:all 0.5s ease;position:relative;z-index:2;transform:scale(0.8);filter:drop-shadow(3px 3px 5px rgba(0,0,0,0.25))}@media (min-width:768px){.business .solution-contents-left .scrollbtn .area{transform:scale(1);padding:15px 30px;padding-top:min(15px,1vh);padding-bottom:min(15px,1vh)}}.business .solution-contents-left .scrollbtn .area .phese{display:flex;flex-direction:column;justify-content:center;align-items:center}.business .solution-contents-left .scrollbtn .area .phese .ja{font-size:var(--fs-small);font-weight:bold}.business .solution-contents-left .scrollbtn .area .phese .num{font-family:"Inter",sans-serif;font-size:var(--fs-heading);font-weight:bold;letter-spacing:0.1em}@media (min-width:768px){.business .solution-contents-left .scrollbtn .area .phese .num{font-size:min(var(--fs-heading),3vh)}}.business .solution-contents-left .scrollbtn .area .bar{position:relative;width:1px;height:30px;transform:rotate(15deg);background-color:var(--navy)}@media (min-width:768px){.business .solution-contents-left .scrollbtn .area .bar{height:min(50px,2.5vh)}}.business .solution-contents-left .scrollbtn .area .text{flex-grow:1;text-align:center;font-weight:bold}@media (min-width:768px){.business .solution-contents-left .scrollbtn .area .text{font-size:min(var(--fs-small),1.6vh)}}.business .solution-contents-left .scrollbtn .area.active{transform:scale(1.15);background:linear-gradient(to left,#b1bdca 0%,#536170 100%);color:#fff}@media (min-width:768px){.business .solution-contents-left .scrollbtn .area.active{transform:none}}.business .solution-contents-left .scrollbtn .area.active .bar{background:#fff}.business .solution-contents-right{width:100%;position:relative}@media (min-width:768px){.business .solution-contents-right{flex:1;min-width:0;width:auto;padding:0 50px;overflow-x:clip;overflow-y:visible}}.business .solution-contents-right .right-text{color:#e5e9ed;font-size:30px;text-align:center;line-height:1}@media (min-width:768px){.business .solution-contents-right .right-text{font-size:120px}}.business .solution-contents-right .iconarea{width:100%;height:100%;position:relative;margin-top:-50px}@media (min-width:768px){.business .solution-contents-right .iconarea{position:absolute;margin-top:0;top:15%;height:75%;left:30px;width:calc(100% - 30px - var(--solution-label-space))}.business .solution-contents-right .iconarea .list-item,.business .solution-contents-right .iconarea .area .text{white-space:nowrap}}.business .solution-contents-right .iconarea .icon01,.business .solution-contents-right .iconarea .icon02,.business .solution-contents-right .iconarea .icon03{position:absolute;top:0;left:0;transition:all 0.4s ease;opacity:0}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01,.business .solution-contents-right .iconarea .icon02,.business .solution-contents-right .iconarea .icon03{width:40%;opacity:1}.business .solution-contents-right .iconarea .icon01 .area .img,.business .solution-contents-right .iconarea .icon02 .area .img,.business .solution-contents-right .iconarea .icon03 .area .img{transform:scale(0.8);transition:transform 0.4s ease}.business .solution-contents-right .iconarea .active .area .img{transform:none}}.business .solution-contents-right .iconarea .icon01 .area,.business .solution-contents-right .iconarea .icon02 .area,.business .solution-contents-right .iconarea .icon03 .area{position:relative;display:flex;flex-direction:row;justify-content:flex-end;width:100%}.business .solution-contents-right .iconarea .icon01 .area-group,.business .solution-contents-right .iconarea .icon02 .area-group,.business .solution-contents-right .iconarea .icon03 .area-group{position:absolute;width:calc(100% - 15px);left:15px}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01 .area-group,.business .solution-contents-right .iconarea .icon02 .area-group,.business .solution-contents-right .iconarea .icon03 .area-group{left:0}}.business .solution-contents-right .iconarea .icon01 .area .num,.business .solution-contents-right .iconarea .icon02 .area .num,.business .solution-contents-right .iconarea .icon03 .area .num{font-size:var(--fs-title);font-weight:bold;font-family:"Inter",sans-serif}.business .solution-contents-right .iconarea .icon01 .area .text,.business .solution-contents-right .iconarea .icon02 .area .text,.business .solution-contents-right .iconarea .icon03 .area .text{font-size:var(--fs-small);font-weight:bold;position:absolute;z-index:3}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01 .area .text,.business .solution-contents-right .iconarea .icon02 .area .text,.business .solution-contents-right .iconarea .icon03 .area .text{font-size:var(--fs-body)}}.business .solution-contents-right .iconarea .icon01 .area .list,.business .solution-contents-right .iconarea .icon02 .area .list,.business .solution-contents-right .iconarea .icon03 .area .list{margin-top:10px;display:flex;flex-direction:column;gap:5px;justify-content:flex-start;align-items:flex-start}.business .solution-contents-right .iconarea .icon01 .area .list-item,.business .solution-contents-right .iconarea .icon02 .area .list-item,.business .solution-contents-right .iconarea .icon03 .area .list-item{background:#fff;font-size:var(--fs-small);padding:5px 10px;border-radius:8px;transition:all 0.4s ease}.business .solution-contents-right .iconarea .icon01 .area .img,.business .solution-contents-right .iconarea .icon02 .area .img,.business .solution-contents-right .iconarea .icon03 .area .img{width:50%}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01 .area .img,.business .solution-contents-right .iconarea .icon02 .area .img,.business .solution-contents-right .iconarea .icon03 .area .img{width:100%;position:static}}.business .solution-contents-right .iconarea .icon01.active,.business .solution-contents-right .iconarea .icon02.active,.business .solution-contents-right .iconarea .icon03.active{opacity:1}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01.active,.business .solution-contents-right .iconarea .icon02.active,.business .solution-contents-right .iconarea .icon03.active{z-index:5}}.business .solution-contents-right .iconarea .icon01.active .area img,.business .solution-contents-right .iconarea .icon02.active .area img,.business .solution-contents-right .iconarea .icon03.active .area img{filter:drop-shadow(0px 25px 10px rgba(0,0,0,0.25))}.business .solution-contents-right .iconarea .icon01.active .area .list-item,.business .solution-contents-right .iconarea .icon02.active .area .list-item,.business .solution-contents-right .iconarea .icon03.active .area .list-item{background:var(--navy);color:#fff}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01{top:-10%}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01.active{top:calc(-10% - 25px)}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon01 .area-group{top:80%}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon02{left:50%;top:-10%}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon02.active{top:calc(-10% - 25px)}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon02 .area-group{left:90%}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon03{left:25%;top:37%}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon03.active{top:calc(37% - 25px)}}@media (min-width:768px){.business .solution-contents-right .iconarea .icon03 .area-group{left:90%;top:30%}}