@charset "utf-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  background-color: var(--df-color-bg);
  color: var(--df-color-text);
  font-family: var(--df-font-sans);
  font-size: var(--df-font-size-body);
  line-height: var(--df-line-height-body);
  overflow-wrap: anywhere;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

:focus-visible {
  outline: 2px solid var(--df-color-primary);
  outline-offset: 3px;
}

html.df-header-menu-open {
  overflow: hidden;
}

.tk-empty {
  padding: 80px 30px;
  text-align: center;
  border: 1px solid #d9dfdc;
  background: #f8faf9;
}

.tk-article-empty {
  max-width: 760px;
  margin: 0 auto;
  padding: 80px 30px;
  text-align: center;
  border: 1px solid #d9dfdc;
  background: #f8faf9;
}

@media (hover: hover) and (pointer: fine) {
  .tk-page .tk-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 30px rgba(8, 15, 13, 0.18);
  }

  .tk-page .tk-service-card:hover img {
    transform: scale(1.035);
  }

  .tk-page .df-button:hover,
  .tk-page .df-button:focus-visible {
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tk-page .tk-service-card,
  .tk-page .tk-service-card img,
  .tk-page .df-button {
    transition: none;
  }

  .tk-page .tk-service-card:hover,
  .tk-page .tk-service-card:hover img,
  .tk-page .df-button:hover,
  .tk-page .df-button:focus-visible {
    transform: none;
  }
}

/* TK工業: トップページと連続する下層ページ専用の視覚体系。 */
.tk-subpage,
.tk-thanks {
  --tk-dark: #0f1115;
  --tk-ink: #1b1e22;
  --tk-paper: #f7f7f5;
  --tk-gray: #f0f0ee;
  --tk-green: #0f4f46;
  --tk-line: #d9dcda;
  --tk-font-en: "Oswald", "Arial Narrow", sans-serif;
  background: var(--tk-paper);
  color: var(--tk-ink);
}

.tk-subpage .df-section,
.tk-thanks .df-section { padding-block: clamp(64px, 9vw, 136px); }
.tk-subpage .df-container,
.tk-thanks .df-container { width: min(calc(100% - 40px), 1120px); }

.tk-subpage__hero { position: relative; margin: 14px; overflow: hidden; border-radius: 24px; background: var(--tk-dark); color: #fff; isolation: isolate; }
.tk-subpage__hero::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, rgba(15, 17, 21, .93), rgba(15, 17, 21, .68)); content: ""; }
.tk-subpage__hero .df-container { min-height: clamp(300px, 35vw, 460px); padding-block: clamp(84px, 11vw, 150px) clamp(58px, 8vw, 106px); }

