:root {
  --color-white: #fff;
  --font-roboto: "Roboto", "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", meiryo, sans-serif;
  --ark-font_family: "YakuHanJP_Noto", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", meiryo, sans-serif;
  --ark-line_height: 1.8;
  --ark-padding--container: 1.5rem;
  --ark-scrollbar_width: 0;
  --ark-header_height: 58px;
}



/* PC */
@media (min-width: 999px),print {
  :root {
    --ark-scrollbar_width: 17px;
    --ark-header_height: 120px;
  }

  body {
    min-width: calc(var(--ark-width--container) + var(--ark-padding--container)*2);
    overflow: unset
  }

  .l-container {
    width: calc(var(--ark-width--container) + var(--ark-padding--container)*2)
  }

  body.home .l-content {
    margin-top: calc(var(--ark-header_height)*-1)
  }


  .alignfull {
    left: min(-24px, 50% - 50vw + var(--ark-scrollbar_width)/2);
    min-width: calc(var(--ark-width--container) + var(--ark-padding--container)*2)
  }



  .l-header {
    --header-max-width: 1000px;
  }
  .l-header__body {
    align-items: unset;
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    padding: .5rem 1rem;
    height: var(--ark-header_height);
    max-width: calc(var(--header-max-width) + var(--ark-padding--container)*2);
    padding: var(--ark-padding--container);
    width: 100%
  }

  .l-header__center {
    left: clamp(1.25rem + var(--ark-padding--container), 3rem - (var(--header-max-width) + var(--ark-padding--container) * 2 - 100vw + var(--ark-scrollbar_width))/7.8571 + var(--ark-padding--container), 3rem + var(--ark-padding--container));
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
  }

  .l-header__left {
    background: var(--color-white);
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .7);
    display: flex;
    flex: 1;
    padding: 0 clamp(1.25rem, 3rem - (var(--header-max-width) + var(--ark-padding--container) * 2 - 100vw + var(--ark-scrollbar_width))/7.8571, 3rem)
  }
  .l-header__left:after,
  .l-header__left:before {
    content: "";
    display: block
  }

  /* ロゴ */
  .l-header__left:before {
    height: 100%;
    order: 1;
    width: 56.06px
  }
  .l-header__left:after {
    background: currentcolor;
    height: 40px;
    margin: 0 clamp(1.25rem, 3rem - (var(--header-max-width) + var(--ark-padding--container) * 2 - 100vw + var(--ark-scrollbar_width))/7.8571, 3rem);
    order: 2;
    width: 1px
  }

  
  nav.c-gnavWrap {
    flex: 1;
    flex-flow: row;
    height: 100%;
    justify-content: space-between;
    order: 3;
  }
  ul.c-gnav {
    font-size: 1rem;
  }
  ul.c-gnav li {
    padding: .5em;
  }


  .l-header__right {
    display: block
  }
}