/* ========== BASE ========== */

body {
  background: #f4f6fa;
  font-family: Noto Sans JP;
}

p {
  margin: 0;
}

button {
  border: none;
}

/* ========== /BASE ========== */

/* ========== wrapper ========== */

.wrapper {
  padding: 0;
}

/* ========== secHero ========== */

.secHero {
  background: #008ed8;
  color: #fff;
  border-radius: 0 0 4rem 4rem;
  padding-bottom: 4.8rem;
}

.secHero .secHero__p1 {
  font-size: 0.75rem;
  margin: 0;
  line-height: 130%;
}

.secHero .secHero__a1 {
  padding: 1.9rem 4.7rem;
}

/* ========== /secHero ========== */

/* ========== secCampaign ========== */

.secCampaign {
  padding: 4.8rem 3.3rem;
  text-align: center;
  background: #e7f2fe;
}

.secCampaign .secCampaign__h2 {
  margin-bottom: 1.6rem;
  font-size: 2.8rem;
  font-weight: 900;
  color: #008ED8;
}

.secCampaign .secCampaign__p1 {
  font-size: 2rem;
  font-weight: 700;
  margin: 1.2rem 0 1.6rem;
  color: #676979;
}

.secCampaign .secCampaign__scrollBox {
  display: flex;
  gap: 1.6rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 1.2rem 0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin-left: -0.9rem;
  margin-right: -3.3rem;
}

.secCampaign .secCampaign__scrollBox a {
  flex-shrink: 0;
}

.secCampaign .secCampaign__campaignImg {
  width: 32.4rem;
}

/* ========== /secCampaign ========== */

/* ========== secReason ========== */

.secReason .secReason__fvArea {
  padding: 3.2rem 2.4rem 0;
}

.secReason .secReason__h2 {
  text-align: center;
  color: #008ED8;
  margin-bottom: 2.9rem;
}

.secReason .secReason__span1 {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 130%;
}

.secReason .secReason__span2 {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 130%;
}

.secReason .secReason__span3 {
  font-size: 5.7rem;
  color: #f62a7e;
  font-family: Inter;
  font-weight: 700;
  line-height: 80%;
  vertical-align: bottom;
}

.secReason .secReason__span4 {
  color: #f62a7e;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 130%;
  vertical-align: bottom;
}

.secReason .secReason__span5 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
}

.secReason .secReason__underArrow {
  display: block;
  margin: 2.2rem auto;
}

.secReason .secReason__pBox {
  text-align: center;
  padding-bottom: 2.7rem;
}

.secReason .secReason__p1 {
  color: #008ED8;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 130%;
  margin-bottom: 0.8rem;
}

.secReason .secReason__p2 {
  font-size: 2rem;
  color: #333442;
  font-weight: 700;
  line-height: 140%;
}

.secReason .secReason__3choice {
  position: relative;
}

.secReason .secReason__3choiceABox {
  background: url("/img_2025/svg/secReason__circle.svg") no-repeat center;
}

.secReason .secReason__korashoPosition {
  position: relative;
  padding: 0 2.4rem 4rem;
}

.secReason .secReason__a1 {
  width: 16.8rem;
  margin: 0 auto;
}

.secReason .secReason__3choiceUnderBox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.secReason .secReason__a2 {
  width: 16.8rem;
}

.secReason .secReason__a3 {
  width: 16.8rem;
}

.secReason .secReason__korasho {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -25%);
  width: 9.7rem;
}

.secReason .secReason__pattern {
  background: #fff;
}

.secReason .secReason__mainArea {
  color: #fff;
  border-radius: 7.2rem;
  padding: 7.5rem 2.4rem 5.6rem;
}

.secReason .secReason__patternPLead {
  display: inline-block;
  margin-bottom: 0.8rem;
  color: #fff;
  font-feature-settings: "palt" on;
  font-family: "Noto Sans JP";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  /* 2.08rem */
  padding: 0.7rem 1.2rem;
  border-radius: 4rem;
  background: #f62a7e;
}

.secReason .secReason__patternP {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2.7rem;
  font-weight: 900;
  line-height: 130%;
}

.secReason .secReason__patternPSpan1 {
  font-size: 4.275rem;
  font-weight: 900;
  line-height: 130%;
}

