h1, h2, h3, p, li, summary, td, th { word-break: auto-phrase; text-wrap: pretty; line-break: strict; }
h1, h2 { text-wrap: balance; }
body { word-break: auto-phrase; line-break: strict; overflow-wrap: break-word; margin: 0; background: #ffffff; color: #0A0E14; font-family: "Noto Sans JP", sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #5A7A00; text-decoration: none; }
a:hover { color: #435C00; }
input, textarea, select, button { font-family: inherit; }
header nav a { white-space: nowrap; flex-shrink: 0; }
@media (max-width: 1720px) {
  header nav { gap: 20px !important; }
  header nav a[href="#faq"], header nav a[href="#compare"], header nav a[href="#features"] { display: none !important; }
}
@media (max-width: 1440px) {
  header nav a[href="#about"], header nav a[href="#a2b"], header nav a[href="#issues"] { display: none !important; }
}
@media (max-width: 960px) {
  header nav a[data-nav="contact"] { display: none !important; }
}
@media (max-width: 1180px) {
  header nav { gap: 20px !important; }
  header nav a[href="#faq"], header nav a[href="#features"] { display: none !important; }
}
@media (max-width: 1000px) {
  header nav a[href="#about"] { display: none !important; }
  header nav { gap: 16px !important; }
  header nav a[href="#issues"], header nav a[href="#compare"] { display: none !important; }
}
@media (max-width: 640px) {
  header img { height: 36px !important; }
  header nav a[href="https://www.takachiho-kk.co.jp/xbow_download/"] { display: none !important; }
  header nav a[href="#a2b"], header nav a[data-nav="contact"] { display: none !important; }
  header nav a[href="#about"] { display: none !important; }
}
@media (max-width: 1100px) {
  header nav a[href="https://www.takachiho-kk.co.jp/xbow_download/"] { display: none !important; }
  header nav a[href="#a2b"], header nav a[data-nav="contact"] { display: none !important; }
  [data-r="col2"] { grid-template-columns: minmax(0,1fr) !important; gap: 48px !important; }
  [data-r] > * { min-width: 0; }
  [data-r="col3"], [data-r="col4"] { grid-template-columns: repeat(2, 1fr) !important; }
  [data-r="persona"] { grid-template-columns: 1fr !important; }
  [data-r="flow"] { grid-template-columns: 1fr !important; justify-items: stretch; }
  [data-r="tte"] { grid-template-columns: 1fr !important; }
  [data-r="xbowbar"] { width: 100% !important; }
  [data-r="vs"] { grid-template-columns: minmax(0,1fr) !important; }
  [data-r="tte"] > div[aria-hidden] { transform: rotate(90deg); }
  [data-r="flow"] > div:nth-child(even) { padding-top: 0 !important; justify-items: center; }
  [data-r="flow"] > div:nth-child(even) > span:last-child { width: 2px !important; min-width: 0 !important; height: 32px !important; background: repeating-linear-gradient(180deg,#8C97A8 0 6px,transparent 6px 10px) !important; transform: none !important; }
  [data-r="persona"] > div { border-right: 0 !important; }
  h1 { font-size: 42px !important; }
  h2 { font-size: 32px !important; }
}
@media (max-width: 760px) {
  [data-r="col3"], [data-r="col4"] { grid-template-columns: minmax(0,1fr) !important; }
  h1 { font-size: 30px !important; }
  h2 { font-size: 26px !important; }
}
html, body { overflow-x: clip; }
@media (max-width: 640px) {
  header > div { height: 64px !important; padding: 0 16px !important; gap: 12px !important; }
  header > div > div:first-child { gap: 8px !important; }
  header > div > div:first-child > div[role="img"] { width: 112px !important; height: 32px !important; }
  header > div > div:first-child > div[role="img"] svg { height: 17px !important; }
  header > div > div:first-child > span { display: none !important; }
  header img { height: 28px !important; }
  header nav a[data-nav="poc"] { font-size: 14px !important; padding: 9px 14px !important; }
  section > div[style*="max-width: 1200px"], section > div[style*="max-width:1200px"], footer > div { padding-left: 20px !important; padding-right: 20px !important; }
  section > div[style*="max-width: 1200px"], section > div[style*="max-width:1200px"] { padding-top: 64px !important; padding-bottom: 64px !important; }
  h1 { font-size: 26px !important; line-height: 1.45 !important; }
  h2 { font-size: 24px !important; line-height: 1.5 !important; }
  h2 br { display: none; }
  h3 { font-size: 19px !important; }
  p { font-size: 17px !important; }
  [data-r="cta"] { grid-template-columns: 1fr !important; max-width: none !important; }
  [data-r="cta"] > a { font-size: 17px !important; padding: 18px 20px !important; }
  [data-r="col4"] > div, [data-r="col3"] > div { border-right: 0 !important; }
  #features [data-r="col4"] > div { border-bottom: 1px solid #232B36; }
  #contact a[style*="background: rgb(198, 245, 30)"], #contact a[style*="background:#C6F51E"] { padding: 28px 22px !important; }
  #contact a span[style*="font-size: 28px"] { font-size: 22px !important; }
  #contact a span[style*="white-space: nowrap"] { white-space: normal !important; }
  #about [data-r="col2"] > div:first-child { flex-wrap: wrap !important; white-space: normal !important; }
  #about [data-r="col2"] > div:first-child > span { white-space: nowrap; }
  #about [data-r="vs"] > div { padding: 20px !important; }
  header nav a[data-nav="poc"] { font-size: 13px !important; padding: 8px 12px !important; }
  table { font-size: 15px !important; }
  td, th { padding: 14px 12px !important; }
  details summary { font-size: 17px !important; }
}
::-webkit-scrollbar { height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #2B3543; border-radius: 999px; }
@keyframes xbSweep { 0% { stroke-dashoffset: 260; } 100% { stroke-dashoffset: 0; } }

/* hover states */
.hv1:hover { border-color:#0A0E14 !important; color:#0A0E14 !important; }
.hv2:hover { border-color:#0A0E14 !important; color:#0A0E14 !important; }
.hv3:hover { background:#435C00 !important; color:#ffffff !important; }
.hv4:hover { background:#ffffff !important; color:#0A0E14 !important; }
.hv5:hover { background:#C6F51E !important; color:#0A0E14 !important; }
.hv6:hover { border-color:#ffffff !important; color:#ffffff !important; }
.hv7:hover { border-color:#0A0E14 !important; color:#0A0E14 !important; }
.hv8:hover { border-color:#0A0E14 !important; color:#0A0E14 !important; }
.hv9:hover { background:#ffffff !important; color:#0A0E14 !important; }
.hv10:hover { border-color:#C6F51E !important; color:#ffffff !important; }
.hv11:hover { border-color:#C6F51E !important; color:#ffffff !important; }
.hv12:hover { border-color:#5A7A00 !important; color:#0A0E14 !important; }
.hv13:hover { border-color:#5A7A00 !important; color:#0A0E14 !important; }
.hv14:hover { border-color:#5A7A00 !important; color:#0A0E14 !important; }
.hv15:hover { color:#C6F51E !important; }
.hv16:hover { color:#C6F51E !important; }
[class^="hv"] { transition: background-color .15s, border-color .15s, color .15s; }