@charset "UTF-8";
/* common.css
----------------------------------------------------------------- */
@layer utilities {
  @media (max-width: 768px) {
    .disp_p {
      display: none;
    }
  }
  .disp_s {
    display: none;
  }
  @media (max-width: 768px) {
    .disp_s {
      display: block;
    }
  }
  .disp_ss {
    display: none;
  }
  @media screen and (max-width: 400px) {
    .disp_ss {
      display: block;
    }
  }
  .en {
    font-family: var(--en);
  }
  .colo_primary {
    color: var(--primary-color);
  }
  .colo_secondary {
    color: var(--secondary-color);
  }
  .back_F2F2F2 {
    background: #f2f2f2;
  }
  .back_FAFAFA {
    background: #fafafa;
  }
  .hover {
    transition: all 0.3s ease-in-out;
  }
  @media (min-width: 767px) {
    .hover:hover {
      transform: translateY(-3px);
    }
  }
}
@layer base {
  :root {
    --en: "Roboto", sans-serif;
    --primary-color: #192161;
    --secondary-color: #2E3252;
    --tertiary-color: #1A1311;
    --primary-bg: #F2F2F2;
    --secoundary-bg: #FAFAFA;
    --tertiary-bg: #868686;
    --primary-border: #707070;
  }
  body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Noto Sans JP", sans-serif;
    line-height: 1.8;
    color: var(--secondary-color);
  }
  img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  a {
    color: var(--secondary-color);
    transition: all 0.3s;
  }
  .contents {
    padding-top: 0;
  }
}