@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea {
    padding-block: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea {
    padding-block: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
  }
}
.mainArea .exchangeArea .exchangeArea_list {
  border-top: 1px solid #000;
}
.mainArea .exchangeArea .exchangeArea_list > li {
  display: grid;
  border-bottom: 1px solid #000;
  line-height: 1.375;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list > li {
    grid-template-columns: clamp(0px, calc(0px + (270 * max(0px, ((100dvw - 0px) / (768))))), 270px) 1fr;
    grid-template-areas: "icon content" "icon action";
    padding-block: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
    row-gap: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list > li {
    grid-template-areas: "icon content action";
    padding-block: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
  }
}
@media screen and (min-width: 961px) and (max-width: 1199.98px) {
  .mainArea .exchangeArea .exchangeArea_list > li {
    grid-template-columns: clamp(0px, calc(0px + (180 * max(0px, ((100dvw - 0px) / (960))))), 180px) 1fr clamp(0px, calc(0px + (220 * max(0px, ((100dvw - 0px) / (960))))), 220px);
    column-gap: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
  }
}
@media print, screen and (min-width: 1200px) {
  .mainArea .exchangeArea .exchangeArea_list > li {
    grid-template-columns: clamp(0px, calc(0px + (254 * max(0px, ((100dvw - 0px) / (960))))), 254px) 1fr clamp(0px, calc(0px + (263 * max(0px, ((100dvw - 0px) / (960))))), 263px);
    column-gap: clamp(0px, calc(0px + (68 * max(0px, ((100dvw - 0px) / (960))))), 68px);
    padding-right: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (960))))), 30px);
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-content {
  grid-area: content;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content {
    padding-inline: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content {
    align-self: center;
    padding-block: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-content .l-caption {
  text-align: left;
}
.mainArea .exchangeArea .exchangeArea_list .l-content .l-point {
  color: #0054B6;
  font-weight: 700;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point {
    font-size: clamp(0px, calc(0px + (26 * max(0px, ((100dvw - 0px) / (768))))), 2.6rem);
    margin-top: clamp(0px, calc(0px + (40 * max(0px, ((100dvw - 0px) / (768))))), 40px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point {
    font-size: clamp(0px, calc(0px + (16 * max(0px, ((100dvw - 0px) / (960))))), 1.6rem);
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (960))))), 20px);
    justify-content: center;
    align-items: center;
    margin-block: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (960))))), 15px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-partner {
    display: grid;
    grid-template-columns: repeat(3, auto);
    justify-content: center;
    align-items: center;
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-partner .l-value {
  font-size: 1.2307692308em;
}
.mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-partner::after {
  content: "";
  background-color: #0054B6;
  aspect-ratio: 1;
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-partner::after {
    width: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (768))))), 25px);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    margin: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px) auto;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-partner::after {
    width: clamp(0px, calc(0px + (21 * max(0px, ((100dvw - 0px) / (960))))), 21px);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    margin-left: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (960))))), 15px);
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-keio {
  display: grid;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-keio {
    grid-template-columns: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (768))))), 106px) auto;
    column-gap: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (768))))), 15px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-keio {
    grid-template-columns: clamp(0px, calc(0px + (106 * max(0px, ((100dvw - 0px) / (960))))), 106px) auto;
    column-gap: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (960))))), 15px);
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-keio img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-keio .l-value span {
    font-size: 1.2307692308em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-point .l-keio .l-value span {
    font-size: 1.625em;
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-content .l-note {
  text-align: left;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-content .l-note {
    margin-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-action {
  grid-area: action;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-action {
    padding-inline: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-action {
    align-self: center;
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-button {
  width: 100%;
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-button-link-pdf {
  width: 100%;
  padding: 1.4em 3em;
  display: inline-block;
  box-sizing: border-box;
  background-color: #999;
  text-decoration: none;
  color: #FFF;
  font-size: clamp(1.3rem, calc(13px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.6rem);
  line-height: 1.375;
  letter-spacing: 0.1em;
  border-radius: clamp(0.4rem, calc(4px + (4 * max(0px, ((100dvw - 384px) / (384))))), 0.8rem);
  position: relative;
  transition: background-color 400ms;
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-button-link-pdf::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  display: block;
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-button-link-pdf::after {
  background-color: currentColor;
  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;
  width: 1.4em;
  height: 1.4em;
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-note {
  text-align: left;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-action .l-note {
    margin-top: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (768))))), 20px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-action .l-note {
    margin-top: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
  }
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-caption {
  text-align: left;
  margin-bottom: 1em;
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-text {
  text-align: left;
}
.mainArea .exchangeArea .exchangeArea_list .l-action .l-text a {
  color: inherit;
}
.mainArea .exchangeArea .exchangeArea_list .l-icon {
  grid-area: icon;
  display: grid;
  place-items: center;
  border-right: 1px solid #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .exchangeArea .exchangeArea_list .l-icon img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .exchangeArea .exchangeArea_list .l-icon img {
    width: 79%;
  }
}

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