*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth;--gray:rgba(217, 217, 217, 1);--black:#3d3939f2;--brown:#42210b;--gold:rgba(86, 73, 0, 0.842)}@font-face{font-display:swap;font-family:"Kanit";src:url("/wp-content/themes/ワークサポート鶴見 wp/assets/fonts/Kanit/Kanit-Bold.ttf")}@font-face{font-display:swap;font-family:"Mont";src:url("/wp-content/themes/ワークサポート鶴見 wp/assets/fonts/Montserrat_Subrayada/MontserratSubrayada-Bold.ttf")}@font-face{font-display:swap;font-family:"noto";src:url("/wp-content/themes/ワークサポート鶴見 wp/assets/fonts/Noto_Sans_JP/NotoSansJP-VariableFont_wght.ttf")}.works-nav-pc{display:none}a{text-decoration:none;color:inherit}body{font-family:"noto",sans-serif;font-weight:500}.gold{color:var(--gold);letter-spacing:2px;text-shadow:2px 2px 2px rgb(128 128 128 / .667);font-size:1.1em;transition:all 0.5s}h2{position:relative;font-family:serif;&::before{content:"";position:absolute;width:0;height:5px;border-radius:5px;background-color:var(--gold);bottom:-15px;right:50%;transform:translate(50%);transition:all 0.5s linear;transition-delay:0.3s}&.dark-mode{background-color:#fff0;&::before{background-color:#fff}}&.iso{opacity:0;transition:all 0.7s;&.active{opacity:1;&::before{width:70px}}}}.page-link{padding:10px 70px 10px 40px;background-color:var(--gray);font-weight:600;border-radius:5px;position:relative;transition:all 0.4s;font-size:14px;letter-spacing:2px;color:var(--black);&:hover{background-color:gray;color:#fff;&::before{border-color:#fff}&::after{background-color:#fff}}&::before{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--gold);transition:all 0.4s}&::after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:25px;height:1px;background-color:var(--gold);transition:all 0.4s}}.main-wrapper-flex{position:relative;height:50vh;h1{position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;background-color:rgb(255 255 255 / .871);padding:10px 20px;letter-spacing:2px;span{font-size:16px;position:relative;overflow-x:hidden;font-family:"Kanit";color:var(--brown);&::before{content:"";position:absolute;bottom:0;left:0;width:160%;height:2px;background-color:var(--gold)}}z-index:5;&::before{content:none}}img{position:absolute;right:0;top:0;width:80vw;height:100%;object-fit:cover}}.span-big{font-weight:900}header{height:8vh;width:100vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;background-color:#fff;z-index:100;box-shadow:0 3px 8px gray;&.dark-mode{.ham-trigger{li{background-color:#fff}}}.header-left{height:100%;display:flex;align-items:center;.logo{width:20vw;height:100%;text-align:center;background-color:var(--black);transition:all 0.5s;img{display:block;width:80%;height:70%;object-fit:cover;filter:invert(100%)}span{font-size:12px;color:#fff;font-weight:300;line-height:100%}&.dark-mode{background-color:var(--gray);img{filter:none}span{color:#000}}}.logo-type{font-size:12px;margin-left:15px;line-height:120%;font-family:"Mont";span{font-weight:800;font-size:18px}p{font-weight:300;letter-spacing:1px;font-family:sans-serif}}}.ham-trigger{margin-right:10px;height:100%;width:30px;display:flex;flex-direction:column;justify-content:center;gap:10px;li{list-style:none;width:100%;height:2px;background-color:#000}.ham-li2{position:relative;transition:all 0.5s;&::before{content:"close";position:absolute;top:-11px;left:-3px;transition:all 0.7s;opacity:0}}&.active{.ham-li2{width:0;&::before{opacity:1}}}}}.ham-content{background-color:var(--black);width:100%;height:92vh;position:fixed;top:8vh;z-index:100;display:none;opacity:0;animation:ham 0.7s forwards;&.active{display:block;animation:ham 0.7s forwards}.ham-content-nav{height:70vh;margin-left:20px;margin-top:10%;display:flex;flex-direction:column;justify-content:space-evenly;&.active{& li{& a{animation:ham-nav 1s 0.4s forwards}}}li{position:relative;list-style:none;a{color:#fff;letter-spacing:2px;font-size:16px;font-family:serif;position:relative;opacity:0}&::before{content:"";position:absolute;bottom:-5px;left:5px;width:30px;height:2px;background-color:var(--gray);border-radius:5px}}}}.main-visual{width:100vw;height:50vh;margin-top:8vh;position:relative;.imgs{width:80%;height:100%;position:absolute;top:0;right:0;.main-img{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;right:0;z-index:1;animation:top-imgs 40s infinite;opacity:0;&:nth-of-type(1){background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/1.webp)}&:nth-of-type(2){background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/2.webp);animation-delay:10s}&:nth-of-type(3){background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/3.webp);animation-delay:20s}&:nth-of-type(4){background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/4.webp);animation-delay:30s}}.main-text{position:absolute;bottom:40px;left:-70px;font-size:40px;line-height:120%;font-weight:900;font-family:"Kanit";letter-spacing:2.5px;color:#000;z-index:5;padding:15px 30px 15px 20px;background:linear-gradient(to right,rgb(255 255 255 / .765) 50%,transparent)}span{position:absolute;bottom:20px;left:30px;font-weight:800;font-size:14px;font-family:serif;text-shadow:2px 2px 5px gray;letter-spacing:2px;color:#000;z-index:2}}}main{position:relative;overflow-x:hidden}.notice{text-align:center;margin:50px 0 10px;font-weight:800}.top-notice{margin:0 auto;width:95%;border-radius:5px;padding:15px 5px;box-shadow:0 5px 10px #b3b3b3;dl{border-bottom:1px solid gray;font-weight:400;padding-bottom:5px;margin-bottom:15px;dt{text-align:center}dd{margin-left:15px}}}.frame{position:absolute;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:-1}.frame1{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/5.webp);width:120px;height:100px;top:12%;left:-30px}.frame2{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/5.webp);width:110px;height:90px;top:30%;right:-40px}.frame3{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/6.webp);width:130px;height:100px;top:14%;right:-30px}.frame4{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/7.webp);width:150px;height:130px;top:23%;left:0}.frame5{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/6.webp);width:200px;height:120px;top:0;left:50%}.frame6{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/8.webp);width:200px;height:110px;opacity:.7;top:18%;left:10%}.frame7{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/9.webp);width:200px;height:180px;opacity:.7;top:70%;right:0}.frame8{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/8.webp);width:200px;height:120px;opacity:.7;top:50%;left:5%}.frame9{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/9.webp);width:150px;height:130px;opacity:.7;top:100%;right:10%}.frame10{background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/6.webp);width:190px;height:130px;opacity:.7;top:100%;left:15%}.top-wrapper{text-align:center;position:relative;overflow-x:hidden;padding:50px 0;&.active{& p,a{opacity:1;transform:0}}p{opacity:0;transform:translateY(-50px);transition:all 1.5s}h2{margin:50px 0 100px}p{width:85%;margin:0 auto;line-height:180%;span{display:block;text-align:right;margin-top:15px;font-family:serif;margin-right:20px;font-weight:900}}}.gallery{position:relative;margin-top:100px;.gallery-text{text-align:center;margin-bottom:30px;h2{letter-spacing:2px;z-index:1}}.gallery-img{width:100%;display:flex;flex-direction:column;gap:30px;.img-wrapper{width:90%;margin:0 auto;h3{text-shadow:2px 2px 6px var(--brown);font-family:serif;letter-spacing:2px;font-weight:800;margin-left:10px}.img-content{height:40vh;position:relative;transform:translateY(20px);filter:blur(50px);transition:all 0.8s;opacity:0;img{width:100%;height:100%;object-fit:cover;transition:all 0.5s}p{position:absolute;bottom:0;right:0;width:100%;padding:8px 10px 10px 20px;background-color:rgb(255 255 255 / .89);letter-spacing:1.5px;&.dark-mode{color:#000}}&.active{filter:blur(0);transform:translateY(0);opacity:1}}}}}.staff{position:relative;margin:100px 0;h2{writing-mode:vertical-rl;margin:0 auto;letter-spacing:2px;position:relative;line-height:250%;span{margin-top:30px}&::before{content:none}div{position:absolute;background-color:#000;top:110%;left:50%;width:1px;height:150px}}.img-wrapper{margin-top:250px;.staff-img{width:100%;height:50vh;position:relative;border:1px solid #000;overflow:hidden;&.active{&::before{width:0}.staff-text-vertical{p{transform:translateY(0);&::before{height:0}}}}&::before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:#fff;transition:all 1s;z-index:10}img{width:160%;height:130%;object-fit:cover;object-position:-120px}.staff-sub{display:none}.staff-text{position:absolute;bottom:5%;left:5%;width:85%;&.dark-mode{color:#000;background-color:#fff0}h3{font-size:14px;background-color:rgb(255 255 255 / .89);display:inline-block;padding:0 10px}h4{font-size:26px;background-color:rgb(255 255 255 / .89);display:inline-block;padding:0 10px;letter-spacing:1.5px;span{font-size:14px;margin-left:15px}}}.staff-text-vertical{position:absolute;top:5%;right:5%;height:100%;width:100%;background-color:#fff0;overflow-y:hidden;p{background-color:#fff;display:inline;padding:10px;writing-mode:vertical-rl;letter-spacing:2px;transform:translateY(-110%);transition:all 0.5s;transition-delay:1s;position:relative;b{font-weight:900;font-size:16px}&::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#fff;transition:all 0.5s;transition-delay:1.5s}}.text1{position:absolute;top:0;right:0}.text2{position:absolute;top:15px;right:50px;&::before{transition-delay:1.7s}}}}}}.news{margin-top:100px;position:relative;.news-img{width:100%;height:300px;z-index:-1;position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:50px;overflow:hidden;&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/10.webp);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(10px) grayscale(.4)}h2{letter-spacing:2px;color:#fff;text-shadow:3px 3px 5px gray;z-index:1}}.news-text{margin:0 auto;dl{border-bottom:1px solid var(--gray);margin-bottom:20px;padding:10px 10% 0;transition:all 0.3s;a{width:100%;height:100%;text-decoration:underline}&:hover{box-shadow:0 12px 20px gray;a{color:#341ca0}}dt{font-weight:800;color:var(--black)}dd{padding:5px 10px;transition:all 0.4s}}}.page-link{display:inline-block;margin-left:40%}}.contact{position:relative;display:inline-block;width:100%;height:100%;margin-top:150px;padding:50px 0 150px;border-top:2px solid gray;background-color:#f6f6f6;h2{text-align:center;letter-spacing:2px;margin-bottom:40px}p{text-align:center;width:80%;margin:0 auto 50px;line-height:2}dl{width:80%;margin:0 auto 30px;dt{display:inline-block;margin-bottom:10px;letter-spacing:2px;font-weight:900}.required{position:relative;&::before{content:"※";position:absolute;right:-50px;top:-35%;width:50px;padding:5px 0;color:rgb(255 0 0 / .667);font-family:sans-serif;font-weight:900}}dd{border-radius:5px;input{height:50px;width:95%;background-color:var(--gray);border-radius:5px;border:none;padding-left:10px;font-size:16px}}.text-area{textarea{border:none;font-weight:700;height:200px;width:95%;background-color:var(--gray);border-radius:5px;padding:10px;font-size:16px}}}.check-wrapper{width:80%;margin:0 auto;text-align:center;h3{margin-bottom:30px}h4{display:flex;align-items:center;margin-bottom:20px;input{display:inline-block;width:30px;height:30px;margin-right:15px}a{color:red;border-bottom:1px solid red}}p{margin-bottom:30px}.to-mail{margin:0 auto;display:flex;justify-content:center;align-items:center;width:250px;height:60px;color:var(--gold);background-color:#fff;border-bottom:5px solid var(--gold);border-radius:30px;box-shadow:0 3px 10px #646464;font-weight:700;letter-spacing:3px;font-size:20px;transition:all 0.6s;&:hover{color:#fff;background-color:var(--gold);border-bottom:3px solid #fff;transform:translateY(2px)}}}}footer{background-color:dimgray;padding:60px 5% 50px;h2{font-size:18px;margin:0 auto 50px;line-height:120%;letter-spacing:1px;font-family:"Mont";color:#fff;text-align:center;width:85%;&::before{content:none}&::after{content:none;position:absolute;bottom:-20px;left:0;width:100%;height:2px;background-color:gray}span{font-weight:800;font-size:28px}p{font-weight:300;letter-spacing:3px;font-family:sans-serif;font-size:14px;color:rgb(255 255 255 / .73)}}.footer-flex{.companys{.company{h3{color:rgb(255 255 255 / .865);margin:60px 0 20px;padding-left:20%;padding-bottom:5px;letter-spacing:2px;font-family:serif;border-bottom:1px solid gray;font-size:24px}dl{display:flex;margin-bottom:14px;color:#fff;dt{width:30%;color:rgb(255 255 255 / .73)}dd{width:70%}}}}.ggmap{width:100%;height:300px;margin:50px 0;iframe{border-radius:10px;width:100%;height:100%;filter:grayscale(.6)}}}.link{text-align:center;color:rgb(255 255 255 / .73);a{color:#fff;text-decoration:underline}}}.last{width:100%;background-color:#3b3b3b;color:rgb(255 255 255 / .792);padding:20px 0;text-align:center;letter-spacing:2px}.introduction-main-wrapper{margin-top:8vh;position:relative;h2{margin:50px 0 30px;text-align:center;font-size:18px;font-family:serif;color:var(--brown)}p{width:85%;margin:0 auto;font-size:14px;text-align:center;line-height:160%}}.introduction-type-a{margin-top:100px;.type-a-img{height:200px;background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/11.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.type-a-text{position:relative;padding:15px 0 60px;&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/11.webp);background-position:center left;background-size:cover;background-repeat:no-repeat;opacity:.1;filter:grayscale(.6);z-index:-1}&::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 70%,white);z-index:-1}h2{text-align:center;margin-bottom:50px}h3{font-family:serif;font-size:16px;width:90%;margin:0 auto;text-align:center;margin-bottom:20px;font-weight:900;text-shadow:3px 3px 5px gray;color:var(--brown)}p{width:85%;margin:0 auto 30px;line-height:170%;font-size:14px}a{position:absolute;bottom:0;right:10%;transform:translateY(-50%)}}}.introduction-to-wst{margin-top:100px;.to-wst-img{height:200px;background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/12.webp);background-size:cover;background-repeat:no-repeat;background-position:center}.to-wst-text{position:relative;padding:15px 0 80px;&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/wp-content/themes/ワークサポート鶴見 wp/assets/img/12.webp);background-position:center left;background-size:cover;background-repeat:no-repeat;opacity:.1;filter:grayscale(.6);z-index:-1}&::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 70%,white);z-index:-1}h2{text-align:center;margin-bottom:50px}h3{font-family:serif;font-size:16px;width:95%;margin:0 auto;text-align:center;margin-bottom:20px;font-weight:900;text-shadow:3px 3px 5px gray;color:var(--brown)}p{width:85%;margin:0 auto;line-height:170%;font-size:14px}a{position:absolute;bottom:0;right:10%;transform:translateY(-50%)}}}.introduction-works{margin-top:100px;margin-bottom:100px;h2{text-align:center;margin-bottom:50px}.works-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;a{width:90%;height:250px;opacity:0;filter:blur(50px);transform:translateY(40px);transition:all 0.8s;&.active{filter:blur(0);opacity:1;transform:translateY(0)}.works-content{width:100%;height:100%;border:2px solid gray;border-radius:10px;padding:10px 25px;text-align:center;transition:all 0.4s;&:hover{background-color:var(--gray);& img{filter:drop-shadow(5px 5px 5px gray);transition:all 0.4s}h3{text-shadow:5px 5px 5px gray}span{transform:translateX(10px)}}img{width:20%;object-fit:cover}h3{margin:0 0 10px;letter-spacing:2px;font-family:serif;transition:all 0.4s;color:var(--brown);font-size:20px}p{text-align:left;letter-spacing:2px}span{display:inline-block;border-bottom:1px solid var(--gold);margin:10px 0 0 40%;transition:all 0.4s}&.dark-mode{img{filter:contrast(0)}&:hover{background-color:#fff;color:#000;h3{color:#000}}}}}}}.introduction-score{h2{text-align:center}.score-wrapper{margin-top:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;a{width:70%}}}.score-top{margin-top:100px;span{font-size:26px;font-family:serif;padding-left:10%}h1{text-align:center;border-top:5px solid var(--gold);padding-top:40px;margin-top:20px}}.score-content{width:90%;margin:100px auto;border-top:2px solid var(--gold);padding-top:40px;.score-total{margin-bottom:50px;dl{display:flex;justify-content:center;gap:20px;margin-bottom:30px;dt{font-size:26px}dd{font-size:50px;color:#fff;background-color:var(--gold);letter-spacing:1px;padding:5px 15px;border-radius:10px;font-weight:700}}p{text-align:center}}.score-other{p{a{border-bottom:1px solid gray;transition:all 0.2s;&:hover{opacity:.7}}}}}.flow-recruit{margin-top:50px;h2{text-align:center;margin-bottom:50px}.recruit-content{width:80%;margin:0 auto;padding:10px 5% 40px;border-top:2px solid #a0a0a0;h3{text-align:center;letter-spacing:2px;color:var(--brown)}p{letter-spacing:2px;text-align:center}ul{li{list-style:none;letter-spacing:2px;text-align:center}}}}.flow-flow{margin-top:100px;h2{text-align:center;margin-bottom:50px}.steps{width:85%;margin:0 auto 40px;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px gray;img{object-fit:cover;width:100%;height:20vh;border-top-right-radius:10px;border-top-left-radius:10px}.steps-text{position:relative;padding:20px 10px;span{position:absolute;right:5%;top:-30px;font-size:40px;font-weight:900;font-family:serif;color:var(--gold);&::before{content:"STEP.";position:absolute;right:100%;bottom:12px;letter-spacing:2px;font-size:16px;font-family:serif;font-weight:800}}h3{font-size:17px;color:var(--brown);letter-spacing:2px;margin-bottom:10px}p{font-size:14px}}}}.work-wrapper{padding-top:50px;margin-bottom:100px;.work-top{width:100%;position:relative;overflow-y:hidden;&::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,transparent 50%,white);z-index:1}img{width:100%;height:200px;object-fit:cover;filter:grayscale(.5) blur(2px)}span{position:absolute;top:10px;left:15px;color:var(--gold);font-size:12px;letter-spacing:2px;z-index:2;font-family:serif;font-weight:700}h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:2px 2px 5px #000}}.works-text{width:80%;margin:30px auto 50px}.works-contents{overflow-y:hidden;margin-bottom:50px;h3{padding:15px 0 5px 15px;position:relative;cursor:pointer;z-index:50;background-color:#fff;font-weight:900;color:var(--brown);transition:all 0.4s;font-family:serif;&.dark-mode{&::before{border-color:#fff}}&::before{content:"";position:absolute;top:40%;right:10%;transform:translateY(-50%) rotate(-45deg);width:20px;height:20px;border-bottom:2px solid #000;border-left:2px solid #000;transition:all 0.4s}&.active::before{transform:rotate(135deg)}}.works-content{display:flex;flex-direction:column-reverse;height:0;transition:all 0.7s;position:relative;border-bottom:4px solid var(--gold);&.active{height:auto;.works-left{opacity:1}}.works-left{width:90%;height:100%;margin:0 auto;background:linear-gradient(to bottom,rgb(228 228 228 / .695),transparent);transform:translateY(-50px);padding:10px;border-radius:10px;opacity:0;transition:all 0.7s;ul{li{list-style:none;margin-bottom:10px;margin-left:20px;position:relative;&::before{content:"!";position:absolute;top:0;left:-25px;width:20px;height:20px;border:1px solid var(--gold);color:var(--gold);border-radius:50%;display:flex;justify-content:center;align-items:center}}}}.works-right{width:100%;img{width:100%;height:100%;object-fit:cover}}}}}.qa-wrapper{h2{text-align:center;margin:100px 0 50px}.qa-content{width:90%;background-color:rgb(181 180 180 / .225);margin:0 auto 20px;padding:15px 10px;h3{display:flex;flex-direction:column;color:var(--brown);position:relative;padding-bottom:15px;padding-left:10px;margin-bottom:20px;span{font-size:30px;color:var(--gold)}&::before,&::after{content:"";position:absolute;bottom:0;left:0;height:3px}&::before{width:100%;background-color:#fff}&::after{width:40%;background-color:var(--gold)}}p{line-height:180%;letter-spacing:3px;padding-left:16px}}}.news-wrapper{margin:100px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:8%;.news-content{display:inline-block;width:45%;margin-bottom:30px;img{width:100%;height:120px;object-fit:cover}.news-text{width:80%;margin:0 auto;span{display:block;border-bottom:1px solid gray;padding-left:15px;margin-bottom:10px;font-size:16px}p{display:inline-block;border-bottom:1px solid #000;margin-left:30px}}}}.info-top-wrapper{margin-top:8vh;padding-top:3vh;h2{padding-left:20px;&::before{width:100%;height:4px}}}.info-wrapper{margin-top:100px;.info-title{width:90%;margin:0 auto 30px;position:relative;&::before{content:"";position:absolute;bottom:-10px;left:0;width:100%;height:2px;background-color:var(--gold)}h1{font-size:24px;padding-left:30px;position:relative;&::before{content:"";position:absolute;top:0;left:10px;width:5px;height:100%;background-color:var(--gold);border-radius:5px}}span{position:absolute;right:0;bottom:-40px}}.info-content{width:90%;margin:100px auto 50px;counter-set:counter 0;&:not(.no-reset){*:not(h2){all:revert}}a:link{color:#00E;text-decoration:underline}a:visited{color:#551A8B;text-decoration:underline}a:active{color:red;text-decoration:underline}h2{counter-increment:counter 1;font-family:'Noto Sans JP';font-size:20px;font-style:italic;font-weight:700;margin-block:25px 15px;border-bottom:2px solid var(--gold);display:inline-block;padding-right:50px;&::before{all:revert;content:counter(counter)'. '}}p{line-height:180%;margin-bottom:15px}ul{background-color:rgb(217 217 217 / .379);padding:15px 10px;border-left:4px solid var(--gold);margin:15px 0;li{line-height:200%;color:#1d1d1d;margin-left:10%}}img{object-fit:contain;margin:15px 0}}}.to-index{margin-bottom:50px;text-align:center}.dark{transition:all 0.5s;&.dark-mode{background-color:#1e1e1e;color:#fff;.info-content{*{color:white!important}}.gallery-img .img-content p{background-color:rgb(128 128 128 / .815)}.gold{color:#fff}h1{background-color:#fff0}.main-wrapper-flex{h1{background:linear-gradient(to right,rgb(255 255 255 / .765) 80%,transparent);color:#000}}dl{dt{color:#fff}dd{color:#fff}}.staff{h2{div{background-color:rgb(255 255 255 / .636)}}}.contact{background-color:var(--black);h3{background-color:#fff0}}.recruit-content h3{color:#fff}.introduction-main-wrapper{h2{color:#fff}}.type-a-text,.to-wst-text{h3{color:#fff}}.introduction-works .works-content{background-color:var(--black);color:#fff;h3{color:#fff}}.steps{background-color:var(--black);.steps-text{span{color:#fff}h3{color:#fff}}}.work-wrapper{.works-contents{h3{background-color:var(--black);color:#fff}.works-left{background-color:var(--black)}}}.qa-wrapper .qa-content{span,h3{color:#fff}}.news-wrapper{.news-content{color:#fff}}.confirm-wrapper{dl{dt,dd{color:#000}}}}}.confirm-wrapper{width:90%;margin:20vh auto 10vh;padding-bottom:20px;background-color:#dbdbdb;.confirm-top{background-color:var(--gold);color:#fff;padding:10px;letter-spacing:2px}dl{width:90%;margin:40px auto;dt{border-bottom:1px solid var(--gold);margin-left:5px;font-size:18px}dd{margin-left:15px;font-size:16px}}button{display:block;background-color:#fff0;margin:50px auto 20px;border:none;.to-mail{display:flex;justify-content:center;align-items:center;width:250px;height:60px;color:var(--gold);background-color:#fff;border-bottom:5px solid var(--gold);border-radius:30px;box-shadow:0 3px 10px #646464;font-weight:700;letter-spacing:3px;font-size:20px;transition:all 0.6s;&:hover{color:#fff;background-color:var(--gold);border-bottom:3px solid #fff;transform:translateY(2px)}}}}.thanks-wrapper{width:90%;margin:100px auto;background-color:#f2f2f2;padding:30px 20px;border-radius:15px;opacity:0;box-shadow:0 5px 20px gray;animation:thanks 3s 0.5s forwards;h2{margin-bottom:30px;text-align:center;position:relative;color:var(--gold);font-weight:900;&::before{content:"";position:absolute;bottom:-10px;width:100%;height:.4px;background-color:var(--gold);opacity:.5}}p{line-height:200%;text-align:center}&.dark-mode{background-color:var(--black);h2{color:#fff;&::before{background-color:#fff}}}}.privacy-wrapper{width:90%;background-color:#fff;margin:100px auto;padding:50px 20px;border-radius:10px;h1{margin-bottom:30px;font-size:30px}ul{margin-bottom:50px;p{margin-bottom:20px}li{list-style:none;margin-bottom:20px;display:flex;align-items:start;span{color:var(--brown);font-weight:700;font-size:22px;transform:translateY(-5px);margin-right:5px}}.left1{margin-left:25px}.left2{margin-left:50px}}h2{position:relative;margin-left:20px;margin-bottom:20px;&::before{content:"";position:absolute;top:0;left:-15px;width:3px;height:100%;background-color:var(--brown)}}}@keyframes top-imgs{0%{opacity:0}10%{opacity:1}28%{opacity:1}38%{opacity:0}100%{opacity:0}}@keyframes ham{0%{opacity:0}100%{opacity:1}}@keyframes ham-nav{0%{opacity:0;filter:blur(50px)}100%{opacity:1;filter:blur(0)}}@keyframes thanks{0%{opacity:0;filter:blur(50px)}60%{opacity:1;filter:blur(0)}100%{opacity:1}}*{padding:0;margin:0;box-sizing:border-box}@media (min-width:768px){.frame1{top:0%;left:10%;width:200px;height:180px}.frame2{top:30%;right:-100px;width:200px;height:170px}.frame3{top:5%;right:-30px;width:350px;height:220px}.frame4{top:35%;left:0;width:250px;height:220px}.frame5{top:118%;left:25%;width:280px;height:170px}.frame6{top:52%;left:-100px;width:280px;height:160px}.frame7{top:50%;left:60%;width:280px;height:250px}.frame8{top:60%;left:0%;width:280px;height:150px}.frame9{top:90%;left:60%;width:230px;height:200px}.frame10{top:110%;left:10%;width:250px;height:150px}h2{font-size:30px}header{.header-left{.logo{width:15vw}.logo-type{margin-left:30px}}.ham-trigger{margin-right:30px}}.main-wrapper-flex{height:45vh;h1{letter-spacing:3px;padding:15px 25px;span{font-size:20px}}img{width:85vw}}.main-visual{margin-bottom:50px;height:45vh;.imgs{width:85vw;.main-text{bottom:150px;font-size:50px;letter-spacing:7px;left:-80px}span{font-size:18px;bottom:110px;left:100px}}}.top-wrapper{h2{letter-spacing:4px}p{width:70%;font-size:18px;letter-spacing:2px;.br{display:none}}}.top-notice{padding:15px;width:80%;dl{display:flex;dt{width:150px}}}.gallery{.gallery-text{h2{letter-spacing:8px}}.gallery-img{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;.img-wrapper{width:45%;margin:0;.img-content{height:20vh}}}}.staff{display:flex;align-items:center;margin:0;h2{width:35%;letter-spacing:3px;padding-right:10%;span{margin-top:100px}}.img-wrapper{width:65%;.staff-img{height:32vh;.staff-text{width:60%}}}}.news{.news-img{&::before{background-attachment:fixed}}.news-text{width:75%}}.contact{dl{width:60%}.check-wrapper{width:70%;h4{justify-content:center}.to-mail{height:70px;width:300px}}}footer{padding:60px 10px 50px;h2::after{content:""}.footer-flex{margin-bottom:50px;.companys{display:flex;justify-content:center;gap:80px;.company{width:50%;margin-top:10px}}.ggmap{width:80%;margin:15px auto}}}.introduction-main-wrapper{h2{font-size:20px}p{font-size:16px;width:90%}}.introduction-type-a{display:flex;align-items:center;.type-a-img,.type-a-text{width:50%;height:550px}.type-a-text{padding-top:30px;&::before{content:none}p{font-size:16px}}}.introduction-to-wst{margin:0;display:flex;flex-direction:row-reverse;align-items:center;.to-wst-img,.to-wst-text{width:50%;height:600px}.to-wst-text{padding-top:30px;&::before{content:none}p{font-size:16px}}}.introduction-works{.works-wrapper{flex-direction:row;flex-wrap:wrap;justify-content:center;a{width:45%}}}.introduction-score{.score-wrapper{flex-direction:row;flex-wrap:wrap;gap:18px;a{width:45%;font-size:18px}}}.score-content{.score-other{font-size:18px;padding-left:10%;letter-spacing:2px}}.flow-recruit{.recruit-content{p{letter-spacing:3px;text-align:center}ul{text-align:center}}}.flow-flow{.steps{flex-direction:row-reverse;justify-content:space-between;margin-bottom:40px;width:80%;img{width:40%;border-bottom-right-radius:10px;border-top-left-radius:0}.steps-text{width:60%;padding:20px 15px;span{left:60px;top:-50px}}}}.work-wrapper{.work-top{img{height:300px}}.works-contents{h3{padding:20px 0 25px 40px;font-size:22px}.works-content{flex-direction:row;align-items:center;&::before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background-color:var(--gold);transition:all 0.5s}&.active{height:250px;&::before{width:35%}}.works-left{transform:translateY(0);background:linear-gradient(to top,rgb(228 228 228 / .695),transparent);height:100%;border-radius:0}.works-right{height:100%}}}}.qa-wrapper{.qa-content{h3{&::before,&::after{height:5px}}width:85%;padding:15px}}.news-wrapper{.news-content{display:flex;justify-content:center;gap:2%;margin-bottom:50px;img{width:50%}.news-text{padding-top:10px;width:45%}}}.info-wrapper{.info-title{h1{font-size:28px}span{margin-right:10%;font-size:18px}}.info-content{h2{font-size:22px}p{font-size:19px;letter-spacing:2px}ul{li{margin-left:5%}}img{object-fit:contain}}}.confirm-wrapper{width:80%;.confirm-top{padding-left:50px}dl{display:flex;border-bottom:1px solid var(--gold);padding-bottom:10px;dt{width:180px;border-right:1px solid var(--gold);border-bottom:none}}}.thanks-wrapper{margin-top:150px;padding:40px;p{font-size:16px}}.price-wrapper{.price-content{dl{padding-left:20px}p{width:90%;margin:0 auto}}}}*{padding:0;margin:0;box-sizing:border-box}@media (min-width:1280px){body{font-size:18px;width:100vw;overflow-x:hidden}p{font-size:15px}.frame8{width:350px;height:200px;left:10%;top:75%}.frame9{width:300px;height:250px;left:60%}.frame10{width:300px;height:200px;left:15%}.main-wrapper-flex{height:65vh;h1{font-size:50px;letter-spacing:15px;padding:25px 55px;left:5%;span{font-size:30px}}img{width:70vw}}.main-visual{height:82vh;margin-bottom:0;margin-top:0;&.dark-mode{&::before{background-color:#fff}}&::before{content:"";position:absolute;bottom:0;left:6%;width:1px;height:400px;background-color:#000;animation:main-line 3s infinite linear;transform:scaleY(0);transform-origin:center top}.imgs{width:70vw;right:5vw;.main-text{left:-200px;letter-spacing:10px;font-size:90px}span{font-size:26px;bottom:100px}}}header{width:100%;height:8vh;justify-content:space-around;background-color:#f1f0f0;position:sticky;box-shadow:0 5px 15px gray;.header-left{.logo{display:none}.logo-type{font-size:18px;line-height:120%;font-family:"Mont";margin-left:unset;span{font-weight:800;font-size:26px}p{font-weight:300;letter-spacing:4px;font-family:sans-serif;font-size:14px}}}.ham-content{position:static;display:block;width:60%;height:unset;background-color:#fff0;.ham-content-nav{display:flex;flex-direction:row;align-items:center;height:unset;margin:unset;.dark-trigger{font-size:14px;margin-left:50px;cursor:pointer;&.dark-mode{.dark-box{.btn{left:28px}}}.dark-box{margin:0 auto;width:50px;height:25px;border-radius:5px;background-color:gray;position:relative;.btn{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background-color:#fff;transition:all 0.4s}}}li{list-style:none;&::before{content:none}a{font-family:"noto",sans-serif;font-size:14px;font-weight:500;color:unset;transition:all 0.3s;letter-spacing:2px;opacity:1;&:hover{color:#fff;text-shadow:0 0 5px #000}}}}}.ham-trigger{display:none}}.top-notice{padding:15px 50px;width:70%;dl{font-size:16px}}.gallery{justify-content:center;.gallery-img{padding:0 50px;.img-wrapper{width:31%;.img-content{height:30vh;img{transition:all 0.4s}p{opacity:0;transition:all 0.4s}&:hover{img{filter:grayscale(.7)}p{opacity:1}}}}}}.staff{.img-wrapper{width:70%;.staff-img{height:40vh;overflow:hidden;img{object-position:center}.staff-main{width:50%;box-shadow:3px 0 35px #3a3a3a;z-index:20}.staff-sub{width:50%;display:inline;position:absolute;left:50%;filter:grayscale(.2);z-index:-1}.staff-text-vertical{right:45%}}}}.news{.news-text{width:50%}}.contact{dl{display:flex;justify-content:end;align-items:center;dt{width:20%;margin-bottom:0}.required{&::before{left:-25px}}dd{width:60%}}}footer{position:relative;z-index:50;padding:60px 30px 50px;.footer-flex{display:flex;.companys{width:65%;gap:60px;.company{h3{margin-top:15px}}}.ggmap{width:30%}}}.introduction-main-wrapper{margin-top:0}.introduction-type-a{.type-a-img,.type-a-text{height:480px}.type-a-text{h3{font-size:18px}p{width:70%;line-height:190%;font-size:19px}}}.introduction-to-wst{.to-wst-img,.to-wst-text{height:600px}.to-wst-text{h3{font-size:19px}p{width:70%;line-height:190%;font-size:18px}}}.introduction-works{.works-wrapper{width:1300px;margin:0 auto;a{width:400px;.works-content{padding:20px 30px}}}}.introduction-score{.score-wrapper{gap:40px;a{width:300px}}}.score-content{.score-other{font-size:20px;padding-left:15%}}.flow-flow{.steps{width:70%;img{width:40%;height:30vh}.steps-text{padding:30px;width:60%;span{font-size:50px;&::before{bottom:14px}}h3{font-size:22px}p{font-size:16px;letter-spacing:1px}}}}.works-main-wrapper{position:relative;z-index:50;background-color:#fff;&.dark-mode{background-color:#1e1e1e}}.works-nav-pc{display:flex;flex-direction:column;justify-content:space-evenly;position:fixed;top:55%;left:20px;transform:translateY(-50%);height:200px;z-index:40;transition:all 0.4s;box-shadow:0 0 20px #595959;background-color:#fff;padding:0 40px;border-radius:10px;animation:opacity 1.5s forwards;li{list-style:none;transition:all 0.5s;a{font-family:serif;font-size:16px;font-weight:600;color:#000;text-shadow:2px 2px 3px #fff}&:hover{transform:translateX(15px);& a{color:var(--gold)}}}&.hide{opacity:0}}.work-wrapper{.work-top{img{height:450px}h2{font-size:40px;letter-spacing:5px}span{top:38%;left:50%;transform:translateX(-50%);font-size:18px}}.works-text{padding-left:220px;font-size:18px;letter-spacing:2px}.works-contents{width:95%;margin:0 auto;padding-left:200px;margin-top:20px;h3{padding:20px 0 10px 15%;&:hover{opacity:.7}}.works-content{&.active{height:270px}.works-left{padding:3%;ul{li{font-size:16px}}p{line-height:170%;font-size:16px}}}}}.qa-wrapper{.qa-content{width:55%;padding:20px}}.news-wrapper{width:90%;margin:150px auto 0;.news-content{img{width:350px;height:150px}.news-text{padding-top:10px;width:45%;p{transition:all 0.5s}}&:hover{img{opacity:.7}.news-text{p{transform:translateX(10px)}}}}}.info-wrapper{.info-title{width:75%;h1{font-size:32px}span{font-size:18px}}.info-content{width:65%;h2{font-size:28px}p{font-size:20px}ul{li{font-size:20px}}}}.dark{&.dark-mode{header{ul{li{a{color:#fff}}}}}}.confirm-wrapper{.confirm-top{padding-left:100px}dl{dt{margin-left:100px}}}.thanks-wrapper{width:70%}.privacy-wrapper{width:80%;padding:50px 10%}}@keyframes main-line{0%{transform:scaleY(0);transform-origin:center top}30%{transform:scaleY(1);transform-origin:center top}60%{transform:scaleY(1);transform-origin:center bottom}80%{transform:scaleY(0);transform-origin:center bottom}100%{transform:scaleY(0);transform-origin:center bottom}}@keyframes opacity{0%{filter:blur(50px)}100%{filter:blur(0)}}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:"";position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type="file"]{cursor:pointer}.wpcf7 input[type="file"]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}.wpcf7-back{float:left;width:70px;margin-top:5px;position:relative}.cf7msm-ro{white-space:pre-wrap}