@media screen and (max-width: 960.98px) {
  .mainArea .memberMenu {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px) clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberMenu {
    padding-block: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px) clamp(0px, calc(0px + (95 * max(0px, ((100dvw - 0px) / (960))))), 95px);
  }
}
.mainArea .memberMenu .l-list {
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .memberMenu .l-list {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberMenu .l-list {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
  }
}
.mainArea .memberMenu .l-list li {
  display: grid;
}
.mainArea .memberMenu .l-list li a {
  color: inherit;
  text-decoration: none;
  background-color: #F0F8FC;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-content: center;
  box-sizing: border-box;
}
@media screen and (max-width: 960.98px) {
  .mainArea .memberMenu .l-list li a {
    row-gap: .2em;
    border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (768))))), 8px);
    padding: 1.25em 1.5em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberMenu .l-list li a {
    row-gap: .8em;
    border-radius: clamp(0px, calc(0px + (8 * max(0px, ((100dvw - 0px) / (960))))), 8px);
    padding: 3.5em 2em;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .memberMenu .l-list li a span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .mainArea .memberMenu .l-list li a:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .memberMenu .l-list li a img {
  margin-inline: auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .memberMenu .l-list li a img {
    width: clamp(0px, calc(0px + (180 * max(0px, ((100dvw - 0px) / (768))))), 180px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberMenu .l-list li a img {
    width: clamp(0px, calc(0px + (151 * max(0px, ((100dvw - 0px) / (1140))))), 151px);
  }
}
.mainArea .memberMenu .l-list li a > span {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
  column-gap: .25em;
}
.mainArea .memberMenu .l-list li a > span::before, .mainArea .memberMenu .l-list li a > span::after {
  content: "";
}
.mainArea .memberMenu .l-list li a > span::after {
  justify-self: end;
  aspect-ratio: 1;
  border-color: #0054B6;
  border-style: solid;
  rotate: 45deg;
}
@media screen and (max-width: 960.98px) {
  .mainArea .memberMenu .l-list li a > span::after {
    width: clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (768))))), 12px);
    border-width: .15em .15em 0 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberMenu .l-list li a > span::after {
    width: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
    border-width: clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (1140))))), 3px) clamp(0px, calc(0px + (3 * max(0px, ((100dvw - 0px) / (1140))))), 3px) 0 0;
  }
}

/*# sourceMappingURL=menu.css.map */