.main-visual{width:100%;height:var(--vh);padding-top:calc(var(--nav-height) + 60px);grid-template-columns:55% 37.5%;gap:7.5%;display:grid}.main-visual .left-box{z-index:1;height:100%;position:relative}.main-visual .left-box picture{z-index:1;clip-path:inset(0 100% 0 0);width:100%;height:calc(100% - 180px);transition:clip-path .8s;position:absolute;top:0;left:0}.main-visual .left-box h1{z-index:3;background-color:var(--bg-color);width:80%;min-width:fit-content;padding:24px 40px 0;font-size:clamp(2.4rem,3.125vw,4rem);line-height:1.6;position:absolute;bottom:120px;right:0}.main-visual .right-box{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%;display:flex}.main-visual .right-box ul{flex-direction:column;gap:30px;display:flex}.main-visual .right-box ul a{font-size:var(--fz20);z-index:1;align-items:center;gap:8px;padding:5px;transition:all .4s;display:flex;position:relative}.main-visual .right-box ul a:before{content:"";background-color:var(--black);width:20px;height:1px}.main-visual .right-box ul a:after{content:"";z-index:-1;opacity:0;visibility:hidden;background-color:#fff;border-radius:5px;width:calc(100% + 15px);height:calc(100% + 15px);transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-visual .right-box ul a:hover:after{opacity:1;visibility:visible}.main-visual .right-box .right-img{z-index:1;width:100%;height:40%;position:relative}.main-visual .right-box .right-img picture{clip-path:inset(0 100% 0 0);width:100%;height:100%;transition:clip-path .8s .8s;position:absolute;bottom:0;left:0}.main-visual[data-visual=display01] .left-box picture:first-of-type{clip-path:inset(0);z-index:2}.main-visual[data-visual=display01] .left-box picture:nth-of-type(4){clip-path:inset(0 0 0 100%)}.main-visual[data-visual=display01] .right-box .right-img picture:first-of-type{clip-path:inset(0);z-index:2}.main-visual[data-visual=display01] .right-box .right-img picture:nth-of-type(4){clip-path:inset(0 0 0 100%)}.main-visual[data-visual=display02] .left-box picture:first-of-type{clip-path:inset(0 0 0 100%);z-index:2}.main-visual[data-visual=display02] .left-box picture:nth-of-type(2){clip-path:inset(0)}.main-visual[data-visual=display02] .right-box .right-img picture:first-of-type{clip-path:inset(0 0 0 100%);z-index:2}.main-visual[data-visual=display02] .right-box .right-img picture:nth-of-type(2){clip-path:inset(0)}.main-visual[data-visual=display03] .left-box picture:nth-of-type(2){clip-path:inset(0 0 0 100%)}.main-visual[data-visual=display03] .left-box picture:nth-of-type(3){clip-path:inset(0)}.main-visual[data-visual=display03] .right-box .right-img picture:nth-of-type(2){clip-path:inset(0 0 0 100%)}.main-visual[data-visual=display03] .right-box .right-img picture:nth-of-type(3){clip-path:inset(0)}.main-visual[data-visual=display04] .left-box picture:nth-of-type(3){clip-path:inset(0 0 0 100%)}.main-visual[data-visual=display04] .left-box picture:nth-of-type(4){clip-path:inset(0)}.main-visual[data-visual=display04] .right-box .right-img picture:nth-of-type(3){clip-path:inset(0 0 0 100%)}.main-visual[data-visual=display04] .right-box .right-img picture:nth-of-type(4){clip-path:inset(0)}#Vision{margin-top:var(--vw180)}#Vision .w1500{grid-template-columns:45% 1fr;gap:6%;display:grid}#Vision .w1500 .text-area{flex-direction:column;justify-content:space-between;padding-bottom:90px;display:flex}#Vision .w1500 .text-area h3{margin-bottom:30px;font-size:2rem}#Vision .w1500 .img-area{align-items:flex-start;gap:6%;display:flex}#Vision .w1500 .img-area picture{aspect-ratio:384/480;width:calc(47% + 55px)}#Vision .w1500 .img-area picture:last-of-type{margin-top:90px;margin-right:-110px}.js-parallax{overflow:hidden}.js-parallax img{height:calc(100% + 100px);margin-top:-100px}#Service{margin-top:var(--vw180);z-index:1;position:relative}#Service .content{width:100%;height:var(--vh);z-index:1;will-change:transform;position:relative}#Service .content .w1500{color:#fff;height:100%;padding:calc(var(--nav-height) + 20px) var(--vw80) var(--vw80);flex-direction:column;justify-content:space-between;display:flex}#Service .content .w1500 .text{flex-direction:column;align-items:flex-end;gap:30px;width:100%;display:flex}#Service .content .w1500 .text h3{font-size:var(--fz20);line-height:var(--base-lh)}#Service .content .w1500 .text .txt{width:100%;max-width:700px}#Service .content .bg{z-index:-1;width:100%;height:var(--vh);position:absolute;top:0;left:0}#Service .content .bg:before{content:"";background-color:#00000080;width:100%;height:100%;position:absolute;inset:0}#Service{--item-margin:100px;--item-height:calc(var(--vh) - var(--nav-height) - var(--item-margin));--tab-height:76px}#Service .contents{padding:0 var(--vw80) calc(var(--item-margin) * 3);z-index:1;position:relative}#Service .contents:after{content:"";background-color:var(--bg-color);width:100%;height:3px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}#Service .item{z-index:2;will-change:transform;width:100%;max-width:1530px;margin:0 auto;position:relative}#Service .item:before{content:"";z-index:-1;background-color:var(--bg-color);border-top:1px solid var(--border-color);width:100%;height:100%;position:absolute;bottom:0;left:0}#Service .item h3{height:var(--tab-height);align-items:center;margin-bottom:1px;font-size:2rem;display:flex}#Service .item .grid{grid-template-columns:43% 1fr;align-items:center;gap:3%;padding-right:6%;display:grid}#Service .item .grid>div{flex-direction:column;gap:20px;display:flex}#Service .item .grid span{color:#bfbfbf;font-size:var(--fz20)}#Service .item .grid p{line-height:var(--base-lh)}#Service .item01{height:var(--item-height);border-radius:20px 20px 0 0;overflow:hidden}#Service .item01:before{border:none}#Service .item02{height:calc(var(--item-height) - var(--tab-height));padding-top:var(--tab-height)}#Service .item02:before{height:calc(100% - var(--tab-height))}#Service .item03{height:calc(var(--item-height) - var(--tab-height) * 2);padding-top:calc(var(--tab-height) * 2)}#Service .item03:before{height:calc(100% - var(--tab-height) * 2)}#Company{margin-top:var(--vw180)}#Company dl{max-width:800px;line-height:var(--base-lh);margin-left:auto;margin-right:0}#Company dl>div{border-top:1px solid var(--border-color);grid-template-columns:180px 1fr;gap:20px;padding:20px;display:grid}#Contact{margin-top:var(--vw120);padding:0 40px}#Contact input,#Contact textarea{appearance:none;background-color:#0000;border:none}#Contact .content{background-color:#fff;border-radius:10px;padding:0 15px}#Contact .content .w1200{padding:var(--vw80) 15px;grid-template-columns:400px 1fr;gap:8%;display:grid}#Contact .left-box{flex-direction:column;gap:40px;display:flex}#Contact .left-box h2{font-family:var(--ff-en);font-size:4rem}#Contact .left-box .step{align-items:center;gap:75px;display:flex}#Contact .left-box .step li{z-index:1;color:var(--border-color);align-items:center;gap:5px;transition:all .4s;display:flex;position:relative}#Contact .left-box .step li:after{content:"";background-color:var(--border-color);width:45px;height:1px;position:absolute;top:50%;left:calc(100% + 15px)}#Contact .left-box .step li i{aspect-ratio:1;border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:16px;height:auto;display:flex}#Contact .left-box .step li i:before{content:"";aspect-ratio:1;background-color:var(--black);opacity:0;width:6px;height:auto;transform:translateY(-50%);transform:.4s;border-radius:50%;position:absolute;top:50%;left:5px}#Contact .left-box .step li:last-of-type:after{display:none}#Contact .left-box .step[data-step=step01] li:first-of-type{color:var(--black)}#Contact .left-box .step[data-step=step01] li:first-of-type i:before{opacity:1}#Contact .left-box .txt .pc{display:inline}#Contact .left-box .txt .sp{display:none}#Contact .left-box .count{border-bottom:1px solid var(--border-color);z-index:1;align-items:flex-end;gap:40px;width:fit-content;padding:0 30px 10px 10px;display:flex;position:relative}#Contact .left-box .count:before{content:"";z-index:2;background-color:var(--black);width:40px;height:1px;position:absolute;bottom:-1px;left:0}#Contact .left-box .count>span{align-items:center;gap:8px;display:flex}#Contact .left-box .count>span i{aspect-ratio:1;background-color:var(--black);width:24px;height:auto;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCA2LjI3OEwxMi44NCAxOUw2IDEzTDcuMzE5IDExLjUxTDEyLjY2IDE2LjE5NkwyMi41MjUgNUwyNCA2LjI3OFpNMS4zMTkgMTEuNTFMOC4xNTQgMTcuNTJMNi44NCAxOUwwIDEzTDEuMzE5IDExLjUxWk0xMC41OTcgMTEuNzI4TDE2LjUxOCA1TDE4IDYuMjg1TDEyLjA3OSAxMy4wNDFMMTAuNTk3IDExLjcyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNCA2LjI3OEwxMi44NCAxOUw2IDEzTDcuMzE5IDExLjUxTDEyLjY2IDE2LjE5NkwyMi41MjUgNUwyNCA2LjI3OFpNMS4zMTkgMTEuNTFMOC4xNTQgMTcuNTJMNi44NCAxOUwwIDEzTDEuMzE5IDExLjUxWk0xMC41OTcgMTEuNzI4TDE2LjUxOCA1TDE4IDYuMjg1TDEyLjA3OSAxMy4wNDFMMTAuNTk3IDExLjcyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#Contact .left-box .count strong{font-size:5rem;font-weight:400}#Contact .right-box #contact-form{flex-direction:column;align-items:center;gap:40px;display:flex}#Contact .right-box .text{background-color:var(--bg-color);border:1px solid var(--border-color);z-index:1;border-radius:5px;width:100%;height:69px;line-height:1.8;position:relative}#Contact .right-box .text .label{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3;transition:all .2s;position:absolute;top:20px;left:20px}#Contact .right-box .text .req{color:#de5757}#Contact .right-box .text input{width:100%;height:100%;padding:30px 20px 8px}#Contact .right-box .text textarea{resize:none;width:100%;height:100%;padding:30px 20px 0}#Contact .right-box .text.textarea{height:145px}#Contact .right-box .text.textarea:before{content:"";z-index:2;background-color:var(--bg-color);border-radius:10px 0 0;width:calc(100% - 30px);height:31px;position:absolute;top:1px;left:2px}#Contact .right-box .text.input .label{opacity:.5;top:8px}#Contact .right-box .agree{z-index:1;align-items:center;gap:8px;display:flex;position:relative}#Contact .right-box .agree:before{content:"";aspect-ratio:1;background-color:var(--black);opacity:0;width:19px;height:auto;transition:all .2s;position:absolute;top:50%;left:7px;transform:translateY(-50%);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOSAyMS4wMzVsLTktOC42MzggMi43OTEtMi44NyA2LjE1NiA1Ljg3NCAxMi4yMS0xMi40MzYgMi44NDMgMi44MTd6Ii8+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNOSAyMS4wMzVsLTktOC42MzggMi43OTEtMi44NyA2LjE1NiA1Ljg3NCAxMi4yMS0xMi40MzYgMi44NDMgMi44MTd6Ii8+PC9zdmc+);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#Contact .right-box .agree input[type=checkbox]{background-color:var(--bg-color);border:1px solid var(--border-color);aspect-ratio:1;border-radius:4px;width:24px;height:auto}#Contact .right-box .agree button{color:#7fa7b1;text-decoration:underline}#Contact .right-box .agree.active:before{opacity:1}#Contact .right-box button[type=submit]{background-color:var(--main-color);color:#fff;border-radius:5px;justify-content:center;align-items:center;width:100%;height:70px;transition:all .4s;display:flex}#Contact .right-box button[type=submit]:disabled{opacity:.3}.loop-text{width:100%;height:auto;margin-top:var(--vw120);align-items:center;display:flex;overflow:hidden}.loop-text>div{flex:none;align-items:flex-start;display:flex}.loop-text>div:nth-of-type(odd){animation:120s linear -60s infinite loop}.loop-text>div:nth-of-type(2n){animation:120s linear infinite loop2}.loop-text>div p{color:#7a7a7a;font-size:8rem;font-family:var(--ff-en)}@keyframes loop{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes loop2{0%{transform:translate(0)}to{transform:translate(-200%)}}@media screen and (width<=1730px){#Vision .w1500 .img-area picture{width:47%}#Vision .w1500 .img-area picture:last-of-type{margin-right:0}}@media screen and (height<=700px){#Service .contents{padding:40px var(--vw80) 0}#Service .item h3{height:auto;margin-bottom:30px}#Service .item01,#Service .item02,#Service .item03{height:auto;padding:40px 0}#Service .item01:before,#Service .item02:before,#Service .item03:before{top:0}#Company{margin-top:var(--vw100)}}@media screen and (width<=1024px){#Vision h2.ttl{margin-bottom:var(--vw80)}#Vision .w1500{flex-direction:column;align-items:flex-end;display:flex}#Vision .w1500 .img-area{width:80%}#Service .content{height:600px}#Service .content .bg{height:100%}#Service .contents{padding:40px 40px 0}#Service .item .grid{padding-right:0}#Service .item h3{height:auto;margin-bottom:30px}#Service .item01,#Service .item02,#Service .item03{height:auto;padding:40px 0}#Service .item01:before,#Service .item02:before,#Service .item03:before{top:0}#Company{margin-top:var(--vw100)}#Company h2.ttl{margin-bottom:40px}#Contact .content .w1200{gap:var(--vw60);flex-direction:column;display:flex}#Contact .left-box .txt .pc{display:none}#Contact .left-box .txt .sp{display:inline}}@media screen and (width<=768px){.main-visual{padding-top:calc(var(--nav-height) + 20px);flex-direction:column;height:700px;display:flex}.main-visual .left-box{width:100%}.main-visual .left-box picture{height:100%}.main-visual .left-box h1{width:fit-content;padding:10px 10px 0 20px;font-size:clamp(2rem,5.33333vw,2.4rem);bottom:-1px}.main-visual .right-box{grid-template-columns:180px 1fr;display:grid}.main-visual .right-box ul{padding:0 15px}.main-visual .right-box ul a{font-size:var(--fz16)}.main-visual .right-box .right-img{height:100%}#Vision .w1500 .text-area{padding-bottom:60px}#Vision .w1500 .img-area{width:100%}#Service .content{height:500px}#Service .content .w1500{padding:40px 15px}#Service .content .w1500 .text{align-items:flex-start}#Service .content .w1500 .text h3{font-weight:400}#Service .content .bg:before{background-color:#000000b3}#Service .contents{padding:0 15px}#Service .contents .item h3{line-height:var(--base-lh)}#Service .contents .item .grid{flex-direction:column;gap:15px;display:flex}#Service .contents .item .grid picture{width:100%;height:150px}#Service .contents .item .grid>div{gap:25px}#Service .contents .item .grid span{font-size:var(--fz18)}#Company dl>div{flex-direction:column;gap:10px;display:flex}#Contact{padding:0 15px}#Contact .content{padding:0}#Contact .left-box{gap:30px}#Contact .left-box h2{font-size:3rem}#Contact .left-box .step{gap:40px}#Contact .left-box .step li:after{width:20px;left:calc(100% + 10px)}#Contact .left-box .count{display:none}#Contact .right-box #contact-form{gap:20px}#Contact .right-box .text{height:55px}#Contact .right-box .text .label{top:13px;left:15px}#Contact .right-box .text .req{font-size:var(--fz14)}#Contact .right-box .text.input .label{top:2px}.loop-text>div p{font-size:4rem}.loop-text{margin-top:60px}}