@charset "UTF-8";
.list_anchors_wrap {
    margin: min(calc(50 * var(--sp-unit)), 50px) 0;
}
.list_anchors_wrap .inner_md {
    max-width: 1000px;
}
.anchor_navigation_toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.anchor_navigation_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.anchor_navigation_list li a,
.anchor_navigation_list li button {
    position: relative;
    font-size: min(calc(24 * var(--tablet-unit)), 24px);
    font-weight: 700;
    /* font-style: italic; */
    color: var(--color-theme);
    line-height: 1.5;
    padding-left: 1.333em;
    background: transparent;
}

.anchor_navigation_list li a::before,
.anchor_navigation_list li button::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.66em;
    width: 1em;
    height: 0.125em;
    background-color: var(--color-theme);
}

@media only screen and (min-width: 768px) {
  .anchor_navigation_toggle,
  .anchor_navigation_trigger {
      display: none;
  }

  .anchor_navigation_list {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(100%, 20em), 1fr));
      gap: 0.83em 2.5em;
  }
}

/*For SP*/
@media only screen and (max-width: 767px) {
    .anchor_navigation {
        position: relative;
    }

    .anchor_navigation_trigger {
        display: block;
        cursor: pointer;
    }

    .anchor_navigation_list {
        display: none;
    }

    .anchor_navigation_list li a,
    .anchor_navigation_list li button {
        font-size: min(calc(24px * var(--sp-min-scale)), calc(24 * var(--sp-unit)));
    }

    .anchor_navigation_toggle:checked ~ .anchor_navigation_list {
        display: block;
    }

    .anchor_navigation_list {
        display: none;
        border: 1px solid var(--color-light-gray);
        border-top: 0;
    }
    .anchor_navigation_list li {
        padding: calc(12 * var(--sp-unit)) calc(20 * var(--sp-unit));
        border-bottom: 1px solid var(--color-light-gray);
    }
    .anchor_navigation_list li:last-child {
        border-bottom: 0;
    }
    .anchor_navigation_trigger {
        opacity: 0.7;
        width: 100%;
        border: 1px solid var(--color-light-gray);
        padding: calc(12 * var(--sp-unit)) calc(20 * var(--sp-unit));
        background: transparent;
        position: relative;
        font-size: min(calc(24px * var(--sp-min-scale)), calc(24 * var(--sp-unit)));
        font-weight: 700;
        font-style: italic;
        color: var(--color-theme);
        line-height: 1.5;
        text-align: left;
        text-indent: calc(30 * var(--sp-unit));
    }
    .anchor_navigation_toggle:checked .anchor_navigation_trigger {
      opacity: 1;
    }
    .anchor_navigation_trigger::before {
        content: "";
        position: absolute;
        left: calc(20 * var(--sp-unit));
        top: 50%;
        transform: translateY(-50%);
        width: calc(23 * var(--sp-unit));
        height: calc(3 * var(--sp-unit));
        background-color: var(--color-theme);
    }
    .anchor_navigation_trigger::after {
        content: "";
        position: absolute;
        right: calc(20 * var(--sp-unit));
        top: 50%;
        transform: translateY(-50%);
        width: calc(23 * var(--sp-unit));
        height: calc(14 * var(--sp-unit));
        background: url(/assets/images/common/icon_down_arrow.png) no-repeat right center;
        background-size: 100% auto;
    }
    .anchor_navigation_toggle:checked ~ .anchor_navigation_trigger::after {
        transform: translateY(-50%) rotate(180deg);
    }
}