.mainArea .mainArea_primarySection_heading {
  font-size: clamp(2.3rem, calc(23px + (9 * max(0px, ((100dvw - 384px) / (384))))), 3.2rem);
  letter-spacing: .1em;
  font-weight: 700;
}
.mainArea .mainBannerArea {
  background-color: #F0F8FC;
  padding: clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (1200))))), 24px) 0 43px;
}
@media screen and (max-width: 768px) {
  .mainArea .mainBannerArea {
    padding: clamp(0px, calc(0px + (28 * max(0px, ((100dvw - 0px) / (768))))), 28px) 0 43px;
  }
}
.mainArea .mainBannerArea a {
  display: block;
  margin: clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (1200))))), 12px);
  width: clamp(0px, calc(0px + (1024 * max(0px, ((100dvw - 0px) / (1200))))), 1024px);
  height: clamp(0px, calc(0px + (480 * max(0px, ((100dvw - 0px) / (1200))))), 480px);
}
@media screen and (max-width: 768px) {
  .mainArea .mainBannerArea a {
    margin: clamp(0px, calc(0px + (6 * max(0px, ((100dvw - 0px) / (768))))), 6px) clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px) clamp(0px, calc(0px + (12 * max(0px, ((100dvw - 0px) / (768))))), 12px);
    width: clamp(0px, calc(0px + (708 * max(0px, ((100dvw - 0px) / (768))))), 708px);
    height: clamp(0px, calc(0px + (388 * max(0px, ((100dvw - 0px) / (768))))), 388px);
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .mainBannerArea a:hover img {
    transform: scale(1.015);
  }
}
.mainArea .mainBannerArea .l-picture source, .mainArea .mainBannerArea .l-picture img {
  width: 100%;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  overflow: hidden;
  box-shadow: 0 0 clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (768))))), 10px) 0 rgba(0, 0, 0, 0.25);
  transition: transform 400ms;
}
@media screen and (max-width: 768px) {
  .mainArea .mainBannerArea .l-picture source, .mainArea .mainBannerArea .l-picture img {
    box-shadow: none;
    border-radius: 0;
  }
}
.mainArea .infoArea {
  text-align: left;
  margin: 0 auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .infoArea {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    padding: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px) 0 clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .infoArea {
    width: clamp(0px, calc(0px + (800 * max(0px, ((100dvw - 0px) / (960))))), 800px);
    padding: clamp(0px, calc(0px + (58 * max(0px, ((100dvw - 0px) / (960))))), 58px) 0 clamp(0px, calc(0px + (78 * max(0px, ((100dvw - 0px) / (960))))), 78px);
  }
}
.mainArea .infoArea > .l-grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: clamp(20px, calc(20px + (20 * max(0px, ((100dvw - 384px) / (384))))), 40px);
}
.mainArea .infoArea .infoArea_heading .l-button {
  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;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .infoArea .infoArea_heading .l-button: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 .infoArea_heading .l-button .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 .infoArea_heading .l-button.is-active {
  color: #0054B6;
  cursor: default;
  pointer-events: none;
}
.mainArea .infoArea .infoArea_heading .l-button.is-active .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_heading-important {
  grid-column: 1;
  grid-row: 1;
}
.mainArea .infoArea .infoArea_heading-important .l-button {
  position: relative;
}
.mainArea .infoArea .infoArea_heading-important .l-button::before {
  content: '';
  display: block;
  width: 1.6em;
  height: 1.6em;
  background-color: currentColor;
  mask: url("../common/images/icon-important.svg") no-repeat center;
  -webkit-mask: url("../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 .infoArea_heading-important .l-button .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 .infoArea_heading-news {
  grid-column: 2;
  grid-row: 1;
}
.mainArea .infoArea .infoArea_heading-news .l-button .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-contents {
  margin-top: clamp(20px, calc(20px + (20 * max(0px, ((100dvw - 384px) / (384))))), 40px);
  display: none;
}
.mainArea .infoArea .l-contents.is-visible {
  display: block;
}
.mainArea .infoArea .l-contents-important {
  grid-column: 1 / 3;
  grid-row: 2;
}
.mainArea .infoArea .l-contents-news {
  grid-column: 1 / 3;
  grid-row: 3;
}
.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;
  margin-top: .8em;
}
.mainArea .infoArea .infoArea_list li:first-child {
  margin-top: 0;
}
.mainArea .infoArea .infoArea_list li a {
  color: #000;
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  padding-right: 2em;
  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("../common/images/icon-link-extarnal.svg") no-repeat center;
  -webkit-mask: url("../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("../common/images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("../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("../common/images/icon-link-pdf.svg") no-repeat center;
  -webkit-mask: url("../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 {
  hyphens: auto;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
  }
}
.mainArea .infoArea .l-link {
  text-align: right;
}
.mainArea .infoArea .l-link .infoArea_linkAll {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.6;
  letter-spacing: .1em;
  margin: 1.8em 0 0 auto;
  display: inline-block;
  color: #0054B6;
  text-decoration: none;
  font-weight: 700;
  position: relative;
  padding-right: 2em;
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .infoArea .l-link .infoArea_linkAll 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 .l-link .infoArea_linkAll:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .infoArea .l-link .infoArea_linkAll::after {
  content: "";
  display: block;
  background-color: currentColor;
  mask: url("../common/images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("../common/images/icon-link-internal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 1199.98px) {
  .mainArea .infoArea .l-link .infoArea_linkAll::after {
    width: 1.6em;
    height: 1.6em;
  }
}
@media print, screen and (min-width: 1200px) {
  .mainArea .infoArea .l-link .infoArea_linkAll::after {
    width: 1.4em;
    height: 1.4em;
  }
}
.mainArea .aboutKeioPointArea {
  border-top: .1rem solid #DDDDDD;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioPointArea {
    padding: clamp(0px, calc(0px + (74 * max(0px, ((100dvw - 0px) / (768))))), 74px) 0 clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioPointArea {
    padding: clamp(0px, calc(0px + (74 * max(0px, ((100dvw - 0px) / (960))))), 74px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px) clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (960))))), 88px);
  }
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_copy {
  font-weight: 700;
  font-size: clamp(1.6rem, calc(16px + (8 * max(0px, ((100dvw - 384px) / (384))))), 2.4rem);
  line-height: 1.6;
  letter-spacing: .1em;
  margin-top: 2em;
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_copy img {
  width: 3.25em;
  margin-bottom: .2em;
  vertical-align: middle;
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list {
  width: clamp(0px, calc(0px + (1140 * max(0px, ((100dvw - 0px) / (1200))))), 1140px);
  margin: clamp(30px, calc(30px + (12 * max(0px, ((100dvw - 384px) / (576))))), 42px) auto 0;
  display: grid;
  grid-auto-rows: 1fr;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioPointArea .aboutKeioPointArea_list {
    gap: clamp(0px, calc(0px + (27 * max(0px, ((100dvw - 0px) / (768))))), 27px);
    flex-wrap: wrap;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioPointArea .aboutKeioPointArea_list {
    justify-content: space-between;
    grid-template-columns: repeat(4, auto);
    gap: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (1200))))), 25px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioPointArea .aboutKeioPointArea_list li {
    width: clamp(0px, calc(0px + (336 * max(0px, ((100dvw - 0px) / (768))))), 336px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioPointArea .aboutKeioPointArea_list li {
    width: clamp(0px, calc(0px + (266 * max(0px, ((100dvw - 0px) / (1200))))), 266px);
  }
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-link {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (816))))), 1.6rem);
  color: #000;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  text-decoration: none;
  background-color: #F0F8FC;
  background-repeat: no-repeat;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: background-color 400ms;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-link {
    background-position: 50% clamp(0px, calc(0px + (22 * max(0px, ((100dvw - 0px) / (768))))), 22px);
    background-size: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (768))))), 110px);
    padding: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (768))))), 150px) clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 320px) / (448))))), 24px) clamp(0px, calc(0px + (24 * max(0px, ((100dvw - 0px) / (768))))), 24px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-link {
    background-position: 50% clamp(0px, calc(0px + (23 * max(0px, ((100dvw - 0px) / (1200))))), 23px);
    background-size: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (1200))))), 100px);
    padding: clamp(0px, calc(0px + (136 * max(0px, ((100dvw - 0px) / (1200))))), 136px) clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (1200))))), 10px) clamp(0px, calc(0px + (18 * max(0px, ((100dvw - 0px) / (1200))))), 18px);
  }
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-link:hover {
    background-color: #E5F2FC;
    transition: background-color 400ms;
  }
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-link 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 .aboutKeioPointArea .aboutKeioPointArea_list .l-link:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-link .l-link-icon {
  width: 100%;
  position: relative;
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-link .l-link-icon::after {
  position: absolute;
  content: "";
  width: 2em;
  height: 2em;
  display: block;
  background-color: #0054B6;
  mask: url("../common/images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("../common/images/icon-link-internal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-save {
  background-image: url("../images/icon-aboutKeioPointArea_save.svg");
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-use {
  background-image: url("../images/icon-aboutKeioPointArea_use.svg");
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-point {
  background-image: url("../images/icon-aboutKeioPointArea_aboutCreditPoint.svg");
}
.mainArea .aboutKeioPointArea .aboutKeioPointArea_list .l-shop {
  background-image: url("../images/icon-aboutKeioPointArea_pointTaishouten.svg");
}
.mainArea .memberServiceArea {
  border-top: .1rem solid #DDDDDD;
}
@media screen and (max-width: 960.98px) {
  .mainArea .memberServiceArea {
    padding: clamp(0px, calc(0px + (74 * max(0px, ((100dvw - 0px) / (768))))), 74px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (768))))), 88px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberServiceArea {
    padding: clamp(0px, calc(0px + (74 * max(0px, ((100dvw - 0px) / (960))))), 74px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px) clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (960))))), 88px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .memberServiceArea .memberServiceArea_list {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
    margin: clamp(30px, calc(30px + (36 * max(0px, ((100dvw - 384px) / (384))))), 66px) auto 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberServiceArea .memberServiceArea_list {
    width: clamp(0px, calc(0px + (800 * max(0px, ((100dvw - 0px) / (960))))), 800px);
    margin: clamp(30px, calc(30px + (36 * max(0px, ((100dvw - 384px) / (576))))), 66px) auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.mainArea .memberServiceArea .memberServiceArea_list li {
  border-bottom: .1rem solid #999;
  display: flex;
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberServiceArea .memberServiceArea_list li {
    width: clamp(0px, calc(0px + (360 * max(0px, ((100dvw - 0px) / (960))))), 360px);
  }
}
.mainArea .memberServiceArea .memberServiceArea_list .l-link {
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (576))))), 1.6rem);
  color: #000;
  text-align: left;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  text-decoration: none;
  background-position: 0 40%;
  background-repeat: no-repeat;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  transition: background-color 400ms;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .memberServiceArea .memberServiceArea_list .l-link {
    padding: 0 0 0 clamp(0px, calc(0px + (260 * max(0px, ((100dvw - 0px) / (768))))), 260px);
    height: clamp(0px, calc(0px + (136 * max(0px, ((100dvw - 0px) / (768))))), 136px);
    background-size: clamp(0px, calc(0px + (180 * max(0px, ((100dvw - 0px) / (768))))), 180px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .memberServiceArea .memberServiceArea_list .l-link {
    padding: 0 0 0 clamp(0px, calc(0px + (170 * max(0px, ((100dvw - 0px) / (960))))), 170px);
    height: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (960))))), 110px);
    background-size: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (960))))), 150px);
  }
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .memberServiceArea .memberServiceArea_list .l-link 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 .memberServiceArea .memberServiceArea_list .l-link:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.mainArea .memberServiceArea .memberServiceArea_list .l-link .l-link-icon {
  width: 100%;
  position: relative;
}
.mainArea .memberServiceArea .memberServiceArea_list .l-link .l-link-icon::after {
  position: absolute;
  content: "";
  width: 2em;
  height: 2em;
  display: block;
  background-color: #0054B6;
  mask: url("../common/images/icon-link-internal.svg") no-repeat center;
  -webkit-mask: url("../common/images/icon-link-internal.svg") no-repeat center;
  mask-size: contain;
  -webkit-mask-size: contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.mainArea .memberServiceArea .memberServiceArea_list .l-paspas {
  background-image: url("../images/icon-memberServiceArea_paspasPointService.svg");
}
.mainArea .memberServiceArea .memberServiceArea_list .l-ticket-less {
  background-image: url("../images/icon-memberServiceArea_ticketlessService.svg");
}
.mainArea .memberServiceArea .memberServiceArea_list .l-yutai {
  background-image: url("../images/icon-memberServiceArea_yutaiService.svg");
}
.mainArea .memberServiceArea .memberServiceArea_list .l-pasmo {
  background-image: url("../images/icon-memberServiceArea_pasmoAutoCharge.svg");
}
.mainArea .memberServiceArea .memberServiceArea_list .l-digital-card {
  background-image: url("../images/icon-memberServiceArea_digitalMembershipCard.svg");
}
.mainArea .memberServiceArea .memberServiceArea_list .l-exchange-point {
  background-image: url("../images/icon-memberServiceArea_exchangePoint.svg");
}
.mainArea .memberServiceArea .memberServiceArea_list .l-exchange-item {
  background-image: url("../images/icon-memberServiceArea_exchangeItem.svg");
}
.mainArea .memberServiceArea .memberServiceArea_list .l-visa-cluboff {
  background-image: url("../images/icon-memberServiceArea_visaClubOff.svg");
}
.mainArea .memberServiceArea .memberServiceArea_linkAll {
  width: clamp(260px, calc(260px + (100 * max(0px, ((100dvw - 384px) / (576))))), 360px);
  margin: clamp(40px, calc(40px + (30 * max(0px, ((100dvw - 384px) / (576))))), 70px) auto 0;
}

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