/*
Theme Name: ZeroToInfinity
Theme URI: https://zti.co.jp/
Author: ZeroToInfinity Co., Ltd.
Description: ZeroToInfinity株式会社 コーポレートサイト用テーマ。有効化するとトップ・製品・取り組み・会社情報・お問い合わせ・お知らせのページが自動で作られます。
Version: 1.3.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zti
*/
body{margin:0;background:#FFFFFF}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}


a{color:#13212C}a:hover{color:#C8102E}
@keyframes ztiPing{0%{transform:scale(1);opacity:.55}80%,100%{transform:scale(3.2);opacity:0}}
@keyframes ztiDash{to{stroke-dashoffset:-48}}
.zti-ping{animation:ztiPing 2.4s ease-out infinite}
.zti-dash{animation:ztiDash 1.6s linear infinite}
@media (prefers-reduced-motion: reduce){.zti-ping,.zti-dash{animation:none}}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #C8102E;outline-offset:2px}
.zti-pin{transition:transform .15s}
.zti-content{font-size:16px;line-height:1.9}
.zti-content img{height:auto;border-radius:8px}
.zti-content h2{font-family:'Zen Kaku Gothic New',sans-serif;font-size:26px;margin:1.6em 0 .6em}
.nav-links{display:flex;gap:12px}
.zti-l{white-space:nowrap}
@media (max-width: 1152px){
  .zti-hero-logo{width:180px !important;height:180px !important;left:16px !important;top:-72px !important}
  .zti-hero-photo{margin-top:24px}
}
@media (max-width: 1100px){
  [style*="repeat(4, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  [style*="repeat(6, minmax(0, 1fr))"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  [style*="grid-column: span"]{grid-column:auto !important}
}
@media (max-width: 760px){
  section,header.zti-header,footer,.zti-site > div{padding-left:16px !important;padding-right:16px !important}
  section{padding-top:56px !important;padding-bottom:56px !important}
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  [style*="grid-column: 1 / -1"]{grid-column:auto !important}
  h1{font-size:32px !important}
  h2{font-size:28px !important}
  .zti-hero-h1{font-size:clamp(22px,7.2vw,32px) !important}
  .zti-hero-logo{width:110px !important;height:110px !important;left:auto !important;right:12px !important;top:-40px !important}
  .zti-map{transform:scale(.58);transform-origin:top left;margin-bottom:-252px}
  nav{gap:14px !important}
}