@charset "UTF-8";
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea {
    padding-block: clamp(0px, calc(0px + (41 * max(0px, ((100dvw - 0px) / (768))))), 41px) clamp(0px, calc(0px + (126 * max(0px, ((100dvw - 0px) / (768))))), 126px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea {
    padding-block: clamp(0px, calc(0px + (37 * max(0px, ((100dvw - 0px) / (960))))), 37px) clamp(0px, calc(0px + (96 * max(0px, ((100dvw - 0px) / (960))))), 96px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-text {
    text-align: left;
  }
}
.mainArea .aboutKeioAppArea .l-app {
  display: inline-grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-app {
    margin-top: clamp(0px, calc(0px + (111 * max(0px, ((100dvw - 0px) / (768))))), 111px);
    grid-template-rows: repeat(2, auto);
    grid-row-gap: clamp(0px, calc(0px + (96 * max(0px, ((100dvw - 0px) / (768))))), 96px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-app {
    margin-top: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (960))))), 48px);
    grid-template-columns: clamp(0px, calc(0px + (163 * max(0px, ((100dvw - 0px) / (960))))), 163px) auto;
    grid-column-gap: clamp(0px, calc(0px + (26 * max(0px, ((100dvw - 0px) / (960))))), 26px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-app .l-icon img {
    width: clamp(0px, calc(0px + (258 * max(0px, ((100dvw - 0px) / (768))))), 258px);
  }
}
.mainArea .aboutKeioAppArea .l-app .l-icon .l-appName {
  color: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-app .l-icon .l-appName {
    margin-top: clamp(0px, calc(0px + (14 * max(0px, ((100dvw - 0px) / (768))))), 14px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-app .l-icon .l-appName {
    margin-top: clamp(0px, calc(0px + (9 * max(0px, ((100dvw - 0px) / (960))))), 9px);
  }
}
.mainArea .aboutKeioAppArea .l-app .l-content dt {
  color: #0054B6;
  font-weight: 700;
  letter-spacing: .1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-app .l-content dt {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-app .l-content dt {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
    text-align: left;
    line-height: 1.38462;
  }
}
.mainArea .aboutKeioAppArea .l-app .l-content dd {
  text-align: left;
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-app .l-content dd {
    margin-top: clamp(0px, calc(0px + (26 * max(0px, ((100dvw - 0px) / (768))))), 26px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-app .l-content dd {
    margin-top: clamp(0px, calc(0px + (9 * max(0px, ((100dvw - 0px) / (960))))), 9px);
    grid-row-gap: .6em;
  }
}
.mainArea .aboutKeioAppArea .l-app .l-content dd .l-menuItem {
  font-weight: 700;
  letter-spacing: .1em;
  padding-left: 1em;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-app .l-content dd .l-menuItem {
    font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
    line-height: 1.375;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-app .l-content dd .l-menuItem {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
    line-height: 1.3;
  }
}
.mainArea .aboutKeioAppArea .l-app .l-content dd .l-menuItem::before {
  content: "・";
  position: absolute;
  left: 0;
}
.mainArea .aboutKeioAppArea .l-app .l-content dd .l-menuItem .l-small {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  letter-spacing: .1em;
  font-weight: 400;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-download {
    margin-top: clamp(0px, calc(0px + (107 * max(0px, ((100dvw - 0px) / (768))))), 107px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-download {
    margin-top: clamp(0px, calc(0px + (68 * max(0px, ((100dvw - 0px) / (960))))), 68px);
  }
}
.mainArea .aboutKeioAppArea .l-download dt {
  color: #fff;
  background: #0054B6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-download dt {
    margin-top: clamp(0px, calc(0px + (48 * max(0px, ((100dvw - 0px) / (768))))), 48px);
    padding: clamp(0px, calc(0px + (14 * max(0px, ((100dvw - 0px) / (768))))), 14px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-download dt {
    margin-top: clamp(0px, calc(0px + (63 * max(0px, ((100dvw - 0px) / (960))))), 63px);
    padding: clamp(0px, calc(0px + (4 * max(0px, ((100dvw - 0px) / (960))))), 4px);
  }
}
.mainArea .aboutKeioAppArea .l-download dd .l-list {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-download dd .l-list {
    grid-column-gap: clamp(0px, calc(0px + (33 * max(0px, ((100dvw - 0px) / (768))))), 33px);
    margin-top: clamp(0px, calc(0px + (53 * max(0px, ((100dvw - 0px) / (768))))), 53px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-download dd .l-list {
    grid-column-gap: clamp(0px, calc(0px + (21 * max(0px, ((100dvw - 0px) / (960))))), 21px);
    margin-top: clamp(0px, calc(0px + (37 * max(0px, ((100dvw - 0px) / (960))))), 37px);
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .aboutKeioAppArea .l-download dd .l-list li a:hover {
    opacity: .7;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-download dd .l-list li a img {
    height: clamp(0px, calc(0px + (98 * max(0px, ((100dvw - 0px) / (768))))), 98px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-download dd .l-list li a img {
    height: clamp(0px, calc(0px + (64 * max(0px, ((100dvw - 0px) / (960))))), 64px);
  }
}
.mainArea .aboutKeioAppArea .l-download dd .l-note {
  text-align: justify;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-download dd .l-note {
    margin-top: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (768))))), 58px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-download dd .l-note {
    margin-top: clamp(0px, calc(0px + (43 * max(0px, ((100dvw - 0px) / (960))))), 43px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-footer {
    margin-top: clamp(0px, calc(0px + (86 * max(0px, ((100dvw - 0px) / (768))))), 86px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-footer {
    margin-top: clamp(0px, calc(0px + (74 * max(0px, ((100dvw - 0px) / (960))))), 74px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioAppArea .l-footer .l-button {
    min-width: clamp(0px, calc(0px + (500 * max(0px, ((100dvw - 0px) / (768))))), 500px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioAppArea .l-footer .l-button {
    min-width: clamp(0px, calc(0px + (350 * max(0px, ((100dvw - 0px) / (960))))), 350px);
  }
}

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