.secReason .secReason__patternPSpan2 {
  display: block;
  margin-top: 0.8rem;
  font-size: 3.4rem;
  font-weight: 900;
  line-height: 130%;
}

.secReason .secReason__featureArea {
  position: relative;
  background: #e7f2fe;
  padding: 0 1.6rem;
}

.secReason .secReason__c-featureBox {
  background: #fff;
  margin: 0 auto 2.4rem;
  padding: 4.8rem 2.4rem;
  border-radius: 4rem;
}

.secReason .secReason__featureImg--1 {
  width: 17.1rem;
}

.secReason .secReason__featureH4 {
  font-size: 5.8rem;
  font-weight: 900;
  line-height: 115%;
  color: #008ED8;
  margin: 1.6rem 0;
}

.secReason .secReason__featureP {
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 3.2rem;
}

.secReason .secReason__featureSpan {
  font-size: 3.4rem;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  white-space: nowrap;
  margin-left: -1.5rem;
}

.secReason .secReason__feature3--1Picture {
  display: block;
  margin-right: -4rem;
  margin-bottom: -5rem;
}

.secReason .secReason__featureScrollBox {
  display: flex;
  gap: 0.8rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 12px 0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin-left: -1.2rem;
  margin-right: -4rem;
}

.secReason .secReason__featureScrollBoxChild {
  flex-shrink: 0;
  border-radius: 2.4rem;
  width: 30rem;
}

.secReason .secReason__feature1 {
  width: 25.1rem;
}

.secReason .secReason__contentNav {
  background: #e7f2fe;
}

/* ========== /secReason ========== */

/* ========== secSolution ========== */

.secSolution {
  position: relative;
}

.secSolution .secSolution__h2 {
  font-size: 5rem;
  font-weight: 900;
  line-height: 125%;
  margin-bottom: 4.8rem;
}

.secSolution .secSolution__h3 {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 130%;
  margin-bottom: 1.6rem;
}

.secSolution .secSolution__ScrollBox {
  display: flex;
  gap: 1.6rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 12px 0;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin-left: -1.2rem;
  margin-right: -2.4rem;
}

.secSolution .secReason__figure {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  flex-shrink: 0;
  background: #fff;
  margin: 0;
  border-radius: 2.4rem;
}

.secSolution .secReason__cardBox {
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  flex-shrink: 0;
  background: #fff;
  margin: 0;
  border-radius: 2.4rem;
}

.secSolution .secReason__featureImg--1 {
  width: 23.25rem;
}

.secSolution .secReason__figcaption {
  color: #181b35;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 150%;
}

.secSolution .secReason__cardBoxChild {
  color: #181b35;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 150%;
}

/* ========== /secSolution ========== */

/* ========== secLineupAndFee ========== */

.secLineupAndFee .secLineupAndFee__h2 {
  color: #008ED8;
}

.secLineupAndFee .secLineupAndFee__span--1 {
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 130%;
}

.secLineupAndFee .secLineupAndFee__span--2 {
  font-size: 4.4rem;
  font-weight: 900;
  line-height: 125%;
}

.secLineupAndFee .secLineupAndFee__ul {
  display: flex;
  gap: 0.8rem;
  margin: 2.8rem auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  margin-right: -1.75rem;
}

.secLineupAndFee .secLineupAndFee__li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 1.2rem;
  border-radius: 5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 42px;
  color: #000;
  background: #fff;
}

.secLineupAndFee .is-tab__target--1,
.secLineupAndFee .is-tab__target--2,
.secLineupAndFee .is-tab__target--3,
.secLineupAndFee .is-tab__target--4,
.secLineupAndFee .is-tab__target--5,
.secLineupAndFee .is-tab__target--6 {
  display: none;
}

.secLineupAndFee .is-tab__target--1.is-active,
.secLineupAndFee .is-tab__target--2.is-active,
.secLineupAndFee .is-tab__target--3.is-active,
.secLineupAndFee .is-tab__target--4.is-active,
.secLineupAndFee .is-tab__target--5.is-active,
.secLineupAndFee .is-tab__target--6.is-active {
  display: block;
}

.secLineupAndFee .secLineupAndFee__li.is-active {
  color: #fff;
  background: #39f;
}

