@charset "UTF-8";
/* -----------------------------------------

 カード紹介一覧 CSS
 date:23/08/02

----------------------------------------- */
/* Overwrite
----------------------------------------- */
.cardIndex {
  font-size: clamp(13px, 4.1025641026vw, 31px);
}
@media print, screen and (min-width: 751px) {
  .cardIndex {
    font-size: clamp(12px, 1.5625vw, 16px);
  }
}

.pagetopBtn {
  bottom: 10px;
}

@media only screen and (max-width: 750px) {
  .globalFooter_bottom {
    padding-bottom: 15.3846153846vw;
  }
}
@media print, screen and (min-width: 751px) {
  .pageHead {
    padding: min(5.2734375vw, 54px) 0 min(5.56640625vw, 57px);
  }
  .toggleUnit_btn {
    padding: min(1.46484375vw, 15px) 0 min(1.5625vw, 16px);
  }
  .pagetopBtn {
    bottom: 50px;
  }
}

.u-bordr0{
	border-radius: 0px !important;
}
/* Unique
----------------------------------------- */
.pageHead .pageTitle {
  margin-bottom: 2.5641025641vw;
}
.pageHead .inside {
  max-width: 780px;
  margin: 10.2564102564vw auto 7.6923076923vw;
  padding: 0 8.9743589744vw;
}

.separate:nth-of-type(even) {
  background: #fff;
}

.contentTitle {
  margin-top: 5px;
  font-size: clamp(26px, 8.2051282051vw, 62px);
  font-weight: 600;
  line-height: 1.3;
}
.contentTitle::after {
  display: block;
  width: 100%;
  height: 1px;
  margin: 5.1282051282vw auto 7.6923076923vw;
  background: #222;
  content: "";
}

.basic_lead {
  margin-bottom: 1.5384615385vw;
}

.textImgCard,
.textImgCard-szS {
  display: inline-block;
  padding-bottom: 0.1em;
  vertical-align: middle;
}

.textImgCard {
  width: 13.8461538462vw;
  margin-right: 2.0512820513vw;
}

.textImgCard-szS {
  width: 6.1538461538vw;
  margin-right: 1.0256410256vw;
}

.cardTypeList_item:not(:first-child) {
  margin-top: 5.1282051282vw;
}
.cardTypeList_img {
  border-radius: 2.5641025641vw;
  box-shadow: 4px 8px 15px 0 rgba(0, 0, 0, 0.16);
}

.cardsPanel {
  padding: 10.2564102564vw 5.1282051282vw;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.09);
  text-align: center;
}
.cardsPanel_catch {
  font-size: clamp(15px, 4.6153846154vw, 35px);
  margin-bottom: 0.4em;
}
@media only screen and (max-width: 750px) {
  .cardsPanel_catch {
    margin: 0 -0.17em 0.4em;
  }
}
.cardsPanel_name {
  font-size: clamp(26px, 8.2051282051vw, 62px);
  font-weight: 600;
  line-height: 1.2;
}
.cardsPanel_name span {
  font-size: clamp(16px, 5.1282051282vw, 38px);
}
.cardsPanel_card {
  margin: 5.1282051282vw auto;
  padding: 0 6.4102564103vw;
}
.cardsPanel_logos {
  width: 34.8717948718vw;
  margin: 0 auto;
}
.cardsPanel .jalsuica {
  margin-bottom: -0.4em;
  padding: 0 1.2820512821vw;
}

.cardsOutline {
  display: flex;
  justify-content: center;
  margin: 5.1282051282vw auto;
}
.cardsOutline_item {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 26.9230769231vw;
  font-size: clamp(11px, 3.5897435897vw, 25px);
  font-weight: 600;
}
.cardsOutline_item:nth-of-type(2) {
  width: 27.1794871795vw;
  margin: 0 0.2564102564vw;
  padding: 0 0.5128205128vw;
  box-sizing: content-box;
}
.cardsOutline_item:nth-of-type(2)::before, .cardsOutline_item:nth-of-type(2)::after {
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e8e8e8;
  content: "";
}
.cardsOutline_item:nth-of-type(2)::before {
  left: 0;
}
.cardsOutline_item:nth-of-type(2)::after {
  right: 0;
}
.cardsOutline_item:nth-child(even):last-child {
  width: 26.9230769231vw;
  margin: 0 3.0769230769vw;
}
.cardsOutline_item:nth-child(even):last-child::after {
  display: none;
}

