@charset "utf-8";
/*====================
Foundation
====================*/
/* base */
  html {
    font-size: 62.5%;
  }
  body { 
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color:#333;
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 1.6em;
    line-height: 1.8;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: #333;
    text-decoration: none;
  }
  img {
    height: auto;
    width: 100%;
  }

/* ====================
Layout
==================== */
  .l-header {
    height: 8rem;
    background: #F8F8F8;
    width: 100%;
  }
  .l-main {
    padding-top: 3rem;
    width: 100%;
  }
  .l-wrapper {
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 67rem;
  }
/* ====================
Object (Project)
==================== */
  .p-header-logo {
    padding: 3.1rem 0;
    width: 25.2rem;
    height: auto;
  }
  .p-heading {
    font-weight: bold;
  }
  .p-heading--primary {
    font-size: 1.8rem;
    text-align: center;
  }
  .p-heading--primary + * {
    margin-top: 3rem;
  }
  .p-contents-group__item + .p-contents-group__item {
    margin-top: 2rem;
  }
  .p-text-link {
    color:#1B50AC;
    text-decoration: underline;
    cursor: pointer;
  }
/* ====================
Object (Utility)
==================== */
  @media screen and (min-width: 520px) {
    .u-tab-none {
      display: none; 
    }
  }