.secLineupAndFee .secLineupAndFee__h3--1 {
  color: #333442;
  font-size: 3.4rem;
  font-weight: 900;
  line-height: 130%;
  margin-bottom: 0.8rem;
}

.secLineupAndFee .secLineupAndFee__p1 {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 2.8rem;
}

.secLineupAndFee .secLineupAndFee__feeContent {
  margin-top: 4rem;
}

.secLineupAndFee .secLineupAndFee__h3--2 {
  font-size: 4rem;
  font-weight: 900;
  line-height: 130%;
}

.secLineupAndFee .secLineupAndFee__c-p1 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 140%;
}

.secLineupAndFee .secLineupAndFee__fee--1 {
  margin: 2.8rem auto;
}

.secLineupAndFee .secLineupAndFee__feeContentP--1 {
  text-align: center;
  color: #008ED8;
  font-size: 2rem;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 1.2rem;
}

.secLineupAndFee .secLineupAndFee__bg {
  border-radius: 3.2rem;
  padding: 2.4rem 2.4rem 3.2rem 2.4rem;
  margin-bottom: 1.2rem;
}

.secLineupAndFee .secLineupAndFee__scrollParent {
  overflow-x: auto;
  overflow-y: hidden;
  margin-right: -1.75rem;
}

.secLineupAndFee .secLineupAndFee__scrollChild--img {
  display: block;
  max-width: none;
  width: 70.4rem;
}

/* ========== /secLineupAndFee ========== */

/* ========== secFaq ========== */

.secFaq {
  background: #fff;
}

.secFaq .secFaq__h2 {
  color: #414358;
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 130%;
  margin-bottom: 2.4rem;
}

/* ========== /secFaq ========== */

/* ========== secRelation ========== */

.secRelation {
  background: #fff;
}

.secRelation .secRelation__h2 {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 130%;
  margin-bottom: 2.4rem;
}

.secRelation .secRelation__container {
  margin-bottom: 2.4rem;
}

.secRelation .secRelation__box1 {
  margin-bottom: 2.4rem;
}

.secRelation .secRelation__box1A1 {
  margin-bottom: 0.8rem;
}

.secRelation .secRelation__a--1::after {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  background-image: url("/common_2025/img/svg/target--1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.secRelation .secRelation__a--1 {
  color: var(--0-guide, #008ed8);
  font-family: "Hiragino Kaku Gothic ProN";
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2rem;
  /* 166.667% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

/* ========== /secRelation ========== */

/* ========== secInquiry ========== */

.secInquiry {
  background: #fff;
}

.secInquiry .secInquiry__h2 {
  font-size: 2.8rem;
  font-weight: 900;
  line-height: 130%;
  margin-bottom: 2.4rem;
}

/* ========== /secInquiry ========== */

/* ========== secNotice ========== */

.secNotice {
  background: #fff;
}

.secNotice .secNotice__cardli {
  padding: 16px;
  background: #f4f4f2;
  border-radius: 1.6rem;
}

.secNotice .secNotice__upper {
  display: flex;
  align-items: center;
  margin-bottom: 0.8rem;
}

.secNotice .secNotice__label--1 {
  color: #008ED8;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  width: 8.4rem;
  margin-right: 1rem;
  padding: 0 1rem;
  background: #fff;
  border: 2px solid #008ED8;
  border-radius: 2rem;
}

.secNotice .secNotice__cardTime {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 130%;
}

.secNotice .secNotice__cardSpan {
  font-size: 1.4rem;
  color: #414358;
  font-weight: 400;
  line-height: 130%;
}

.secNotice .secNotice__cardAllLinkA {
  margin-top: 1.6rem;
  color: #008ED8;
  text-align: right;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 130%;
}

.secNotice .secNotice__cardAllLinkA::after {
  content: "";
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
  margin-left: 1.5rem;
  background-image: url("/img_2025/svg/openArrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

/* ========== /secNotice ========== */

/* ========== /wrapper ========== */

@media screen and (min-width: 471px) {
  .wrapper {
    padding: 0 5rem;
  }

  .secHero {
    border-radius: 0;
    padding-bottom: 0;
  }

  .secReason__fvArea {
    border-radius: 4.8rem 4.8rem 0 0;
  }
}