@media screen and (max-width: 960.98px) {
  .mainArea .companySiteinfo {
    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 .companySiteinfo {
    padding-block: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (960))))), 40px) clamp(0px, calc(0px + (95 * max(0px, ((100dvw - 0px) / (960))))), 95px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .companySiteinfo .l-text {
    text-align: left;
  }
}
.mainArea .companySiteinfo .l-list {
  display: grid;
  margin-top: 5em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .companySiteinfo .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 .companySiteinfo .l-list {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
  }
}
.mainArea .companySiteinfo .l-list li {
  display: grid;
}
.mainArea .companySiteinfo .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 .companySiteinfo .l-list li a {
    row-gap: .5em;
    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 .companySiteinfo .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 .companySiteinfo .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 .companySiteinfo .l-list li a:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .companySiteinfo .l-list li a img {
  margin-inline: auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .companySiteinfo .l-list li a img {
    width: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (768))))), 160px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .companySiteinfo .l-list li a img {
    width: clamp(0px, calc(0px + (120 * max(0px, ((100dvw - 0px) / (1140))))), 120px);
  }
}
.mainArea .companySiteinfo .l-list li a > span {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
  column-gap: .25em;
}
.mainArea .companySiteinfo .l-list li a > span::before, .mainArea .companySiteinfo .l-list li a > span::after {
  content: "";
}
.mainArea .companySiteinfo .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 .companySiteinfo .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 .companySiteinfo .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=index.css.map */