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

	コンテンツ横幅：1200px
	基本フォントサイズ：16px
	VWのベース：PCは1024px、SPは375px

--------------------------------------------------------------- */
/* ---------------------------------------------------------------

	01. 初期化

--------------------------------------------------------------- */
main img {
  width: 100%;
}

[data-modal=trigger] {
  border: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Noto Sans JP";
}

a * {
  pointer-events: none;
}

.questionUnit {
  margin-top: min(3.63vw, 40px);
}
.questionUnit_btn {
  display: block;
  position: relative;
  width: 100%;
  padding: 3.3333333333vw 8.9743589744vw 4.1025641026vw 2.3076923077vw;
  border: dotted #222;
  border-width: 1.5px 0 1.5px 0;
  background: #fff;
  color: #222;
  text-align: left;
  cursor: pointer;
}

.questionUnit_btn::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 2.5641025641vw;
  transform: translateY(-50%);
  width: 4.1025641026vw;
  padding-top: 4.1025641026vw;
  background: url(/card/shared/img/icon_circle_plus_black.svg) no-repeat 50% 50%;
  background-size: cover;
  content: "";
}

.questionUnit_btn.is-open {
  border-width: 1.5px 0 0 0;
  background: #edeff0;
}

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

.questionUnit_btnTxt {
  display: block;
  text-align: left;
  pointer-events: none;
}

.questionUnit_body {
  padding-top: 5.1282051282vw;
}

.questionTxt,
.answerTxt {
  display: block;
  position: relative;
  font-size: clamp(13px, 4.1025641026vw, 31px);
}

.questionTxt::before,
.answerTxt::before {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 7.1794871795vw;
  height: 7.1794871795vw;
  border-radius: 9999px;
  font-size: clamp(11px, 3.5897435897vw, 25px);
}

.questionTxt {
  padding-left: 9.7435897436vw;
  font-weight: 600;
  pointer-events: none;
}

.questionTxt::before {
  background: #0075c2;
  color: #fff;
  content: "Q";
}

.answerTxt {
  padding-left: 10.2564102564vw;
  line-height: 1.8;
}
.answerTxt li {
  padding-left: 1em;
  text-indent: -1em;
}

.answerTxt::before {
  top: 1.0256410256vw;
  left: 1px;
  border: 1px solid #0075c2;
  box-sizing: border-box;
  background: #fff;
  color: #0075c2;
  content: "A";
}

@media print, screen and (min-width: 751px) {
  .questionUnit_btn {
    padding: min(1.54vw, 17px) min(4.09vw, 45px) min(1.81vw, 20px) min(0.72vw, 8px);
  }
  .questionUnit_btn::after {
    right: min(0.9765625vw, 10px);
    width: min(2.18vw, 24px);
    height: min(2.18vw, 24px);
    padding-top: min(1.953125vw, 20px);
    background-size: contain;
  }
  .questionUnit_body {
    padding-top: min(2.5341130604vw, 24px);
  }
  .questionTxt {
    font-size: min(1.63vw, 18px);
  }
  .answerTxt {
    font-size: min(1.45vw, 16px);
  }
  .questionTxt::before,
  .answerTxt::before {
    width: min(2.9vw, 32px);
    height: min(2.9vw, 32px);
    font-size: min(1.45vw, 16px);
  }
  .questionTxt {
    padding-left: min(4.09vw, 45px);
  }
  .answerTxt {
    padding-left: min(4.72vw, 52px);
    line-height: 1.8;
  }
  .answerTxt::before {
    top: 1px;
    left: min(0.78125vw, 8px);
  }
}
.bl_stepList {
  margin: min(5.45vw, 60px) 0;
  display: flex;
  gap: 30px 20px;
  flex-wrap: wrap;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .bl_stepList {
    margin: 8vw 0;
    justify-content: space-between;
    gap: 5vw 0;
  }
}

.bl_stepListItem {
  position: relative;
  flex-basis: calc((100% - 60px) / 4);
  padding: min(1.81vw, 20px) 10px min(2.72vw, 30px);
  border: 1px #e7e7e7 solid;
  border-radius: 5px;
}
@media only screen and (max-width: 750px) {
  .bl_stepListItem {
    flex-basis: 42vw;
    padding: 3vw 5.33vw 3vw;
    border-radius: 3vw;
    border-width: 0.8vw;
  }
}

