:root{--orange:#fa650f}.site-header{box-shadow:0 1px 8px #0a284008}.site-header nav{font-family:'Noto Sans JP',sans-serif;letter-spacing:0;gap:22px}.site-header nav a{white-space:nowrap}.nav-contact{font-weight:700;box-shadow:0 3px 8px #008e9d33}.hero{min-height:555px}.hero-copy{padding-bottom:12px}.hero h1{font-weight:700}.hero h1 em{color:var(--teal)}.problem-list b:after{content:'⌘';font-weight:400}.strength{position:relative}.strength:after{content:'主なサービス';position:absolute;right:clamp(30px,6vw,92px);top:15px;font:10px var(--mono);color:#78aebb}.partner{position:relative}.partner:before{content:'ANNODE IT PARTNER';position:absolute;top:14px;left:clamp(30px,6vw,92px);font:10px var(--mono);letter-spacing:.1em;color:#b8f4ef}.partner .eyebrow{margin-top:10px}.contact form{padding-top:3px}.services-intro{font-size:11px;line-height:1.9;color:#c2d9e4;max-width:280px;margin:17px 0 0}.service-constellation{height:390px;position:relative;isolation:isolate}.service-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.service-lines path{stroke:#3d8ca5;stroke-width:1.2;stroke-dasharray:3 5}.service-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:102px;height:102px;border:1px solid #6dd6db;border-radius:50%;display:grid;place-content:center;text-align:center;background:#07527b;box-shadow:0 0 0 11px #ffffff0a,0 0 35px #10c9d544;color:white}.service-core:before,.service-core:after{content:"";position:absolute;inset:-23px;border:1px solid #2d85a0;border-radius:50%}.service-core:after{inset:-41px;border-color:#1c6684}.service-core span{font:bold 15px var(--mono);letter-spacing:.05em}.service-core small{font:7px/1.45 var(--mono);color:#83e4e3;margin-top:4px}.service-card{width:29%;min-height:122px;position:absolute;background:linear-gradient(145deg,#fff,#edf8fa);border:1px solid #d4eef1;border-radius:7px;padding:12px 13px 11px;color:var(--ink);box-shadow:0 9px 20px #001e3b2b}.service-card:before{content:"";width:9px;height:9px;position:absolute;border-radius:50%;background:#1bbdc5;box-shadow:0 0 0 4px #1bbdc522}.service-card p{font:8px var(--mono);letter-spacing:.02em;color:var(--teal);margin:0 0 5px}.service-card h3{font-size:13px;line-height:1.35;margin:0 0 5px}.service-card i{font-size:9px;line-height:1.5;color:#507180;font-style:normal;display:block}.service-num{position:absolute;right:11px;top:9px;color:#8db9c4;font:10px var(--mono)}.support{left:0;top:14px}.maintenance{left:35.5%;top:0}.cloud{right:0;top:14px}.ai{left:2%;bottom:6px}.development{right:2%;bottom:6px}@media(max-width:960px){.service-constellation{height:430px}.service-card{width:31%}.support{left:0}.maintenance{left:34.5%}.cloud{right:0}.ai{left:0}.development{right:0}}@media(max-width:800px){.service-constellation{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-lines,.service-core{display:none}.service-card{position:relative!important;inset:auto!important;width:auto;min-height:124px}.service-card.maintenance{grid-column:span 2}}@media(max-width:480px){.service-constellation{grid-template-columns:1fr}.service-card.maintenance{grid-column:auto}}
.hero{background-image:linear-gradient(90deg,#fff 0%,#fff 34%,#ffffffb8 52%,#effbfc55 100%),url('/assets/hero-network.png');background-size:cover;background-position:center}.hero:after{display:none}#nodes{display:none}.company{background-image:linear-gradient(90deg,#073257ee 0%,#073257e0 47%,#073257b8 100%),url('/assets/takamatsu-evening.png');background-size:cover;background-position:center}.company dl>div{border-color:#80a2b2}.company dd{color:#fff}
.company{background-image:linear-gradient(90deg,#031e38f7 0%,#073257ee 57%,#073257a8 100%),url('/assets/takamatsu-evening.png')}.company>div,.company dl{position:relative;z-index:1}.company dl{background:#062b4cd9;border:1px solid #6a9bad;padding:7px 20px;box-shadow:0 12px 30px #00182d66}.company dl>div{padding:15px 0}.company dd{color:#fff;font-weight:500}.company h2{color:#fff}.problem-icon{height:43px;width:43px;margin:0 auto 9px;border:1.5px solid #0a9aa7;color:#087b83;background:linear-gradient(145deg,#fff,#e4f8fa);border-radius:12px;display:grid;place-items:center;font:600 14px var(--mono);box-shadow:0 4px 10px #0a617018}.problem-icon.wp{font:bold 25px Georgia,serif;border-radius:50%}.problem-icon.cloud{font:27px/1 sans-serif}.problem-icon.alert{font:bold 23px/1 var(--mono);clip-path:polygon(50% 2%,98% 92%,2% 92%);border:0;border-radius:0;background:#e1f8fa;padding:6px 0 0}.problem-icon.ai{font-size:27px;border-radius:50%;background:#e7faf9}.problem-icon.people{font-size:30px;border-radius:50%;letter-spacing:-4px;padding-right:4px}.problem-list b:after{display:none}.problem-list b{font:9px var(--mono);color:#84a7b0;display:block;margin-bottom:5px}@media(max-width:480px){.company dl{padding:5px 13px}.problem-icon{height:38px;width:38px}.problem-list article{padding-top:15px}}
.problem-list article{display:grid;grid-template-columns:42px 1fr;column-gap:9px;text-align:left;align-content:start}.problem-list b{display:none}.problem-list .problem-icon{grid-column:1;grid-row:1/span 2;width:36px;height:36px;margin:1px 0 0}.problem-list .problem-icon.wp{font-size:21px}.problem-list .problem-icon.cloud{font-size:22px}.problem-list .problem-icon.alert{font-size:19px}.problem-list .problem-icon.ai{font-size:22px}.problem-list .problem-icon.people{font-size:24px}.problem-list h3,.problem-list p{grid-column:2;margin:0}.problem-list h3{font-size:11px;line-height:1.42}.problem-list p{font-size:8.5px;line-height:1.6;margin-top:5px}.about{grid-template-columns:minmax(240px,.9fr) 1fr;align-items:center}.about:after{display:none}.about-visual{display:block;grid-column:1;grid-row:1;width:100%;height:310px;background:url('/assets/about-connection.png') center/contain no-repeat;filter:drop-shadow(0 12px 17px #0a617018)}.about-visual>*{display:none}.about>div:last-child{grid-column:2;grid-row:1}@media(max-width:800px){.about{grid-template-columns:1fr}.about-visual{grid-column:1;grid-row:1;height:330px}.about>div:last-child{grid-column:1;grid-row:2}}@media(max-width:480px){.problem-list article{grid-template-columns:39px 1fr;column-gap:7px}.problem-list .problem-icon{width:34px;height:34px}.problem-list h3{font-size:10px}.problem-list p{font-size:8px}.about-visual{height:270px}}
.problems{padding-top:42px;padding-bottom:42px}.problem-list{grid-template-columns:repeat(3,1fr);gap:0;margin-top:25px;border-top:1px solid #c5dce2}.problem-list article{grid-template-columns:62px 1fr;column-gap:14px;min-height:158px;padding:23px 20px;border-right:1px solid #c5dce2;border-bottom:1px solid #c5dce2}.problem-list article:nth-child(3n){border-right:0}.problem-list .problem-icon{width:54px;height:54px;margin:1px 0 0;border-width:2px}.problem-list .problem-icon.code{font-size:16px}.problem-list .problem-icon.wp{font-size:30px}.problem-list .problem-icon.cloud{font-size:32px}.problem-list .problem-icon.alert{font-size:26px}.problem-list .problem-icon.ai{font-size:32px}.problem-list .problem-icon.people{font-size:34px}.problem-list h3{font-size:14px;line-height:1.55;font-weight:700}.problem-list p{font-size:10px;line-height:1.75;margin-top:7px}@media(max-width:800px){.problem-list{grid-template-columns:repeat(2,1fr)}.problem-list article:nth-child(3n){border-right:1px solid #c5dce2}.problem-list article:nth-child(even){border-right:0}}@media(max-width:480px){.problem-list{grid-template-columns:1fr}.problem-list article,.problem-list article:nth-child(3n){border-right:0}.problem-list article{grid-template-columns:58px 1fr;min-height:132px;padding:17px 12px}.problem-list .problem-icon{width:48px;height:48px}.problem-list h3{font-size:13px}.problem-list p{font-size:9px}}
.about{background:#f3f9fa}.about-visual{filter:none;opacity:1;background-color:transparent}.about-visual:after{display:none}.about-visual{position:relative}
.partner h2{white-space:nowrap;letter-spacing:-.06em}.partner h2 em{margin-left:.12em}.partner-points article{position:relative;padding-top:43px}.partner-icon{position:absolute;top:3px;left:12px;width:29px;height:29px;border:1.5px solid #b6f5ef;border-radius:8px;display:grid;place-items:center;font:18px/1 var(--mono);color:#d6fffb;font-style:normal}.partner-icon.shield{border-radius:50%;font-size:19px}.partner-icon.chart{font:bold 22px/1 sans-serif;border-radius:50%}.partner-icon.link{border-radius:50%;font-size:19px}@media(max-width:800px){.partner h2{white-space:normal}.partner-points article{padding-top:42px}}@media(max-width:480px){.partner h2{font-size:25px}.partner-icon{left:8px}}
.about-visual{background-image:url('/assets/about-connection-transparent.png');filter:none;mix-blend-mode:normal;opacity:1}
.partner{grid-template-columns:1fr;gap:23px}.partner-content{display:grid;grid-template-columns:minmax(390px,1fr) minmax(245px,.85fr) auto;align-items:end;gap:22px}.partner-content .eyebrow,.partner-content h2{grid-column:1}.partner-content .eyebrow{grid-row:1;margin:0}.partner-content h2{grid-row:2;font-size:clamp(28px,3vw,41px);line-height:1.25}.partner-content>p:not(.eyebrow){grid-column:2;grid-row:1/span 2;margin:0;max-width:360px;align-self:end}.partner-content .button{grid-column:3;grid-row:2;white-space:nowrap;align-self:end}.partner h2{white-space:nowrap}.partner-points{grid-template-columns:repeat(4,1fr);margin:0}.partner-message{margin-top:0}@media(max-width:800px){.partner-content{grid-template-columns:1fr}.partner-content .eyebrow,.partner-content h2,.partner-content>p:not(.eyebrow),.partner-content .button{grid-column:1;grid-row:auto}.partner-content h2{white-space:normal;font-size:30px}.partner-content>p:not(.eyebrow){max-width:620px}.partner-content .button{justify-self:start}.partner-points{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.partner-content h2{font-size:25px;white-space:normal}.partner-points{grid-template-columns:1fr 1fr}}
.partner-content{grid-template-areas:"eyebrow intro action" "title intro action";grid-template-rows:auto auto;column-gap:30px;row-gap:9px}.partner-content .eyebrow{grid-area:eyebrow}.partner-content h2{grid-area:title;margin:0}.partner-content>p:not(.eyebrow){grid-area:intro;align-self:center;margin:0}.partner-content .button{grid-area:action;align-self:center}@media(max-width:800px){.partner-content{grid-template-areas:"eyebrow" "title" "intro" "action";grid-template-columns:1fr;gap:13px}.partner-content .button{align-self:start}}
.partner-content{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow eyebrow" "title action" "intro action";grid-template-rows:auto auto auto;column-gap:42px;row-gap:11px}.partner-content>p:not(.eyebrow){max-width:680px;align-self:start;line-height:1.85}.partner-content .button{align-self:center}@media(max-width:800px){.partner-content{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "intro" "action";gap:13px}}
.partner:before{display:none}
.tech-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center}.tech-list li{min-height:48px;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:5px;font:10px 'Noto Sans JP',sans-serif;font-weight:600;color:#1a4058}.tech-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:7px;background:#e7f7f8;color:#04828c;font:700 15px/1 var(--mono);font-style:normal}.tech-icon.gcloud{background:#e5f7fb;color:#168bb9}.tech-icon.aws{background:#fff2df;color:#e78316;font:bold 17px Georgia,serif}.tech-icon.php{background:#eeeefa;color:#6f75ab;font-size:9px}.tech-icon.laravel{background:#fff0ed;color:#ec573f;font-size:18px}.tech-icon.wordpress{border-radius:50%;background:#e6f4f7;color:#287a94;font:bold 17px Georgia,serif}.tech-icon.mysql{background:#eaf5ff;color:#267db9;font-size:18px}.tech-icon.docker{background:#e9f5ff;color:#1f8ad0}.tech-icon.ai{background:#e9faf4;color:#0a9b77;font-size:20px}.tech-icon.api{background:#edf3fb;color:#466b9c;font-size:18px}@media(max-width:800px){.tech-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.tech-list{grid-template-columns:1fr 1fr}.tech-list li{font-size:10px}}
.contact button:disabled{opacity:.7;cursor:wait;transform:none}