@layer component {
  /* .c-nav */

  @media screen and (max-width: 767px) {
    .c-nav {
      padding-top: calc(10 * var(--mc--quantity--of-design--horizontal));
      padding-left: var(--mc-layout--offset--of-outer-left);
      padding-right: var(--mc-layout--offset--of-outer-right);
      margin-bottom: calc(-10 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-nav {
      padding-top: 60px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
      margin-bottom: -10px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-nav {
      padding-top: 60px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
      margin-bottom: -10px;
    }
  }

  @media print {
    .c-nav {
      padding-top: 60px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
      margin-bottom: -10px;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-nav {
      padding-top: 60px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
      margin-bottom: -10px;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-nav__list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-nav__list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }

  @media print {
    .c-nav__list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }

  @media screen and (min-width: 1440px) {
    .c-nav__list {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      column-gap: var(--mc-layout--gap);
    }
  }


  @media screen and (max-width: 767px) {
    .c-nav__list :where(li) {
      margin-top: calc(10 * var(--mc--quantity--of-design--horizontal));
    }
  }

  .c-nav__list :where(a) {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    border-bottom: 1px solid #0F2350;
    column-gap: 24px;
    height: 62px;
    box-sizing: border-box;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.375;
    text-align: left;
    color: #333;
    padding: 8px 15px;
  }

  @media screen and (max-width: 767px) {
    .c-nav__list :where(a) {
      font-weight: 500;
      font-size: calc(17 * var(--mc--quantity--of-design--horizontal));
      min-height: calc(54 * var(--mc--quantity--of-design--horizontal));
      letter-spacing: 0.1em;
      line-height: 1.2941176471;
      padding: calc(15 * var(--mc--quantity--of-design--horizontal)) calc(15 * var(--mc--quantity--of-design--horizontal)) calc(14 * var(--mc--quantity--of-design--horizontal));
      height: auto;
    }
  }

  .c-nav__list :where(a)::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top-style: solid;
    border-top-color: #000;
    border-left-style: solid;
    border-left-color: transparent;
    border-right-style: solid;
    border-right-color: transparent;
  }

  @media screen and (max-width: 767px) {
    .c-nav__list :where(a)::after {
      border-width: calc(8 * var(--mc--quantity--of-design--horizontal)) calc(7 * var(--mc--quantity--of-design--horizontal)) 0;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-nav__list :where(a)::after {
      border-width: 6px 5px 0;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-nav__list :where(a)::after {
      border-width: 6px 5px 0;
    }
  }

  @media print {
    .c-nav__list :where(a)::after {
      border-width: 6px 5px 0;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-nav__list :where(a)::after {
      border-width: 6px 5px 0;
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .c-nav__list :where(a):hover {
      background: #A22041;
      color: #FFF;
    }

    .c-nav__list :where(a):hover::after {
      border-top-color: #FFF;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .c-nav__list :where(a):hover {
      background: #A22041;
      color: #FFF;
    }

    .c-nav__list :where(a):hover::after {
      border-top-color: #FFF;
    }
  }

  @media print {
    .c-nav__list :where(a):hover {
      background: #A22041;
      color: #FFF;
    }

    .c-nav__list :where(a):hover::after {
      border-top-color: #FFF;
    }
  }

  @media screen and (min-width: 1440px) {
    .c-nav__list :where(a):hover {
      background: #A22041;
      color: #FFF;
    }

    .c-nav__list :where(a):hover::after {
      border-top-color: #FFF;
    }
  }

  /* .p-release */
  /* .p-info */
  /* .p-ir */
  .p-ir {
    background: #f7f7f8;
  }

  @media screen and (max-width: 767px) {
    .p-ir {
      padding-top: calc(50 * var(--mc--quantity--of-design--horizontal));
      padding-bottom: calc(50 * var(--mc--quantity--of-design--horizontal));
      margin-top: calc(50 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .p-ir {
      padding-top: 80px;
      padding-bottom: 80px;
      margin-top: 80px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {
    .p-ir {
      padding-top: 80px;
      padding-bottom: 80px;
      margin-top: 80px;
    }
  }

  @media print {
    .p-ir {
      padding-top: 80px;
      padding-bottom: 80px;
      margin-top: 80px;
    }
  }

  @media screen and (min-width: 1440px) {
    .p-ir {
      padding-top: 80px;
      padding-bottom: 80px;
      margin-top: 80px;
    }
  }


  @media screen and (max-width: 767px) {

    .p-release,
    .p-info,
    .p-ir {
      padding-top: calc(50 * var(--mc--quantity--of-design--horizontal));
      padding-left: var(--mc-layout--offset--of-outer-left);
      padding-right: var(--mc-layout--offset--of-outer-right);
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {

    .p-release,
    .p-info,
    .p-ir {
      padding-top: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {

    .p-release,
    .p-info,
    .p-ir {
      padding-top: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media print {

    .p-release,
    .p-info,
    .p-ir {
      padding-top: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }

  @media screen and (min-width: 1440px) {

    .p-release,
    .p-info,
    .p-ir {
      padding-top: 80px;
      padding-left: calc(var(--mc-layout--offset--of-outer-left) + var(--mc-layout--offset--of-inner-left));
      padding-right: calc(var(--mc-layout--offset--of-outer-right) + var(--mc-layout--offset--of-inner-right));
    }
  }


  @media screen and (max-width: 767px) {

    .p-release__list1,
    .p-info__list1,
    .p-ir__list1 {
      margin-top: -4.2666666667vw;
    }
  }


  @media screen and (max-width: 767px) {

    .p-release__btn1,
    .p-info__btn1,
    .p-ir__btn1 {
      margin-top: calc(30 * var(--mc--quantity--of-design--horizontal));
    }
  }


  @media screen and (min-width: 768px) and (max-width: 1199px) {

    .p-release__btn1,
    .p-info__btn1,
    .p-ir__btn1 {
      margin-top: 60px;
    }
  }


  @media screen and (min-width: 1200px) and (max-width: 1439px) {

    .p-release__btn1,
    .p-info__btn1,
    .p-ir__btn1 {
      margin-top: 60px;
    }
  }

  @media print {

    .p-release__btn1,
    .p-info__btn1,
    .p-ir__btn1 {
      margin-top: 60px;
    }
  }

  @media screen and (min-width: 1440px) {

    .p-release__btn1,
    .p-info__btn1,
    .p-ir__btn1 {
      margin-top: 60px;
    }
  }

}