@charset "UTF-8";

:where(.oldSiteBase) {

  /* ========================================
  * 新サイト用リセットCSSを取り消し
  * ======================================== */

  *,
  *::before,
  *::after,
  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, picture, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
    all: revert-layer;
  }

  /* ========================================
  * 旧サイト用で使っていたリセットCSSを再掲
  * ======================================== */

  color: #555;
  font-size: 1.5rem;
  font-family: 'Open Sans',Arial,Roboto,'Droid Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: auto;
  line-height: normal;

  div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: transparent;
    vertical-align: baseline;
    font-size: 100%;
    box-sizing: border-box;
  }

  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }

  table {
    border-spacing: 0;
    border-collapse: collapse;
  }


  a[href^="tel:"] {
    pointer-events: none;
  }

  /* --- */

  img {
    vertical-align: bottom;
  }

  p {
    text-align: justify;
  }

  a {
    color: #004098;
    text-decoration: none;
  }
  a:hover {
    color: #ed0338;
  }
  *:hover {
    transition:all 0.25s ease-out;
  }

  table {
    width: 100%;
  }

  th {
    width: 25%;
    background: #fdfefe;
    white-space: nowrap;
  }

  th,td {
    padding: 16px;
    border: 1px solid #e3e9ef;
    border-width: 1px 0;
    text-align: left;
    font-size: 1.5rem;
  }

  .inner {
    width: 1200px;
    margin: 0 auto;
  }

  @media screen and (max-width: 750px) {
    img {
      max-width: 100%;
    }

    th {
      border-bottom: none;
    }

    th,
    td {
      display: block;
      width: 100%;
      padding: 8px 16px;
      border-width: 1px;
    }

    td {
      margin: 0 0 16px;
    }

    .inner {
      width: 100%;
    }
  }
}

/* ========================================
* 旧サイト用で使っていたアニメーションCSSを再掲
* ======================================== */
.js-move,
.js-moveList>*{
  opacity: 0;
  transform: translate(-50px, 0);
  transition: 1s;
}
.js-move.is-animation,
.js-moveList>*.is-animation{
  transform: translate(0, 0);
  opacity: 1;
}
/* フェードanimation */
.js-moveFade{
  opacity: 0;
  transition: 1.2s 0.5s;
}
.js-moveFade.is-animation{
  opacity: 1;
}