/*
Theme Name: TideStack
Theme URI: https://tidestack.jp/
Author: TideStack
Author URI: https://tidestack.jp/
Description: 海とIT・セキュリティをテーマにしたTideStack公式サイト専用テーマ。
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tidestack
*/

body.admin-bar .header{top:32px}
@media(max-width:782px){body.admin-bar .header{top:46px}}

:root{--navy:#061426;--navy-2:#0a2139;--blue:#087ca7;--cyan:#37d5e9;--red:#ff4a42;--white:#f7fbff;--muted:#9bb0c3;--line:rgba(145,205,224,.16);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,"Noto Sans JP",sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(calc(100% - 48px),var(--max));margin:auto}.skip-link{position:fixed;top:-100px;left:16px;background:#fff;color:#000;padding:10px;z-index:999}.skip-link:focus{top:16px}.header{position:fixed;inset:0 0 auto;z-index:100;height:82px;border-bottom:1px solid transparent;transition:.3s}.header.scrolled{height:70px;background:rgba(6,20,38,.88);border-color:var(--line);backdrop-filter:blur(18px)}.header__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.6px}.brand>span:last-child>span{color:var(--cyan)}.brand__mark{position:relative;display:block;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#0d2943}.brand__mark i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);top:5px;right:6px}.brand__mark b{position:absolute;width:44px;height:24px;border:6px solid var(--cyan);border-radius:50%;left:-12px;bottom:-5px;transform:rotate(-13deg)}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav>a:not(.button){color:#c7d5e0;transition:.2s}.nav>a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-width:210px;padding:16px 20px;background:linear-gradient(135deg,#0e93b3,#18bace);border:1px solid rgba(126,237,249,.5);box-shadow:0 12px 30px rgba(0,180,210,.16);color:white;font-weight:700;font-size:14px;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,190,220,.25)}.button--small{min-width:auto;padding:11px 19px}.menu-button{display:none;background:0;border:0;padding:8px}.hero{position:relative;min-height:760px;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 74% 42%,rgba(11,117,151,.17),transparent 28%),linear-gradient(120deg,#061426 0%,#071a2f 60%,#05111f 100%)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,black 55%,transparent)}.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:70px}.eyebrow,.section-label{font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--cyan)}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--cyan);vertical-align:middle;margin-right:10px}.hero h1{margin:20px 0 22px;font-size:clamp(42px,5vw,70px);line-height:1.35;letter-spacing:-.055em}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,var(--cyan));background-clip:text;color:transparent}.hero__lead{color:#afc0ce;font-size:15px}.hero__actions{display:flex;align-items:center;gap:30px;margin-top:38px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px}.text-link span{color:var(--cyan);margin-left:8px}.hero__visual{position:relative;height:510px}.sun{position:absolute;width:118px;height:118px;border-radius:50%;background:var(--red);top:75px;right:22%;box-shadow:0 0 55px rgba(255,74,66,.25);animation:float 6s ease-in-out infinite}.digital-grid{position:absolute;inset:70px 20px 80px 60px;border:1px solid var(--line);border-radius:50%;background-image:radial-gradient(circle,rgba(55,213,233,.25) 1px,transparent 1.5px);background-size:17px 17px;mask-image:linear-gradient(90deg,black 25%,transparent 88%)}.orbit{position:absolute;border:1px solid rgba(55,213,233,.25);border-radius:50%;animation:spin 20s linear infinite}.orbit:after{content:"";position:absolute;width:6px;height:6px;background:var(--cyan);border-radius:50%;top:15%;right:10%;box-shadow:0 0 12px var(--cyan)}.orbit--one{inset:55px 5px 40px 45px}.orbit--two{inset:115px 60px 95px 105px;animation-direction:reverse;animation-duration:13s}.wave{position:absolute;width:115%;height:210px;left:-4%;border-radius:48% 52% 0 0/72% 74% 0 0;transform-origin:center bottom}.wave--back{bottom:70px;background:linear-gradient(130deg,rgba(12,93,130,.5),rgba(17,150,175,.18));transform:rotate(-7deg);animation:swell 7s ease-in-out infinite}.wave--middle{bottom:40px;background:linear-gradient(135deg,#0b5277,#078bab);clip-path:polygon(0 55%,11% 38%,22% 48%,35% 20%,50% 46%,63% 25%,76% 50%,90% 29%,100% 47%,100% 100%,0 100%);animation:swell 5.5s ease-in-out infinite reverse}.wave--front{bottom:0;background:linear-gradient(150deg,#092d4a 10%,#0a7897);clip-path:polygon(0 50%,15% 35%,30% 58%,44% 39%,60% 58%,76% 35%,90% 54%,100% 43%,100% 100%,0 100%);animation:swell 6s ease-in-out infinite}.data-chip{position:absolute;top:135px;left:45px;padding:7px 11px;background:rgba(6,20,38,.75);border-left:2px solid var(--cyan);font:10px monospace;letter-spacing:.12em}.data-chip b{color:var(--cyan)}.data-chip--right{top:auto;bottom:110px;left:auto;right:0}.hero__bottom-wave{position:absolute;bottom:-80px;left:-5%;width:110%;height:150px;background:#f5f8fa;border-radius:48% 52% 0 0/45% 52% 0 0;transform:rotate(-1deg)}.section{padding:110px 0}.intro,.services,.flow{background:#f5f8fa;color:#0a2034}.intro{padding-top:140px}.intro__grid{display:grid;grid-template-columns:1fr 2fr;gap:50px}.section-label{margin:0 0 15px}.intro h2,.section-heading h2,.strengths h2,.contact h2{font-size:clamp(32px,4vw,52px);line-height:1.4;letter-spacing:-.04em;margin:0}.intro h2 span{color:#078daa}.intro__grid>div>p{color:#5b6b78;max-width:600px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:46px}.section-heading>p{color:#61707c;max-width:420px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:285px;padding:32px;background:white;border:1px solid #dce7ec;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:#68cdd9;box-shadow:0 20px 40px rgba(9,47,65,.08)}.service-card--wide{grid-row:span 2;min-height:586px;background:linear-gradient(160deg,#08283f,#0a526e);color:white}.service-card__number{position:absolute;right:24px;top:20px;color:#8a9aa4;font:12px monospace}.service-card--wide .service-card__number{color:#82b4c3}.icon{display:grid;place-items:center;width:48px;height:48px;margin:34px 0 26px;border:1px solid #9edce3;color:#008ba5;font-size:25px}.service-card h3{font-size:21px;margin:0 0 10px}.service-card p{font-size:14px;color:#667783}.service-card--wide p{color:#bdd0da}.service-card ul{list-style:none;padding:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.14)}.service-card li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:13px}.strengths{background:linear-gradient(135deg,#061426,#09223b)}.strengths__grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.strengths__copy>p:not(.section-label){color:var(--muted);max-width:480px;margin:25px 0 32px}.strength-list{border-top:1px solid var(--line)}.strength{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:30px 0;border-bottom:1px solid var(--line)}.strength>span{font:12px monospace;color:var(--cyan)}.strength h3{margin:0;font-size:19px}.strength p{margin:8px 0 0;color:var(--muted);font-size:14px}.flow-list{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;border-top:1px solid #d4e0e6}.flow-list li{position:relative;padding:38px 30px;border-right:1px solid #d4e0e6}.flow-list li:last-child{border:0}.flow-list b{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4bb7c7;border-radius:50%;color:#008aa4;font:12px monospace}.flow-list h3{margin:24px 0 8px;font-size:18px}.flow-list p{font-size:13px;color:#637480}.contact{position:relative;padding:120px 0;text-align:center;background:linear-gradient(rgba(6,31,50,.92),rgba(6,31,50,.92)),radial-gradient(circle at 50% 150%,#0796ad,transparent 55%)}.contact__inner p:not(.section-label){color:#b7c8d3;margin:20px 0 35px}.button--light{margin:auto;background:white;color:#092139;border:0}.footer{padding:38px 0;background:#030d18;border-top:1px solid var(--line)}.footer__inner{display:flex;align-items:center;gap:30px}.footer p{font-size:12px;color:#8fa2b3}.footer small{margin-left:auto;color:#6f8292;font-size:11px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes swell{50%{transform:translate(2%,8px) rotate(2deg)}}@media(max-width:850px){.container{width:min(calc(100% - 32px),var(--max))}.menu-button{display:block;position:relative;z-index:2}.menu-button span{display:block;width:25px;height:2px;background:white;margin:5px;transition:.25s}.menu-button.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button.active span:nth-child(2){opacity:0}.menu-button.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;background:rgba(5,17,31,.98);opacity:0;visibility:hidden;transition:.25s;font-size:17px}.nav.open{opacity:1;visibility:visible}.hero{min-height:900px}.hero__inner{grid-template-columns:1fr;padding-top:135px}.hero h1{font-size:clamp(38px,10vw,58px)}.hero__visual{height:370px}.sun{width:85px;height:85px;top:45px}.intro__grid,.strengths__grid{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:1fr 1fr}.service-card--wide{grid-column:span 2;grid-row:auto;min-height:400px}.flow-list{grid-template-columns:1fr 1fr}.flow-list li{border-bottom:1px solid #d4e0e6}.footer__inner{flex-wrap:wrap}.footer small{width:100%;margin:0}}@media(max-width:540px){.hero__actions{align-items:flex-start;flex-direction:column}.section{padding:80px 0}.section-heading{align-items:flex-start;flex-direction:column}.service-grid,.flow-list{grid-template-columns:1fr}.service-card--wide{grid-column:auto}.flow-list li{border-right:0}.strengths__grid{gap:55px}.footer__inner{align-items:flex-start;flex-direction:column}.hero__visual{margin-top:10px;height:300px}.data-chip{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}