.bl_stepListItem::after {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  right: -17px;
  bottom: 0;
  width: 10px;
  height: 40px;
  margin: auto;
  background-color: #008cd0;
  content: "";
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media only screen and (max-width: 750px) {
  .bl_stepListItem::after {
    width: 4vw;
    right: -6.93vw;
  }
}

.bl_stepListItem:nth-of-type(4)::after,
.bl_stepListItem:nth-of-type(7)::after {
  display: none;
}

@media only screen and (max-width: 750px) {
  .bl_stepListItem:nth-child(even)::after {
    display: none;
  }
}

.el_stepText {
  margin-bottom: 0;
  color: #008cd0;
  font-weight: bold;
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 800;
}
@media only screen and (max-width: 750px) {
  .el_stepText {
    font-size: 8vw;
    line-height: 1;
  }
}

.el_stepText span.hp_fontsize70 {
  font-size: 18px;
}
@media only screen and (max-width: 750px) {
  .el_stepText span.hp_fontsize70 {
    font-size: 5vw;
  }
}

.bl_stepListItem figure {
  margin-top: 10px;
}

.bl_stepListItem > figure .el_stepImage {
  display: flex;
  align-items: center;
  height: min(12.69vw, 130px);
  margin: 0 auto 10px;
}
@media only screen and (max-width: 750px) {
  .bl_stepListItem > figure .el_stepImage {
    height: 30vw;
  }
}

.bl_stepListItem > figure .el_stepImage img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 750px) {
  .bl_stepListItem > figure .el_stepImage img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}
.bl_stepListItem > figure .el_stepImage img.step05_img {
  height: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 750px) {
  .bl_stepListItem > figure .el_stepImage img.step05_img {
    max-width: 100%;
    width: 50%;
    height: auto;
  }
}
.bl_stepListItem > figure .el_stepImage img.step06_img {
  height: 95%;
  width: auto;
  display: block;
  margin: -10px auto 0;
}
@media only screen and (max-width: 750px) {
  .bl_stepListItem > figure .el_stepImage img.step06_img {
    max-width: 100%;
    width: 80%;
    height: auto;
  }
}

.bl_stepListItem > figure figcaption {
  font-size: min(1.45vw, 16px);
}
@media only screen and (max-width: 750px) {
  .bl_stepListItem > figure figcaption {
    font-size: 4vw;
    line-height: 1.3;
  }
}

.el_stepTextOrange {
  position: relative;
  padding: 0 13px;
  color: #ff9100;
  font-weight: bold;
  font-size: min(1.63vw, 18px);
}
@media only screen and (max-width: 750px) {
  .el_stepTextOrange {
    font-size: 4vw;
    padding: 0 3.46vw;
  }
}

.el_stepTextOrange::before,
.el_stepTextOrange::after {
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  border-radius: 3px;
  background: #ff9100;
  content: "";
}

.el_stepTextOrange::before {
  left: 0;
  transform: rotate(-25deg);
}

.el_stepTextOrange::after {
  right: 0;
  transform: rotate(25deg);
}

.sokuji_box1 .contrastLyt_secondary {
  width: min(20vw, 220px);
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .sokuji_box1 .contrastLyt_secondary {
    width: 40vw;
  }
}
.sokuji_box1 .contrastLyt_secondary img {
  width: 100%;
  height: auto;
}
.sokuji_box1 .contrastLyt_secondary.contrastLyt_secondary2 img {
  max-width: 100%;
  width: min(17.27vw, 190px);
  height: auto;
}
@media only screen and (max-width: 750px) {
  .sokuji_box1 .contrastLyt_secondary.contrastLyt_secondary2 img {
    width: 32vw;
  }
}

/* お申込みの流れ */
.gridLyt {
  display: flex;
  gap: 25px;
}

.gridLytItem-szS {
  flex-shrink: 0;
  flex-basis: min(18.18vw, 200px);
}

.gridLytItem-szL {
  flex-basis: calc(100% - 225px);
}

@media screen and (max-width: 750px) {
  .gridLyt {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
  .gridLytItem-szS,
  .gridLytItem-szL {
    flex-basis: 100%;
  }
}
.flow_arrow {
  width: auto;
  height: auto;
}

.flow_number {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  background-color: #222;
  color: #fff;
  text-align: center;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 18px;
  vertical-align: middle;
  margin: -3px 8px 0 0;
  text-align: center;
}
@media only screen and (max-width: 750px) {
  .flow_number {
    width: 8.53vw;
    height: 8.53vw;
    line-height: 8.8vw;
    font-size: 4.8vw;
    margin: -0.8vw 2.13vw 0 0;
  }
}
.flow .gridLytItem-szS img {
  height: min(14.72vw, 162px);
  width: auto;
}
@media only screen and (max-width: 750px) {
  .flow .gridLytItem-szS img {
    width: 45vw;
    height: auto;
  }
}

@media only screen and (max-width: 750px) {
  .pageHeadHolder_theme {
    font-size: 5.7vw;
  }
}/*# sourceMappingURL=style.css.map */