.cardsBtnHolder {
  display: flex;
  column-gap: 2.5641025641vw;
}
.cardsBtnHolder_item {
  width: 39.7435897436vw;
}

.cardsBtn {
  padding-right: 0;
  padding-left: 0;
}
.cardsBtn::after {
  display: none;
}

.partnership {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.8461538462vw;
  font-weight: 600;
  line-height: 1.4;
}
.partnership_basic {
  font-size: clamp(13px, 4.1025641026vw, 31px);
}
.partnership_card {
  display: block;
  width: 13.8461538462vw;
  margin: 0 auto 1.2820512821vw;
}
.partnership_plus {
  width: 6.4102564103vw;
  padding: 0 3.0769230769vw;
  box-sizing: content-box;
}
.partnership_txt {
  font-size: clamp(16px, 5.1282051282vw, 38px);
}

.togglewrap {
  margin: 7.6923076923vw auto 10.2564102564vw;
}

.detailsUnit {
  border: solid #e8e8e8;
  border-width: 1px 0;
}
.detailsUnit + .detailsUnit {
  margin-top: -1px;
}
.detailsUnit_btn {
  display: block;
  position: relative;
  width: 100%;
  padding: 4.6153846154vw 12.8205128205vw 5.1282051282vw 5.1282051282vw;
  border: 2px solid #fff;
  background: #fff;
  color: #222;
  text-align: left;
  font-family: "Noto Sans JP";
  font-size: clamp(15px, 4.6153846154vw, 35px);
  font-weight: 600;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.detailsUnit_btn.is-open {
  background: #edeff0;
}
.detailsUnit_summary {
  display: block;
  text-align: left;
  pointer-events: none;
}
.detailsUnit_summary::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 4.6153846154vw;
  transform: translateY(-50%);
  width: 5.3846153846vw;
  padding-top: 5.3846153846vw;
  background: url(/card/shared/img/icon_circle_plus_black.svg) no-repeat 50% 50%;
  background-size: 5.1282051282vw auto;
  content: "";
}
.detailsUnit_body {
  padding: 12.8205128205vw 5.1282051282vw;
  background: #f5f6f7;
}

.is-open .detailsUnit_summary::after {
  background-image: url(/card/shared/img/icon_circle_minus_black.svg);
}

