@charset "utf-8";

/* === # 旧ページに新サイトの枠（ヘッダー・フッター・追従 CTA）を載せる === */

/* ※ 新サイトの CSS（d001・common・integration-fixes）のあとに読む */

/* === ## ページ全体 === */
html,
body {
  height: auto;
}

/* ※ ページ内のリンクは旧ページの jQuery が動かす */
html {
  scroll-behavior: auto;
}

/* === ## 枠：旧 CSS の全体指定を打ち消す === */
:where(.site-header, .site-footer, #legacy-fixed-cta) {
  text-align: start;
}

:where(.site-header, .site-footer, #legacy-fixed-cta),
:where(.site-header, .site-footer, #legacy-fixed-cta) * {
  margin: revert;
  padding: revert;
}

:where(.site-header, .site-footer, #legacy-fixed-cta) :is(h1, h2, h3, h4) {
  font-size: revert;
}

:where(.site-header, .site-footer, #legacy-fixed-cta) p {
  text-align: revert;
}

:where(.site-header, .site-footer, #legacy-fixed-cta) img {
  vertical-align: revert;
}

:where(.site-header, .site-footer, #legacy-fixed-cta) a {
  text-decoration: revert;
}

:where(.site-header, .site-footer, #legacy-fixed-cta) a img {
  border: revert;
}

:where(.site-header, .site-footer, #legacy-fixed-cta) a:is(:link, :visited) {
  color: inherit;
}

/* ※ 旧 CSS の a:link（0,1,1）に負ける新サイトの指定を、同じ値で書き直す */
a.button {
  color: var(--button-color, inherit);
}

a.icon-button--solid,
.site-footer-legal a {
  color: var(--color-text-inverse);
}

a.header-phone,
.site-footer-nav__group a {
  color: var(--color-brand-green-darker);
}

@media (max-width: 1199px) {
  a.menu-contact__phone {
    color: var(--color-text-inverse);
  }
}

@media print, screen and (min-width: 769px) {
  :where(.site-header, .site-footer, #legacy-fixed-cta) a:is(:active, :hover) {
    opacity: revert;
  }
}

/* === ## 旧ページの本文：新サイトの全体指定を打ち消す === */
:where(#wrap > :not(.site-header, .site-footer, #legacy-fixed-cta)) {
  color: #333;
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 0.9rem;
  line-height: normal;
}

@media only screen and (max-width: 640px) {
  :where(#wrap > :not(.site-header, .site-footer, #legacy-fixed-cta)) {
    font-size: 0.85rem;
  }
}

:where(#wrap > :not(.site-header, .site-footer, #legacy-fixed-cta)),
:where(#wrap > :not(.site-header, .site-footer, #legacy-fixed-cta)) * {
  box-sizing: revert;
}

:where(#wrap > :not(.site-header, .site-footer, #legacy-fixed-cta)) :is(h1, h2) {
  line-height: revert;
  letter-spacing: revert;
}

:where(#wrap > :not(.site-header, .site-footer, #legacy-fixed-cta)) img {
  display: revert;
}

:where(#wrap > :not(.site-header, .site-footer, #legacy-fixed-cta)) a {
  color: revert;
}