.mainArea .infoArea {
  text-align: left;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (768))))), 80px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
}
.mainArea .infoArea .l-tab {
  display: flex;
  column-gap: clamp(20px, calc(20px + (20 * max(0px, ((100dvw - 384px) / (384))))), 40px);
}
.mainArea .infoArea .l-tab .l-tab-item {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  font-weight: 700;
  color: #000;
  letter-spacing: .1em;
  box-sizing: border-box;
  background-color: transparent;
  border: none;
  display: block;
  position: relative;
}
.mainArea .infoArea .l-tab .l-tab-item .l-line {
  background: linear-gradient(#0054B6, #0054B6) 50% 100%/0 clamp(2px, calc(2px + (1 * max(0px, ((100dvw - 384px) / (384))))), 3px) no-repeat, linear-gradient(#DBDBDB, #DBDBDB) 50% 100%/100% clamp(2px, calc(2px + (1 * max(0px, ((100dvw - 384px) / (384))))), 3px) no-repeat;
  transition: color 400ms, background 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
.mainArea .infoArea .l-tab .l-tab-item.l-important::before {
  content: '';
  display: block;
  width: 1.6em;
  height: 1.6em;
  background-color: currentColor;
  mask: url("/assets/common/images/icon-important.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-important.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  position: absolute;
  bottom: -.2em;
  left: clamp(0.6em, calc(6px + (6 * max(0px, ((100dvw - 384px) / (384))))), 1.2em);
}
.mainArea .infoArea .l-tab .l-tab-item.l-important .l-line {
  padding: 0 clamp(0.8em, calc(8px + (8 * max(0px, ((100dvw - 384px) / (384))))), 1.6em) clamp(0.8em, calc(8px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.2em) clamp(2.8em, calc(28px + (12 * max(0px, ((100dvw - 384px) / (384))))), 4em);
}
.mainArea .infoArea .l-tab .l-tab-item.l-news .l-line {
  padding: 0 clamp(0.8em, calc(8px + (8 * max(0px, ((100dvw - 384px) / (384))))), 1.6em) clamp(0.8em, calc(8px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.2em);
}
.mainArea .infoArea .l-tab a.l-tab-item {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .infoArea .l-tab a.l-tab-item:hover .l-line {
    background: linear-gradient(#0054B6, #0054B6) 50% 100%/100% clamp(2px, calc(2px + (1 * max(0px, ((100dvw - 384px) / (384))))), 3px) no-repeat, linear-gradient(#DBDBDB, #DBDBDB) 50% 100%/100% clamp(2px, calc(2px + (1 * max(0px, ((100dvw - 384px) / (384))))), 3px) no-repeat;
  }
}
.mainArea .infoArea .l-tab span.l-tab-item {
  color: #0054B6;
}
.mainArea .infoArea .l-tab span.l-tab-item .l-line {
  background: linear-gradient(currentColor, currentColor) 50% 100%/100% clamp(2px, calc(2px + (1 * max(0px, ((100dvw - 384px) / (384))))), 3px) no-repeat;
}
.mainArea .infoArea .infoArea_list {
  margin-top: clamp(20px, calc(20px + (20 * max(0px, ((100dvw - 384px) / (384))))), 40px);
}
.mainArea .infoArea .infoArea_list li {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.6;
  letter-spacing: .1em;
  text-align: left;
  border-bottom: 1px solid #CCC;
}
.mainArea .infoArea .infoArea_list li:first-child {
  margin-top: 0;
}
.mainArea .infoArea .infoArea_list li a {
  color: #000;
  text-decoration: none;
  width: 100%;
  display: block;
  box-sizing: border-box;
  position: relative;
  padding: 1.8em 2em 1.8em 0;
  column-gap: 1em;
}
@media screen and (max-width: 480.98px) {
  .mainArea .infoArea .infoArea_list li a {
    display: grid;
    grid-template-columns: auto 1fr;
  }
}
@media print, screen and (min-width: 481px) {
  .mainArea .infoArea .infoArea_list li a {
    display: flex;
    align-items: center;
  }
}
.mainArea .infoArea .infoArea_list li a::after {
  content: "";
  display: block;
  background-color: currentColor;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1199.98px) {
  .mainArea .infoArea .infoArea_list li a::after {
    width: 1.6em;
    height: 1.6em;
  }
}
@media print, screen and (min-width: 1200px) {
  .mainArea .infoArea .infoArea_list li a::after {
    width: 1.4em;
    height: 1.4em;
  }
}
@media screen and (max-width: 480.98px) {
  .mainArea .infoArea .infoArea_list li a::after {
    bottom: .1em;
  }
}
@media print, screen and (min-width: 481px) {
  .mainArea .infoArea .infoArea_list li a::after {
    top: 50%;
    transform: translateY(-50%);
  }
}
.mainArea .infoArea .infoArea_list li a[href^="http"]:not([href^="https://www.keio-passport.co.jp/"])::after {
  mask: url("/assets/common/images/icon-link-extarnal.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-link-extarnal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.mainArea .infoArea .infoArea_list li a:not([href^="http"])::after, .mainArea .infoArea .infoArea_list li a[href^="https://www.keio-passport.co.jp/"]::after {
  mask: url("/assets/common/images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-link-internal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
.mainArea .infoArea .infoArea_list li a[href$=".pdf"][href][href]::after, .mainArea .infoArea .infoArea_list li a[href*=".pdf?"][href][href]::after, .mainArea .infoArea .infoArea_list li a[href*=".pdf#"][href][href]::after {
  mask: url("/assets/common/images/icon-link-pdf.svg") no-repeat center;
  -webkit-mask: url("/assets/common/images/icon-link-pdf.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .infoArea .infoArea_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 .infoArea .infoArea_list li a:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .infoArea .infoArea_list li a .infoArea_date {
  align-self: flex-start;
  white-space: nowrap;
}
@media screen and (max-width: 480.98px) {
  .mainArea .infoArea .infoArea_list li a .infoArea_date {
    grid-column: 1 / 3;
    grid-row: 1;
  }
}
@media print, screen and (min-width: 481px) {
  .mainArea .infoArea .infoArea_list li a .infoArea_date {
    padding-right: 1em;
  }
}
.mainArea .infoArea .infoArea_list li a .infoArea_title {
  position: relative;
}
@media screen and (max-width: 480.98px) {
  .mainArea .infoArea .infoArea_list li a .infoArea_title {
    grid-column: 1;
    grid-row: 2;
  }
}
.mainArea .infoArea .infoArea_list li a .l-new {
  width: 3em;
}
@media screen and (max-width: 480.98px) {
  .mainArea .infoArea .infoArea_list li a .l-new {
    grid-column: 2;
    grid-row: 2;
  }
}

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