/* Walkers staging - tech-studio-lp (ノーコードスクール) 本番(post-4505)忠実再現 / 純SWELL */ #tech-studio-lp-page{--navy:#0a2552;--navy2:#0a3077;--red:#ef2828;--ink:#2c333c;--gray:#4B4F58;--softblue:#f1f8ff;--soft:#f6f6f6; font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;color:var(--gray);} #tech-studio-lp-page *{box-sizing:border-box;} /* このLPページ限定でSWELL共通ヘッダー/フッターを非表示（本番=専用LPヘッダー再現のため） */ body .walkers-header,body #header.l-header,body .c-gotoTop,body .p-fixBtnWrap,body #simulate-button-wrap,body>footer,body .l-footer,body .walkers-footer{display:none !important;} /* 専用ヘッダー（Tech Studio・本番忠実再現 / 半透明白バー・80pxパディング） */ #tech-studio-lp-page .wkts-gnav{position:relative;z-index:50;background:rgba(255,255,255,.867);} #tech-studio-lp-page .wkts-gnav__inner{max-width:none;margin:0;padding:13px clamp(20px,4vw,80px);display:flex;align-items:center;} #tech-studio-lp-page .wkts-gnav__logo{flex:none;display:inline-flex;align-items:center;} #tech-studio-lp-page .wkts-gnav__logo img{height:44px;width:auto;display:block;} #tech-studio-lp-page .wkts-gnav__menu{display:flex;align-items:center;gap:clamp(22px,2.6vw,38px);margin-left:auto;} #tech-studio-lp-page .wkts-gnav__menu a{color:#121212;font-weight:400;font-size:15px;letter-spacing:.4px;text-decoration:none;white-space:nowrap;transition:color .15s;} #tech-studio-lp-page .wkts-gnav__menu a:hover{color:var(--navy2);} #tech-studio-lp-page .wkts-gnav__cta{margin-left:clamp(22px,3vw,44px);display:flex;align-items:center;gap:14px;} #tech-studio-lp-page .wkts-gnav__line{display:inline-flex;align-items:center;background:var(--red);color:#fff;font-weight:500;font-size:15px;letter-spacing:.4px;text-decoration:none;padding:14px 28px;border-radius:99px;white-space:nowrap;transition:filter .2s,transform .15s;} #tech-studio-lp-page .wkts-gnav__line:hover{filter:brightness(1.06);transform:translateY(-1px);} #tech-studio-lp-page .wkts-gnav__login{display:inline-flex;align-items:center;color:#121212;font-weight:400;font-size:15px;letter-spacing:.4px;text-decoration:none;padding:13px 28px;border:1px solid #2c333c;border-radius:99px;white-space:nowrap;transition:background .2s;} #tech-studio-lp-page .wkts-gnav__login:hover{background:#f3f5f8;} #tech-studio-lp-page #reasons,#tech-studio-lp-page #price{scroll-margin-top:20px;} /* ハンバーガー＆ドロワー（モバイル/中間幅） */ #tech-studio-lp-page .wkts-gnav__burger{display:none;flex:none;width:44px;height:44px;margin-left:14px;background:none;border:0;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;} #tech-studio-lp-page .wkts-gnav__burger span{display:block;width:26px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s ease,opacity .2s ease;} #tech-studio-lp-page .wkts-gnav.is-open .wkts-gnav__burger span:nth-child(1){transform:translateY(8px) rotate(45deg);} #tech-studio-lp-page .wkts-gnav.is-open .wkts-gnav__burger span:nth-child(2){opacity:0;} #tech-studio-lp-page .wkts-gnav.is-open .wkts-gnav__burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg);} #tech-studio-lp-page .wkts-gnav__drawer{display:none;flex-direction:column;background:#fff;border-top:1px solid #eef1f5;box-shadow:0 14px 26px rgba(10,37,82,.12);} #tech-studio-lp-page .wkts-gnav__drawer a{padding:16px 24px;color:var(--ink);font-weight:600;font-size:16px;text-decoration:none;border-bottom:1px solid #f0f3f7;} #tech-studio-lp-page .wkts-gnav__drawer a:active{background:#f3f5f8;} #tech-studio-lp-page .wkts-gnav.is-open .wkts-gnav__drawer{display:flex;} /* 共通見出し（日本語のみ・本番準拠） */ #tech-studio-lp-page .wkts-secttl{text-align:center;margin:0 0 40px;font-weight:700;font-size:clamp(22px,3.2vw,28px);line-height:1.4;color:var(--ink);letter-spacing:.2px;} #tech-studio-lp-page .wkts-secttl--w{color:#fff;} #tech-studio-lp-page .wkts-big7{color:var(--navy2);font-size:1.6em;line-height:1;vertical-align:-.08em;margin:0 .04em;font-weight:700;} /* 共通ボタン（赤pill・白リング・ハード影） */ #tech-studio-lp-page .wkts-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:700;font-size:clamp(17px,2.3vw,28px);color:#fff;background:var(--red);padding:24px 52px;border-radius:99px;box-shadow:0 0 0 5px rgba(255,255,255,.92),3px 3px 0 rgba(0,0,0,.18);transition:transform .15s,filter .2s;max-width:90%;text-align:center;line-height:1.2;} #tech-studio-lp-page .wkts-btn:hover{filter:brightness(1.06);transform:translateY(-2px);} #tech-studio-lp-page .wkts-btn__arrow{width:.62em;height:.9em;flex:none;fill:#fff;margin-left:2px;} #tech-studio-lp-page .wkts-btnwrap{text-align:center;} /* hero（全面背景写真＋左寄せ見出し） */ #tech-studio-lp-page .wkts-hero{position:relative;min-height:650px;display:flex;align-items:center; background:url("https://walker-s.co.jp/wp-content/uploads/2024/06/fv_20240620.png") center top/cover no-repeat,#eef2f8;} #tech-studio-lp-page .wkts-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.72) 40%,rgba(255,255,255,.15) 64%,rgba(255,255,255,0) 78%);} #tech-studio-lp-page .wkts-hero__inner{position:relative;z-index:1;max-width:none;width:100%;margin:0;padding:20px 80px;} #tech-studio-lp-page .wkts-hero__eyebrow{margin:0 0 10px;font-weight:600;font-size:16px;color:#121212;line-height:2.25;letter-spacing:.2px;} #tech-studio-lp-page .wkts-hero__title{margin:0 0 16px;font-weight:700;font-size:clamp(30px,4.5vw,58px);color:var(--ink);line-height:1.6;letter-spacing:-.6px;} #tech-studio-lp-page .wkts-hero__title .wkts-hl{color:var(--navy2);} #tech-studio-lp-page .wkts-hero__title .wkts-hero__l2{font-size:1.1em;} #tech-studio-lp-page .wkts-hero__title .wkts-badge{display:inline-block;background:var(--navy);color:#fff;border-radius:4px;padding:4px 8px 6px;line-height:1.1;} #tech-studio-lp-page .wkts-hero__badges{display:block;width:398px;max-width:92%;height:auto;margin:2px 0 16px;} #tech-studio-lp-page .wkts-hero__note{margin:0 0 8px;font-weight:700;color:var(--ink);font-size:clamp(14px,1.6vw,18px);text-align:center;} #tech-studio-lp-page .wkts-hero .wkts-btnwrap{text-align:center;} #tech-studio-lp-page .wkts-hero .wkts-btn{max-width:90%;} /* voice（濃紺帯・白見出し） */ #tech-studio-lp-page .wkts-voice{background:var(--navy);padding:60px 20px 72px;} #tech-studio-lp-page .wkts-voice__grid{max-width:min(1745px,calc(100% - 120px));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start;} #tech-studio-lp-page .wkts-voice__grid--cmt{margin-top:26px;} #tech-studio-lp-page .wkts-voice__card{display:block;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.22);transition:transform .22s ease,box-shadow .22s ease;} #tech-studio-lp-page .wkts-voice__card img{width:100%;height:auto;display:block;} #tech-studio-lp-page a.wkts-voice__card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(0,0,0,.32);} #tech-studio-lp-page .wkts-voice__bubble{width:100%;height:auto;display:block;} /* problem（白・吹き出しグレーカード＋下にイラスト：本番準拠） */ #tech-studio-lp-page .wkts-problem{background:#fff;padding:72px 20px 84px;text-align:center;} #tech-studio-lp-page .wkts-problem__ttl{display:inline-block;margin:0 0 6px;font-weight:700;color:var(--ink);font-size:clamp(17px,2vw,20px);line-height:1.6;border-bottom:3px solid var(--navy2);padding-bottom:4px;} #tech-studio-lp-page .wkts-problem__however{margin:14px 0 4px;font-weight:700;color:var(--gray);font-size:13px;} #tech-studio-lp-page .wkts-problem__sub{margin:0 0 46px;font-weight:700;color:var(--ink);font-size:clamp(20px,2.8vw,28px);} #tech-studio-lp-page .wkts-problem__grid{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start;} #tech-studio-lp-page .wkts-problem__item{display:flex;flex-direction:column;align-items:center;} #tech-studio-lp-page .wkts-problem__bubble{width:100%;max-width:340px;height:auto;display:block;margin:0 auto;} #tech-studio-lp-page .wkts-problem__img{margin-top:24px;height:170px;display:flex;align-items:flex-end;justify-content:center;} #tech-studio-lp-page .wkts-problem__img img{max-height:170px;width:auto;object-fit:contain;display:block;} /* solution（#f1f8ff・吹き出し＋丸イラスト） */ #tech-studio-lp-page .wkts-solution{background:var(--softblue);padding:64px 20px 76px;text-align:center;} #tech-studio-lp-page .wkts-solution__bridge{max-width:300px;margin:0 auto 8px;} #tech-studio-lp-page .wkts-solution__bridge img{width:100%;display:block;} #tech-studio-lp-page .wkts-solution__lead{max-width:920px;margin:0 auto 52px;font-weight:700;color:var(--ink);font-size:clamp(16px,1.9vw,20px);line-height:1.7;} #tech-studio-lp-page .wkts-solution__lead strong{color:var(--navy2);font-size:1.5em;font-weight:700;} #tech-studio-lp-page .wkts-solution__grid{max-width:min(1809px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;} #tech-studio-lp-page .wkts-solution__card{background:transparent;padding:0;} #tech-studio-lp-page .wkts-solution__card img{width:190px;height:190px;object-fit:contain;margin:0 auto 16px;display:block;} #tech-studio-lp-page .wkts-solution__card h3{margin:0;font-weight:700;color:var(--ink);font-size:clamp(13px,1.4vw,15px);line-height:1.7;} #tech-studio-lp-page .wkts-solution__card h3 strong{display:block;color:var(--navy2);font-size:1.5em;font-weight:700;margin-bottom:2px;} /* counsel（濃紺帯・白文字・赤ボタン） */ #tech-studio-lp-page .wkts-counsel{background:var(--navy);padding:72px 20px;} #tech-studio-lp-page .wkts-counsel__inner{max-width:820px;margin:0 auto;text-align:center;} #tech-studio-lp-page .wkts-counsel__ttl{margin:0 0 22px;font-weight:700;color:#fff;font-size:clamp(20px,2.8vw,28px);line-height:1.5;} #tech-studio-lp-page .wkts-counsel__txt{margin:0 0 22px;color:#dde3ec;line-height:2;font-size:clamp(13px,1.6vw,15px);} #tech-studio-lp-page .wkts-counsel__note{margin:0 0 18px;font-weight:700;color:#fff;font-size:14px;} /* reason（白・枠なしジグザグ） */ #tech-studio-lp-page .wkts-reason{max-width:1140px;margin:0 auto;padding:84px 24px;} #tech-studio-lp-page .wkts-reason__list{display:flex;flex-direction:column;gap:72px;} #tech-studio-lp-page .wkts-ritem{text-align:left;} #tech-studio-lp-page .wkts-rbadge{display:inline-block;background:var(--navy);color:#fff;font-weight:700;font-size:13px;letter-spacing:.06em;padding:6px 18px;border-radius:4px;margin-bottom:14px;} #tech-studio-lp-page .wkts-rtitle{margin:0 0 20px;font-weight:700;color:var(--ink);font-size:clamp(19px,2.4vw,25px);line-height:1.5;} #tech-studio-lp-page .wkts-rtext{margin:0;color:var(--gray);font-size:15px;line-height:2;text-align:left;} /* 2カラム・ジグザグ（本番準拠：画像｜本文） */ #tech-studio-lp-page .wkts-ritem--split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left;} #tech-studio-lp-page .wkts-ritem--rev .wkts-ritem__media{order:2;} #tech-studio-lp-page .wkts-ritem__media{text-align:center;} #tech-studio-lp-page .wkts-ritem__media img{width:100%;max-width:480px;height:auto;display:block;margin:0 auto;border-radius:4px;} #tech-studio-lp-page .wkts-ritem__media--fig img{width:auto;max-width:78%;border-radius:0;} #tech-studio-lp-page .wkts-ritem__body{text-align:left;} #tech-studio-lp-page .wkts-rpeople{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px;} #tech-studio-lp-page .wkts-rperson{display:flex;gap:16px;align-items:flex-start;background:#f1f4f8;border-radius:12px;padding:20px;text-align:left;} #tech-studio-lp-page .wkts-rperson img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none;} #tech-studio-lp-page .wkts-rperson__name{margin:0 0 6px;font-weight:700;color:var(--ink);font-size:15px;} #tech-studio-lp-page .wkts-rperson__bio{margin:0;color:var(--gray);font-size:12.5px;line-height:1.75;} /* compare */ #tech-studio-lp-page .wkts-compare{margin:56px auto 0;max-width:1040px;} #tech-studio-lp-page .wkts-compare table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(43,50,59,.10);} #tech-studio-lp-page .wkts-compare th,#tech-studio-lp-page .wkts-compare td{padding:22px 18px;text-align:center;font-size:17px;border-bottom:1px solid #eef1f5;} #tech-studio-lp-page .wkts-compare thead th{background:#eef1f7;color:var(--ink);font-weight:700;font-size:19px;} #tech-studio-lp-page .wkts-compare thead th.wkts-compare__hl{background:var(--navy);color:#fff;} #tech-studio-lp-page .wkts-compare tbody th{background:#f7f8fa;color:var(--ink);font-weight:700;text-align:left;font-size:17px;} #tech-studio-lp-page .wkts-compare__hl{background:#eaeff6 !important;color:var(--navy2) !important;font-weight:700;} #tech-studio-lp-page .wkts-compare__note{margin:16px 2px 0;font-size:14px;color:#9aa0a8;} /* price（濃紺背景・白カード） */ #tech-studio-lp-page .wkts-price{background:var(--navy);padding:72px 20px;} #tech-studio-lp-page .wkts-price .wkts-secttl,#tech-studio-lp-page .wkts-price__grid,#tech-studio-lp-page .wkts-corp{max-width:1140px;margin-left:auto;margin-right:auto;} #tech-studio-lp-page .wkts-price__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;} #tech-studio-lp-page .wkts-pcard{background:#fff;border-radius:18px;padding:34px 28px;box-shadow:0 14px 30px rgba(0,0,0,.22);} #tech-studio-lp-page .wkts-pcard__name{margin:0 0 12px;font-weight:700;color:var(--ink);font-size:18px;} #tech-studio-lp-page .wkts-pcard__price{margin:0 0 14px;font-weight:700;color:var(--navy2);font-size:clamp(32px,4vw,42px);line-height:1.1;letter-spacing:-.02em;} #tech-studio-lp-page .wkts-pcard__price span{font-size:13px;color:#9aa0a8;font-weight:700;margin-left:6px;} #tech-studio-lp-page .wkts-pcard__desc{margin:0 0 16px;color:var(--gray);font-size:13px;line-height:1.8;} #tech-studio-lp-page .wkts-pcard__list{margin:0;padding:0;list-style:none;} #tech-studio-lp-page .wkts-pcard__list li{position:relative;padding:9px 0 9px 26px;font-size:13px;color:var(--ink);border-top:1px solid #eef1f5;line-height:1.6;} #tech-studio-lp-page .wkts-pcard__list li::before{content:"";position:absolute;left:2px;top:12px;width:15px;height:15px;border-radius:50%;background:var(--navy2);} #tech-studio-lp-page .wkts-pcard__list li::after{content:"";position:absolute;left:6px;top:16px;width:4px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg);} #tech-studio-lp-page .wkts-corp{margin-top:44px;border-radius:14px;padding:14px;text-align:center;background:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.62)),url("https://walker-s.co.jp/wp-content/uploads/2022/12/domenico-loia-hGV2TfOh0ns-unsplash.jpeg") center/cover;} #tech-studio-lp-page .wkts-corp__panel{background:#ebecee;border-radius:8px;padding:44px 32px;} #tech-studio-lp-page .wkts-corp__ttl{margin:0 0 14px;font-weight:700;font-size:clamp(20px,2.4vw,26px);color:var(--gray);} #tech-studio-lp-page .wkts-corp__ttl strong{color:var(--navy2);font-size:1.15em;} #tech-studio-lp-page .wkts-corp__txt{margin:0 0 26px;font-size:14px;line-height:2;color:var(--gray);} #tech-studio-lp-page .wkts-corp .wkts-btn{background:var(--navy);color:#fff;font-size:clamp(15px,1.8vw,18px);padding:16px 40px;box-shadow:0 8px 20px rgba(10,37,82,.28);} /* clients（白） */ #tech-studio-lp-page .wkts-clients{max-width:1140px;margin:0 auto;padding:72px 20px;} #tech-studio-lp-page .wkts-clients__grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:70px;} #tech-studio-lp-page .wkts-clients__grid span{display:flex;align-items:center;justify-content:center;} #tech-studio-lp-page .wkts-clients__grid img{width:270px;max-width:100%;height:auto;object-fit:contain;} /* message（#f6f6f6） */ #tech-studio-lp-page .wkts-message{background:var(--soft);padding:72px 20px;} #tech-studio-lp-page .wkts-message__inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;} #tech-studio-lp-page .wkts-message__photo img{width:100%;border-radius:16px;display:block;} #tech-studio-lp-page .wkts-message__ttl{margin:0 0 16px;font-weight:700;color:var(--ink);font-size:clamp(20px,2.6vw,26px);} #tech-studio-lp-page .wkts-message__txt{margin:0 0 16px;color:var(--gray);font-size:14px;line-height:2;} #tech-studio-lp-page .wkts-message__sign{margin:0;font-weight:700;color:var(--ink);} /* footer（本番準拠：最小LPフッター） */ #tech-studio-lp-page .wkts-footer{background:#fff;padding:48px 20px 56px;text-align:center;} #tech-studio-lp-page .wkts-footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin:0 0 18px;} #tech-studio-lp-page .wkts-footer__nav a{color:#0170b9;font-size:14px;text-decoration:none;} #tech-studio-lp-page .wkts-footer__nav a:hover{text-decoration:underline;} #tech-studio-lp-page .wkts-footer__copy{margin:0;color:#9aa0a8;font-size:13px;letter-spacing:.04em;} /* faq（白） */ #tech-studio-lp-page .wkts-faq{max-width:1140px;margin:0 auto;padding:80px 20px;} #tech-studio-lp-page .wkts-faq__list{display:flex;flex-direction:column;} #tech-studio-lp-page .wkts-faq__item{padding:24px 4px;border-bottom:1px solid #e7eaef;} #tech-studio-lp-page .wkts-faq__q{margin:0 0 12px;font-weight:700;color:var(--ink);font-size:clamp(15px,1.7vw,17px);padding-left:40px;position:relative;line-height:1.5;} #tech-studio-lp-page .wkts-faq__q::before{content:"Q";position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;} #tech-studio-lp-page .wkts-faq__a{margin:0;color:var(--gray);font-size:14px;line-height:1.9;padding-left:40px;position:relative;} #tech-studio-lp-page .wkts-faq__a::before{content:"A";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--navy2);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;} #tech-studio-lp-page .wkts-faq__morewrap{text-align:center;margin-top:28px;} #tech-studio-lp-page .wkts-faq__more{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;border:1px solid #d6dbe3;border-radius:99px;padding:14px 42px;font-weight:700;color:var(--ink);font-size:15px;text-decoration:none;transition:background .2s;} #tech-studio-lp-page .wkts-faq__more:hover{background:#f3f5f8;} #tech-studio-lp-page .wkts-faq__more::after{content:"";width:8px;height:8px;border-right:2px solid var(--gray);border-bottom:2px solid var(--gray);transform:rotate(45deg);margin-top:-3px;} /* 中間幅：ナビ/ログインを畳んでロゴ＋LINEボタンのみ（はみ出し防止） */ @media (max-width:1180px){ #tech-studio-lp-page .wkts-gnav__menu,#tech-studio-lp-page .wkts-gnav__login{display:none;} #tech-studio-lp-page .wkts-gnav__cta{margin-left:auto;} #tech-studio-lp-page .wkts-gnav__inner{padding:12px clamp(20px,4vw,40px);} #tech-studio-lp-page .wkts-gnav__burger{display:flex;} } @media (max-width:860px){ #tech-studio-lp-page .wkts-gnav__inner{padding:10px 16px;gap:12px;} #tech-studio-lp-page .wkts-gnav__menu,#tech-studio-lp-page .wkts-gnav__cta{display:none;} #tech-studio-lp-page .wkts-gnav__burger{margin-left:auto;} #tech-studio-lp-page .wkts-gnav__logo img{height:30px;} /* hero：本番モバイル準拠（テキスト中央寄せ＋下に写真帯） */ #tech-studio-lp-page .wkts-hero{min-height:auto;display:flex;flex-direction:column;background:#e9f1fb;} #tech-studio-lp-page .wkts-hero::before{display:none;} #tech-studio-lp-page .wkts-hero__inner{order:0;width:100%;text-align:center;padding:32px 22px 26px;background:url("https://walker-s.co.jp/wp-content/uploads/2024/06/fv_sp_20240619.jpg") center top/cover no-repeat,#e9f1fb;} #tech-studio-lp-page .wkts-hero__eyebrow,#tech-studio-lp-page .wkts-hero__title,#tech-studio-lp-page .wkts-hero__note{text-align:center;} /* 見本準拠：タイトル/アイブロウを小さくして3行コンパクトに */ #tech-studio-lp-page .wkts-hero__eyebrow{font-size:14px;line-height:1.8;margin:0 0 8px;} #tech-studio-lp-page .wkts-hero__title{font-size:clamp(18px,5.4vw,25px);line-height:1.55;margin:0 0 14px;letter-spacing:0;} #tech-studio-lp-page .wkts-hero__title .wkts-hero__l2{font-size:1.05em;} #tech-studio-lp-page .wkts-hero__badges{margin-left:auto;margin-right:auto;width:340px;} #tech-studio-lp-page .wkts-hero::after{content:"";order:1;display:block;width:100%;height:62vw;max-height:320px;background:url("https://walker-s.co.jp/wp-content/uploads/2024/06/fv_tab_2_20240620.jpg") center 28%/cover no-repeat;} #tech-studio-lp-page .wkts-hero .wkts-btnwrap{text-align:center;} #tech-studio-lp-page .wkts-hero .wkts-btn{white-space:nowrap;font-size:clamp(15px,4.2vw,19px);padding:16px clamp(18px,5vw,30px);max-width:96%;} /* 各グリッドを1カラムに */ #tech-studio-lp-page .wkts-voice__grid,#tech-studio-lp-page .wkts-problem__grid,#tech-studio-lp-page .wkts-solution__grid,#tech-studio-lp-page .wkts-price__grid,#tech-studio-lp-page .wkts-rpeople{grid-template-columns:1fr;} /* 理由：本番モバイル準拠（テキスト上→画像下／中央寄せ） */ #tech-studio-lp-page .wkts-ritem{text-align:center;} #tech-studio-lp-page .wkts-ritem--split{grid-template-columns:1fr;gap:18px;} #tech-studio-lp-page .wkts-ritem__body{order:1;text-align:center;} #tech-studio-lp-page .wkts-ritem--rev .wkts-ritem__media,#tech-studio-lp-page .wkts-ritem__media{order:2;} #tech-studio-lp-page .wkts-rtext{text-align:left;} #tech-studio-lp-page .wkts-rpeople{gap:18px;margin-top:18px;} #tech-studio-lp-page .wkts-rperson{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:24px 20px;} #tech-studio-lp-page .wkts-rperson img{width:158px;height:158px;} #tech-studio-lp-page .wkts-rperson__bio{text-align:left;} #tech-studio-lp-page .wkts-message__inner{grid-template-columns:1fr;} #tech-studio-lp-page .wkts-compare{overflow-x:auto;margin-top:32px;} /* モバイル：各セクション縦余白を圧縮（本番の高さに合わせる） */ #tech-studio-lp-page .wkts-voice{padding:44px 16px 52px;} #tech-studio-lp-page .wkts-problem{padding:48px 16px 56px;} #tech-studio-lp-page .wkts-solution{padding:44px 16px 54px;} #tech-studio-lp-page .wkts-counsel{padding:48px 18px;} #tech-studio-lp-page .wkts-reason{padding:48px 18px;} #tech-studio-lp-page .wkts-price{padding:48px 16px;} #tech-studio-lp-page .wkts-clients{padding:44px 16px;} #tech-studio-lp-page .wkts-message{padding:48px 18px;} #tech-studio-lp-page .wkts-faq{padding:48px 16px;} #tech-studio-lp-page .wkts-footer{padding:36px 18px 44px;} #tech-studio-lp-page .wkts-reason__list{gap:52px;} #tech-studio-lp-page .wkts-secttl{margin-bottom:28px;} } /* ===== アニメーション（スクロール連動フェードアップ＋ヒーロー入場） ===== */ @media (prefers-reduced-motion:no-preference){ /* スクロール連動リビール */ #tech-studio-lp-page .wkts-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;} #tech-studio-lp-page .wkts-reveal.is-in{opacity:1;transform:none;} /* ヒーロー入場アニメ（読み込み時） */ #tech-studio-lp-page .wkts-hero__eyebrow, #tech-studio-lp-page .wkts-hero__title, #tech-studio-lp-page .wkts-hero__badges, #tech-studio-lp-page .wkts-hero__note, #tech-studio-lp-page .wkts-hero .wkts-btnwrap{opacity:0;transform:translateY(22px);animation:wktsHeroIn .9s cubic-bezier(.22,.61,.36,1) forwards;} #tech-studio-lp-page .wkts-hero__eyebrow{animation-delay:.15s;} #tech-studio-lp-page .wkts-hero__title{animation-delay:.3s;} #tech-studio-lp-page .wkts-hero__badges{animation-delay:.5s;} #tech-studio-lp-page .wkts-hero__note{animation-delay:.65s;} #tech-studio-lp-page .wkts-hero .wkts-btnwrap{animation-delay:.78s;} @keyframes wktsHeroIn{to{opacity:1;transform:none;}} /* ボタンの控えめなパルス（注目喚起） */ #tech-studio-lp-page .wkts-hero .wkts-btn{animation:wktsBtnPulse 2.6s ease-in-out 1.6s infinite;} @keyframes wktsBtnPulse{0%,100%{box-shadow:0 0 0 5px rgba(255,255,255,.92),3px 3px 0 rgba(0,0,0,.18);}50%{box-shadow:0 0 0 5px rgba(255,255,255,.92),3px 3px 0 rgba(0,0,0,.18),0 0 0 12px rgba(239,40,40,.16);}} }