.tk-subpage .tk-eyebrow,
.tk-thanks .tk-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; color: var(--tk-green); font-family: var(--tk-font-en); font-size: 12px; font-weight: 700; letter-spacing: .17em; line-height: 1; }
.tk-subpage .tk-eyebrow::before,
.tk-thanks .tk-eyebrow::before { width: 8px; height: 8px; background: linear-gradient(135deg, #9be2d0 0 48%, var(--tk-green) 49% 100%); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); content: ""; }
.tk-subpage__hero .tk-eyebrow { color: #9be2d0; }

.tk-subpage h1,
.tk-thanks h1 { max-width: none; margin: 0; font-size: clamp(38px, 5vw, 68px); font-weight: 800; letter-spacing: -.035em; line-height: 1.12; text-wrap: balance; }
.tk-subpage__hero p:last-child { max-width: 48rem; margin: 22px 0 0; color: rgba(255, 255, 255, .86); line-height: 1.9; }

.tk-subpage h2,
.tk-thanks h2 { margin: 0; color: inherit; font-size: clamp(26px, 3.2vw, 42px); font-weight: 800; letter-spacing: -.025em; line-height: 1.28; text-wrap: balance; }
.tk-subpage h2::after,
.tk-thanks h2::after { display: block; width: 44px; height: 2px; margin-top: 18px; background: var(--tk-green); content: ""; }
.tk-subpage h3,
.tk-thanks h3 { margin: 0; color: inherit; font-size: clamp(18px, 2vw, 22px); line-height: 1.45; }
.tk-subpage p,
.tk-thanks p { line-height: 1.9; }

.tk-subpage .df-button,
.tk-thanks .df-button { min-height: 48px; border-radius: 6px; font-size: 15px; white-space: normal; }
.tk-subpage .df-button-primary,
.tk-thanks .df-button-primary { background: var(--tk-green); }
.tk-subpage .df-button-secondary,
.tk-thanks .df-button-secondary { border-color: var(--tk-green); background: #fff; color: var(--tk-green); }
.tk-subpage .df-button-primary:hover,
.tk-subpage .df-button-primary:focus-visible,
.tk-thanks .df-button-primary:hover,
.tk-thanks .df-button-primary:focus-visible { border-color: var(--tk-green); background: #fff; color: var(--tk-green); }
.tk-subpage .df-button-secondary:hover,
.tk-subpage .df-button-secondary:focus-visible,
.tk-thanks .df-button-secondary:hover,
.tk-thanks .df-button-secondary:focus-visible { background: var(--tk-green); color: #fff; }

.tk-subpage .tk-cta,
.tk-thanks .tk-cta { display: grid; gap: 18px; margin-top: clamp(48px, 7vw, 88px); padding: clamp(32px, 5vw, 64px); border-radius: 12px; background: var(--tk-dark); color: #fff; }
.tk-subpage .tk-cta h2::after,
.tk-thanks .tk-cta h2::after { background: #9be2d0; }
.tk-subpage .tk-cta p,
.tk-thanks .tk-cta p { max-width: 48rem; margin: 0; color: rgba(255, 255, 255, .78); }

@media (min-width: 768px) {
  .tk-subpage__hero { margin: 22px; }
  .tk-subpage .df-container,
  .tk-thanks .df-container { width: min(calc(100% - 80px), 1120px); }
}

@media (min-width: 1024px) {
  .tk-subpage .tk-cta,
  .tk-thanks .tk-cta { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  .tk-subpage .tk-cta h2,
  .tk-subpage .tk-cta p,
  .tk-thanks .tk-cta h2,
  .tk-thanks .tk-cta p { grid-column: 1; }
  .tk-subpage .tk-cta .df-button,
  .tk-thanks .tk-cta .df-button { grid-column: 2; grid-row: 1 / span 2; }
}


/* Detail article titles stay subordinate to the page heading scale. */
.tk-subpage--detail .webgene-item>h1{font-size:clamp(28px,3.2vw,42px);line-height:1.28}
.tk-subpage--detail .tk-cms-detail__breadcrumb{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 24px;color:rgb(71,80,76);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.tk-subpage--detail .tk-cms-detail__breadcrumb a{color:rgb(15,79,70);text-decoration:none}
.tk-subpage--detail .tk-cms-detail__breadcrumb a:hover,.tk-subpage--detail .tk-cms-detail__breadcrumb a:focus-visible{text-decoration:underline}
.tk-subpage--detail .tk-cms-detail__breadcrumb [aria-current="page"]{min-width:0}
.tk-subpage--detail .tk-cms-detail__meta{display:flex;flex-wrap:wrap;gap:8px 12px}
.tk-subpage--detail .tk-cms-detail-hero__title{font-size:clamp(28px,4vw,38px)}

/* Shared CTA motion: keep Link-block's single child div and draw the arrow in CSS. */
.tk-home .morita-btn,
.tk-subpage .morita-btn,
.tk-thanks .morita-btn,
.tk-home .df-button,
.tk-subpage .df-button,
.tk-thanks .df-button,
.df-header .df-header-cta,
.df-header .df-header-drawer-cta,
.df-header .df-header-drawer-tel a,
.tk-home .tel-link,
.tk-home .contact-form-actions .submitBtn,
.tk-subpage .contact-form-actions .submitBtn,
.tk-home .form-morita-card .contact-form .submitBtn,
.tk-subpage .form-morita-card .contact-form .submitBtn {
  --tk-cta-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.22,.61,.36,1), background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease;
}

.tk-home .form-morita-card .contact-form-actions .submitBtn,
.tk-subpage .form-morita-card .contact-form-actions .submitBtn,
.tk-home .form-morita-card .contact-form .submitBtn,
.tk-subpage .form-morita-card .contact-form .submitBtn {
  display: inline-flex;
  justify-content: center;
  transition: transform .3s cubic-bezier(.22,.61,.36,1), background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease;
}

.tk-home .morita-btn > div,
.tk-subpage .morita-btn > div,
.tk-thanks .morita-btn > div,
.tk-home .df-button > div,
.tk-subpage .df-button > div,
.tk-thanks .df-button > div,
.df-header .df-header-cta > div,
.df-header .df-header-drawer-cta > div,
.df-header .df-header-drawer-tel a > div,
.tk-home .tel-link > div {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.tk-home .morita-btn > div::after,
.tk-subpage .morita-btn > div::after,
.tk-thanks .morita-btn > div::after,
.tk-home .df-button > div::after,
.tk-subpage .df-button > div::after,
.tk-thanks .df-button > div::after,
.df-header .df-header-cta > div::after,
.df-header .df-header-drawer-cta > div::after,
.df-header .df-header-drawer-tel a > div::after,
.tk-home .tel-link > div::after,
.tk-home .contact-form-actions .submitBtn::after,
.tk-subpage .contact-form-actions .submitBtn::after,
.tk-home .form-morita-card .contact-form .submitBtn::after,
.tk-subpage .form-morita-card .contact-form .submitBtn::after {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: none;
  background-color: currentColor;
  content: "";
  mask: var(--tk-cta-arrow) center / contain no-repeat;
  -webkit-mask: var(--tk-cta-arrow) center / contain no-repeat;
  transition: transform .3s cubic-bezier(.22,.61,.36,1);
}

.tk-home .link-arrow,
.tk-subpage .link-arrow,
.tk-thanks .link-arrow {
  --tk-cta-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  align-items: center;
  color: #0f4f46;
  gap: 8px;
}

.tk-home .sec--dark .link-arrow,
.tk-subpage .sec--dark .link-arrow,
.tk-thanks .sec--dark .link-arrow { color: #fff; }

.tk-home .link-arrow > div,
.tk-subpage .link-arrow > div,
.tk-thanks .link-arrow > div {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.tk-home .link-arrow > div::after,
.tk-subpage .link-arrow > div::after,
.tk-thanks .link-arrow > div::after {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: none;
  background-color: currentColor;
  content: "";
  mask: var(--tk-cta-arrow) center / contain no-repeat;
  -webkit-mask: var(--tk-cta-arrow) center / contain no-repeat;
  transition: transform .3s cubic-bezier(.22,.61,.36,1);
}

.tk-home .morita-btn--green:not(:disabled):not([aria-disabled="true"]):hover,
.tk-home .morita-btn--green:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-subpage .morita-btn--green:not(:disabled):not([aria-disabled="true"]):hover,
.tk-subpage .morita-btn--green:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-thanks .morita-btn--green:not(:disabled):not([aria-disabled="true"]):hover,
.tk-thanks .morita-btn--green:not(:disabled):not([aria-disabled="true"]):focus-visible,
.df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):hover,
.df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):focus-visible,
.df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):hover,
.df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
.tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
.tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
.tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
.tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible {
  background-color: #0b6a5c;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(11,106,92,.3);
}

.tk-home .morita-btn--ghost:not(:disabled):not([aria-disabled="true"]):hover,
.tk-home .morita-btn--ghost:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-subpage .morita-btn--ghost:not(:disabled):not([aria-disabled="true"]):hover,
.tk-subpage .morita-btn--ghost:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-thanks .morita-btn--ghost:not(:disabled):not([aria-disabled="true"]):hover,
.tk-thanks .morita-btn--ghost:not(:disabled):not([aria-disabled="true"]):focus-visible {
  background-color: rgba(255,255,255,.12);
  color: #fff;
  text-decoration: none;
  transform: translateY(-2px);
}

.tk-home .morita-btn--outline:not(:disabled):not([aria-disabled="true"]):hover,
.tk-home .morita-btn--outline:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-subpage .morita-btn--outline:not(:disabled):not([aria-disabled="true"]):hover,
.tk-subpage .morita-btn--outline:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-thanks .morita-btn--outline:not(:disabled):not([aria-disabled="true"]):hover,
.tk-thanks .morita-btn--outline:not(:disabled):not([aria-disabled="true"]):focus-visible {
  background-color: rgba(15,79,70,.1);
  color: #1a1d22;
  transform: translateY(-2px);
  box-shadow: none;
}

.tk-home .df-button-primary:not(:disabled):not([aria-disabled="true"]):hover,
.tk-home .df-button-primary:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-subpage .df-button-primary:not(:disabled):not([aria-disabled="true"]):hover,
.tk-subpage .df-button-primary:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-thanks .df-button-primary:not(:disabled):not([aria-disabled="true"]):hover,
.tk-thanks .df-button-primary:not(:disabled):not([aria-disabled="true"]):focus-visible {
  border-color: #0b6a5c;
  background-color: #0b6a5c;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(11,106,92,.3);
}

.tk-home .df-button-secondary:not(:disabled):not([aria-disabled="true"]):hover,
.tk-home .df-button-secondary:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-subpage .df-button-secondary:not(:disabled):not([aria-disabled="true"]):hover,
.tk-subpage .df-button-secondary:not(:disabled):not([aria-disabled="true"]):focus-visible,
.tk-thanks .df-button-secondary:not(:disabled):not([aria-disabled="true"]):hover,
.tk-thanks .df-button-secondary:not(:disabled):not([aria-disabled="true"]):focus-visible {
  border-color: var(--tk-green);
  background-color: rgba(15,79,70,.1);
  color: var(--tk-green);
  transform: translateY(-2px);
  box-shadow: none;
}

.tk-home .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div,
.tk-home .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div,
.tk-subpage .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div,
.tk-subpage .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div,
.tk-thanks .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div,
.tk-thanks .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.tk-home .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-home .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-subpage .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-subpage .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-thanks .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-thanks .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-home .morita-btn:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-home .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-subpage .morita-btn:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-subpage .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-thanks .morita-btn:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-thanks .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-home .df-button:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-home .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-subpage .df-button:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-subpage .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-thanks .df-button:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-thanks .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.df-header .df-header-drawer-tel a:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.df-header .df-header-drawer-tel a:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-home .tel-link:not(:disabled):not([aria-disabled="true"]):hover > div::after,
.tk-home .tel-link:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
.tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
.tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after,
.tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
.tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after,
.tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
.tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after,
.tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
.tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after {
  transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
  .tk-home .morita-btn,
  .tk-subpage .morita-btn,
  .tk-thanks .morita-btn,
  .tk-home .df-button,
  .tk-subpage .df-button,
  .tk-thanks .df-button,
  .df-header .df-header-cta,
  .df-header .df-header-drawer-cta,
  .df-header .df-header-drawer-tel a,
  .tk-home .tel-link,
  .tk-home .contact-form-actions .submitBtn,
  .tk-subpage .contact-form-actions .submitBtn,
  .tk-home .form-morita-card .contact-form-actions .submitBtn,
  .tk-subpage .form-morita-card .contact-form-actions .submitBtn,
  .tk-home .form-morita-card .contact-form .submitBtn,
  .tk-subpage .form-morita-card .contact-form .submitBtn,
  .tk-home .link-arrow > div::after,
  .tk-subpage .link-arrow > div::after,
  .tk-thanks .link-arrow > div::after {
    transition: none;
  }

  .tk-home .morita-btn:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-home .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-subpage .morita-btn:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-subpage .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-thanks .morita-btn:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-thanks .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-home .df-button:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-home .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-subpage .df-button:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-subpage .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-thanks .df-button:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-thanks .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):hover,
  .df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):hover,
  .df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible,
  .tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover,
  .tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible {
    transform: none;
  }

  .tk-home .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-home .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-subpage .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-subpage .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-thanks .link-arrow:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-thanks .link-arrow:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-home .morita-btn:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-home .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-subpage .morita-btn:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-subpage .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-thanks .morita-btn:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-thanks .morita-btn:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-home .df-button:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-home .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-subpage .df-button:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-subpage .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-thanks .df-button:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-thanks .df-button:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .df-header .df-header-cta:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .df-header .df-header-drawer-cta:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .df-header .df-header-drawer-tel a:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .df-header .df-header-drawer-tel a:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-home .tel-link:not(:disabled):not([aria-disabled="true"]):hover > div::after,
  .tk-home .tel-link:not(:disabled):not([aria-disabled="true"]):focus-visible > div::after,
  .tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
  .tk-home .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after,
  .tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
  .tk-subpage .contact-form-actions .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after,
  .tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
  .tk-home .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after,
  .tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):hover::after,
  .tk-subpage .form-morita-card .contact-form .submitBtn:not(:disabled):not([aria-disabled="true"]):focus-visible::after {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tk-cms-index .tk-subpage__hero::before { clip-path: inset(0); animation: none; }
  .tk-cms-index .tk-subpage__hero h1::after { transform: scaleX(1); animation: none; }
  .tk-subpage--detail .tk-cms-detail-hero::before { clip-path: inset(0); animation: none; }
  .tk-subpage--detail .tk-cms-detail-hero__title::after { transform: scaleX(1); animation: none; }
}