[class^=triggerImg-] {
  display: flex;
  align-items: center;
  max-width: 980px;
  margin: 0 auto;
}
[class^=triggerImg-]::before {
  display: block;
  width: 20.5128205128vw;
  margin-right: 2.5641025641vw;
  padding-top: 20.5128205128vw;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

.triggerImg-typeA::before {
  background-image: url(/card/first/img/trigger_img_a.png);
}

.triggerImg-typeB::before {
  background-image: url(/card/first/img/trigger_img_b.png);
}

.triggerImg-typeC::before {
  background-image: url(/card/first/img/trigger_img_c.png);
}

.triggerImg-typeD::before {
  background-image: url(/card/first/img/trigger_img_d.png);
}

.icon-ii {
  display: inline-block;
  width: 5.3846153846vw;
  margin-right: 0.2em;
  padding-bottom: 2px;
  vertical-align: middle;
}

@media print, screen and (min-width: 751px) {
  .pageHead .pageTitle {
    margin-bottom: min(2.9296875vw, 30px);
  }
  .pageHead .inside {
    margin: min(4.58984375vw, 47px) auto min(3.90625vw, 40px);
    padding: 0;
  }
  .contentTitle {
    font-size: clamp(41px, 5.46875vw, 56px);
  }
  .contentTitle::after {
    margin: min(3.3203125vw, 34px) auto;
  }
  .textImgCard {
    width: min(6.34765625vw, 65px);
    margin-right: min(1.3671875vw, 14px);
  }
  .textImgCard-szS {
    width: min(3.02734375vw, 31px);
    margin: 0 5px 0 2px;
  }
  .basic_lead {
    margin-bottom: min(1.7578125vw, 18px);
  }
  .cardTypeList {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    column-gap: min(3.90625vw, 40px);
    padding: 0;
  }
  .cardTypeList_item {
    width: min(36.1328125vw, 370px);
  }
  .cardTypeList_item:not(:first-child) {
    margin: 0;
  }
  .cardTypeList_img {
    border-radius: min(1.3671875vw, 14px);
    box-shadow: 8px 16px 30px 0 rgba(0, 0, 0, 0.16);
  }
  .cardsPanel {
    width: min(45.8984375vw, 470px);
    padding: min(6.8359375vw, 70px) min(2.9296875vw, 30px) min(6.34765625vw, 65px);
  }
  .cardsPanel_catch {
    font-size: clamp(15px, 1.953125vw, 20px);
  }
  .cardsPanel_name {
    font-size: clamp(26px, 3.515625vw, 36px);
  }
  .cardsPanel_name span {
    font-size: clamp(15px, 1.953125vw, 20px);
  }
  .cardsPanel_card {
    margin: min(2.9296875vw, 30px) auto min(1.953125vw, 20px);
    padding: 0 min(4.39453125vw, 45px);
  }
  .cardsPanel_logos {
    width: min(16.015625vw, 164px);
  }
  .cardsPanel .jalsuica {
    margin: min(1.171875vw, 12px) 0 -1em;
    padding: 0 min(1.171875vw, 12px);
  }
  .cardsOutline {
    margin: min(1.953125vw, 20px) auto min(2.9296875vw, 30px);
  }
  .cardsOutline_item {
    width: min(14.0625vw, 144px);
    min-height: min(6.4453125vw, 66px);
    font-size: clamp(12px, 1.5625vw, 16px);
    line-height: 1.3;
  }
  .cardsOutline_item:nth-of-type(2) {
    width: min(14.16015625vw, 143px);
    margin: 0 min(0.9765625vw, 10px);
    padding: 0 min(0.9765625vw, 10px);
  }
  .cardsOutline_item:nth-child(even):last-child {
    width: min(14.0625vw, 144px);
    margin: 0 0 0 min(0.9765625vw, 10px);
    padding: 0 0 0 min(0.9765625vw, 10px);
  }
  .cardsBtnHolder {
    column-gap: min(0.9765625vw, 10px);
  }
  .cardsBtnHolder_item {
    width: min(19.53125vw, 200px);
  }
  .partnership {
    margin-bottom: min(1.953125vw, 20px);
  }
  .partnership_basic {
    font-size: clamp(16px, 2.1484375vw, 22px);
  }
  .partnership_card {
    width: min(7.51953125vw, 77px);
    margin: 0 auto min(0.9765625vw, 10px);
  }
  .partnership_plus {
    width: min(3.41796875vw, 35px);
    padding: 0 min(1.953125vw, 20px);
  }
  .partnership_txt {
    font-size: clamp(21px, 2.734375vw, 28px);
  }
  .togglewrap {
    margin: min(4.8828125vw, 50px) auto min(5.859375vw, 60px);
  }
  .detailsUnit_btn {
    padding: min(1.46484375vw, 15px) min(0.9765625vw, 10px) min(1.66015625vw, 17px);
    border-width: 4px;
    font-size: clamp(19px, 2.5390625vw, 26px);
  }
  .detailsUnit_summary {
    position: relative;
  }
  .detailsUnit_summary::after {
    right: 0;
    width: min(3.90625vw, 40px);
    padding-top: min(3.90625vw, 40px);
    background-size: cover;
  }
  .detailsUnit_body {
    padding: min(7.8125vw, 80px) 0;
  }
  [class^=triggerImg-]::before {
    width: min(11.71875vw, 120px);
    margin-right: min(6.8359375vw, 70px);
    padding-top: min(11.71875vw, 120px);
  }
  .icon-ii {
    width: min(2.05078125vw, 21px);
  }
}