@media screen and (max-width: 960.98px) {
  .mainArea .bannerArea {
    padding-top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .bannerArea {
    padding-top: clamp(0px, calc(0px + (70 * max(0px, ((100dvw - 0px) / (960))))), 70px);
  }
}
.mainArea .bannerArea ul {
  margin: 0 auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .bannerArea ul {
    width: clamp(0px, calc(0px + (700 * max(0px, ((100dvw - 0px) / (768))))), 700px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .bannerArea ul {
    width: clamp(0px, calc(0px + (945 * max(0px, ((100dvw - 0px) / (960))))), 945px);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .bannerArea ul li:not(:first-child) {
    margin-top: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .bannerArea ul li:not(:first-child) {
    margin-top: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (960))))), 35px);
  }
}
.mainArea .bannerArea ul li a {
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  body:not([data-device="touchDevice"]) .mainArea .bannerArea ul li a:hover img {
    opacity: .7;
  }
}
.mainArea .bannerArea ul li a img {
  width: 100%;
  transition: opacity 400ms;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea {
    padding-block: clamp(0px, calc(0px + (150 * max(0px, ((100dvw - 0px) / (768))))), 150px) clamp(0px, calc(0px + (96 * max(0px, ((100dvw - 0px) / (768))))), 96px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea {
    padding-block: clamp(0px, calc(0px + (160 * max(0px, ((100dvw - 0px) / (960))))), 160px) clamp(0px, calc(0px + (73 * max(0px, ((100dvw - 0px) / (960))))), 73px);
  }
}
.mainArea .vpointArea .mainArea_primarySection_heading {
  color: #0054B6;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .mainArea_primarySection_heading {
    font-size: clamp(1.6rem, calc(16px + (4 * max(0px, ((100dvw - 384px) / (384))))), 2rem);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .mainArea_primarySection_heading {
    font-size: 2rem;
  }
}
.mainArea .vpointArea .mainArea_primarySection_heading .l-pink {
  color: #E3148A;
  display: inline-block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .mainArea_primarySection_heading .l-pink {
    font-size: clamp(2.3rem, calc(23px + (3 * max(0px, ((100dvw - 384px) / (384))))), 2.6rem);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .mainArea_primarySection_heading .l-pink {
    font-size: 2.6rem;
  }
}
.mainArea .vpointArea .mainArea_primarySection_heading img {
  vertical-align: top;
  padding: .5em;
}
.mainArea .vpointArea .mainArea_primarySection_heading img + .l-pink {
  padding-top: .35em;
}
.mainArea .vpointArea .l-footer {
  display: grid;
  justify-content: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (580 * max(0px, ((100dvw - 0px) / (768))))), 580px);
    margin-top: clamp(0px, calc(0px + (51 * max(0px, ((100dvw - 0px) / (768))))), 51px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .l-footer {
    grid-template-columns: clamp(0px, calc(0px + (392 * max(0px, ((100dvw - 0px) / (960))))), 392px);
    margin-top: clamp(0px, calc(0px + (52 * max(0px, ((100dvw - 0px) / (960))))), 52px);
  }
}
.mainArea .vpointArea .l-footer .l-button {
  padding-block: .8em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_pointTitle {
    margin-top: clamp(0px, calc(0px + (86 * max(0px, ((100dvw - 0px) / (768))))), 86px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_pointTitle {
    margin-top: clamp(0px, calc(0px + (95 * max(0px, ((100dvw - 0px) / (960))))), 95px);
  }
}
.mainArea .vpointArea .vpointArea_point {
  display: grid;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  line-height: 1.375;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point {
    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);
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_point {
    grid-template-areas: "icon content action";
    padding-block: clamp(0px, calc(0px + (25 * max(0px, ((100dvw - 0px) / (960))))), 25px);
    margin-top: clamp(0px, calc(0px + (32 * max(0px, ((100dvw - 0px) / (960))))), 32px);
  }
}
@media screen and (min-width: 961px) and (max-width: 1199.98px) {
  .mainArea .vpointArea .vpointArea_point {
    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 .vpointArea .vpointArea_point {
    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 .vpointArea .vpointArea_point .l-content {
  grid-area: content;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .l-content {
    padding-inline: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_point .l-content {
    align-self: center;
    padding-block: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (960))))), 10px);
  }
}
.mainArea .vpointArea .vpointArea_point .l-content .l-caption {
  text-align: left;
}
.mainArea .vpointArea .vpointArea_point .l-content .l-point {
  color: #0054B6;
  font-weight: 700;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .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 .vpointArea .vpointArea_point .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);
    align-items: center;
    justify-content: start;
    margin-block: clamp(0px, calc(0px + (15 * max(0px, ((100dvw - 0px) / (960))))), 15px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_point .l-content .l-point .l-partner {
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    align-items: center;
  }
}
.mainArea .vpointArea .vpointArea_point .l-content .l-point .l-partner .l-value {
  font-size: calc(1em * (32 / 26));
}
.mainArea .vpointArea .vpointArea_point .l-content .l-point .l-partner::after {
  content: "";
  background-color: #0054B6;
  aspect-ratio: 1;
  display: block;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .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 .vpointArea .vpointArea_point .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 .vpointArea .vpointArea_point .l-content .l-point .l-keio {
  display: grid;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .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 .vpointArea .vpointArea_point .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 .vpointArea .vpointArea_point .l-content .l-point .l-keio img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .l-content .l-point .l-keio .l-value span {
    font-size: calc(1em * (32 / 26));
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_point .l-content .l-point .l-keio .l-value span {
    font-size: calc(1em * (26 / 16));
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .l-content .l-note {
    margin-top: clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_point .l-content .l-note {
    text-align: left;
  }
}
.mainArea .vpointArea .vpointArea_point .l-action {
  grid-area: action;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .l-action {
    padding-inline: clamp(0px, calc(0px + (35 * max(0px, ((100dvw - 0px) / (768))))), 35px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_point .l-action {
    align-self: center;
  }
}
.mainArea .vpointArea .vpointArea_point .l-action .l-button {
  width: 100%;
}
.mainArea .vpointArea .vpointArea_point .l-icon {
  grid-area: icon;
  display: grid;
  place-items: center;
  border-right: 1px solid #000;
}
@media screen and (max-width: 960.98px) {
  .mainArea .vpointArea .vpointArea_point .l-icon img {
    width: 100%;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .vpointArea .vpointArea_point .l-icon img {
    width: 79%;
  }
}

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