@charset "UTF-8";

/* =======================================
  main-visual
======================================= */
.main-visual {
  position: relative;
  width: 100%;
  min-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;

  background-repeat: no-repeat,no-repeat;
  background-position: calc(50% + 300px) bottom,center top;
  background-size: contain,cover;

  z-index: 2;
}

.webp .main-visual {
  background-image: url("../images/main-banner-human-pc.webp"),url("../images/main-banner-bk-pc.webp");
}

.no-webp .main-visual {
  background-image: url("../images/main-banner-human-pc.png"),url("../images/main-banner-bk-pc.png");
}

/* sp main-visual */
@media screen and (max-width:560px) {
  .main-visual {
    min-height: 169.64vw;

    background-repeat: no-repeat;
    background-position: bottom,center top;
    background-size: cover;
  }

  .webp .main-visual {
    background-image: url("../images/main-banner-sp.webp");
  }

  .no-webp .main-visual {
    background-image: url("../images/main-banner-sp.png");
  }
}

/* main-banner */
.main-banner {
  width: 100%;
}

.main-banner__inner {
  margin: 0 auto;
  width: 1080px;
  height: 100%;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-banner__contents {
  margin: 240px 0 0;
}

.main-banner__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.main-banner__title-text {
  width: 100%;
  color: var(--color-navy01);
  text-shadow:
    10px 10px 10px #fff, -10px -10px 10px #fff,
    -10px 10px 10px #fff, 10px -10px 10px #fff,
    10px 0px 10px #fff, -10px -0px 10px #fff,
    0px 10px 10px #fff, 0px -10px 10px #fff;
}

.main-banner__title-text:nth-child(2) {
  margin-top: 20px;
}

.main-banner__title-text--small {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.42;
}

.main-banner__title-text--nomal {
  font-size: 40px;
  line-height: 1.45;
  font-weight: 700;
}

.main-banner__title-text--large {
  font-size: 50px;
  line-height: 1.44;
  font-weight: 700;
}

.main-banner__title-text--big {
  font-size: 65px;
  line-height: 1.44;
  font-weight: 900;
}

.main-banner__list {
  margin-top: 30px;
  width: 770px;
}

/* banner-list */
.banner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.banner-list__item {
  width: 250px;
  border-radius: 10px;
  /* border: 3px solid var(--color-navy01); */
  border: 3px solid var(--color-white01);
  padding: 30px;
  background-color: var(--color-navy01);
  /* background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(229, 240, 255, 1)); */

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.banner-list__text {
  line-height: 2;
  text-align: center;
}

.banner-list__text-nomal {
  font-size: 18px;
  color: var(--color-white01);
}

.banner-list__text-large {
  font-size: 25px;
  font-weight: 700;
  color: var(--color-white01);
}

/* sp main-banner */
@media screen and (max-width:560px) {
  .main-banner {}

  .main-banner__inner {
    width: 89.28vw;
  }

  .main-banner__contents {
    margin: 70vw 0 0;
  }

  .main-banner__title-text {
    text-shadow:
      1.78vw 1.78vw 1.78vw #fff, -1.78vw -1.78vw 1.78vw #fff,
      -1.78vw 1.78vw 1.78vw #fff, 1.78vw -1.78vw 1.78vw #fff,
      1.78vw 0vw 1.78vw #fff, -1.78vw -0vw 1.78vw #fff,
      0vw 1.78vw 1.78vw #fff, 0vw -1.78vw 1.78vw #fff;
  }

  .main-banner__title-text:nth-child(2) {
    margin-top: 3.57vw;
  }

  .main-banner__title-text--small {
    font-size: 5vw;
  }

  .main-banner__title-text--nomal {
    font-size: 6.42vw;
  }

  .main-banner__title-text--large {
    font-size: 7.14vw;
  }

  .main-banner__title-text--big {
    font-size: 8.92vw;
    letter-spacing: -0.1em;
  }

  .main-banner__list {
    margin-top: 8.92vw;
    width: 100%;
  }

  /* banner-list */
  .banner-list__item {
    width: 100%;
    border-radius: 1.78vw;
    border-width: 0.53vw;
    padding: 1.78vw;
  }

  .banner-list__item:nth-child(n+2) {
    margin-top: 3.57vw;
  }

  .banner-list__text {}

  .banner-list__text-nomal {
    font-size: 4.46vw;
  }

  .banner-list__text-large {
    font-size: 5.53vw;
  }
}

/* =======================================
  main-support
======================================= */
.main-support {}

.main-support__list {}

/* main-support contents-part title */
.contents-part__title--main-support {}

/* support-list */
.support-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.support-list__item {
  width: 250px;
}

.support-list__icon {
  height: 180px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.support-list__icon-img {
  object-fit: cover;
}

.support-list__icon-img--calender {
  width: 125px;
}

.support-list__icon-img--profile {
  width: 104px;
}

.support-list__icon-img--change {
  width: 128px;
}

.support-list__icon-img--email {
  width: 128px;
}

.support-list__title {
  margin-top: 30px;
  text-align: center;
}

.support-list__title-text {
  position: relative;
  padding-left: 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.44;
}

.support-list__title-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;

  background-image: url("../images/check_circle_green.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}

.support-list__text {
  margin-top: 20px;
}

/* sp main-support */
@media screen and (max-width:560px) {
  .support-list__item {
    width: 42.85vw;
  }

  .support-list__item:nth-child(n+3) {
    margin-top: 7.14vw;
  }

  .support-list__icon {
    height: 30.35vw;
  }

  .support-list__icon-img--calender {
    width: 22.32vw;
  }

  .support-list__icon-img--profile {
    width: 18.57vw;
  }

  .support-list__icon-img--change {
    width: 22.85vw;
  }

  .support-list__icon-img--email {
    width: 22.85vw;
  }

  .support-list__title {
    margin-top: 5.35vw;
  }

  .support-list__title-text {
    padding-left: 7.14vw;
    font-size: 3.57vw;
  }

  .support-list__title-text::before {
    width: 5.35vw;
    height: 5.35vw;
  }

  .support-list__text {
    margin-top: 3.57vw;
  }
}

/* =======================================
  main-problem
======================================= */
.main-problem {
  background-image: linear-gradient(0deg, rgba(140, 172, 232, 1), rgba(7, 34, 84, 1));
}

.main-problem__list {
  width: 915px;
  margin: 0 auto;
}

/* main-problem contents-part title */
.contents-part__title--problem {
  width: 730px;
  margin: 0 auto;
  padding: 10px 20px 20px;

  background-color: rgba(255, 255, 255, 0.8);

  background-image: url("../images/underline_yellow_01.svg");
  background-repeat: no-repeat;
  background-position: 20px bottom;
  background-size: auto;

  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.contents-part__title--problem-normal {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.45;
}

.contents-part__title--problem-large {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.45;
}

.contents-part__title--problem-circle {
  text-emphasis: circle var(--color-red01);
}

/* problem-list */
.problem-list {}

.problem-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.problem-list__item:nth-child(n+2) {
  margin-top: 40px;
}

.problem-list__thum {
  width: 250px;
  border-radius: 50%;
  background-color: var(--color-white01);
}

.problem-list__thum-img {
  object-fit: cover;
}

.problem-list__desc {
  position: relative;
  width: 600px;
  border-radius: 10px;
  padding: 40px 60px;
  background-color: var(--color-white01);
}

.problem-list__desc::before {
  position: absolute;
  top: 50%;
  left: -35px;
  margin-top: -22px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 35px solid var(--color-white01);
  border-left: 0;
}

.problem-list__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.44;
}

.problem-list__check {
  margin-top: 20px;
}

.problem-list__check-item {
  position: relative;
  padding-left: 35px;
}

.problem-list__check-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../images/check_square_blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.problem-list__check-item:nth-child(n+2) {
  margin-top: 10px;
}

/* sp main-proble */
@media screen and (max-width:560px) {
  .main-problem__list {
    width: 100%;
  }

  /* main-problem contents-part title */
  .contents-part__title--problem-sp1 {
    width: auto;
    padding: 1.78vw 3.57vw 3.57vw;
    background-color: rgba(255, 255, 255, 0.8);

    background-image: url("../images/underline_yellow_02.svg");
    background-repeat: no-repeat;
    background-position: 2.67vw bottom;
    background-size: auto;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .contents-part__title--problem-sp2 {
    width: auto;
    margin-top: 3.57vw;
    padding: 1.78vw 5.57vw 3.57vw;
    background-color: rgba(255, 255, 255, 0.8);

    background-image: url("../images/underline_yellow_03.svg");
    background-repeat: no-repeat;
    background-position: 2.67vw bottom;
    background-size: auto;

    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .contents-part__title--problem-normal {
    font-size: 6.25vw;
  }

  .contents-part__title--problem-large {
    font-size: 8.03vw;
  }

  /* problem-list */
  .problem-list__item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .problem-list__item:nth-child(n+2) {
    margin-top: 10.71vw;
  }

  .problem-list__thum {
    margin: 0 auto;
    width: 44.64vw;
  }

  .problem-list__desc {
    margin-top: 3.57vw;
    width: 100%;
    border-radius: 1.78vw;
    padding: 7.14vw;
  }

  .problem-list__desc::before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -3.92vw;
    border-top: none;
    border-right: 3.92vw solid transparent;
    border-left: 3.92vw solid transparent;
    border-bottom: 6.25vw solid var(--color-white01);
  }

  .problem-list__title {
    font-size: 3.57vw;
  }

  .problem-list__check {
    margin-top: 3.57vw;
  }

  .problem-list__check-item {
    padding-left: 6.25vw;
  }

  .problem-list__check-item::before {
    width: 4.28vw;
    height: 4.28vw;
  }

  .problem-list__check-item:nth-child(n+2) {
    margin-top: 1.78vw;
  }
}

/* =======================================
  main-solution
======================================= */
.main-solution {
  position: relative;
  background-color: var(--color-blue01);
}

.main-solution::before {
  content: "";
  position: absolute;
  top: -135px;
  left: 0;
  height: 0;
  border-top: 135px solid transparent;
  border-left: 50vw solid var(--color-blue01);
}

.main-solution::after {
  content: "";
  position: absolute;
  top: -135px;
  right: 0;
  height: 0;
  border-top: 135px solid transparent;
  border-right: 50vw solid var(--color-blue01);
}

.main-solution__list {
  width: 950px;
  margin: 0 auto;
}

/* main-solution contents-part title */
.contents-part__title--solution {
  position: relative;
  padding: 0 30px;
}

.contents-part__title--solution::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 45px;
  margin-top: -22.5px;
  background-image: url("../images/line_left_pc.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: cover;
}

.contents-part__title--solution::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 28px;
  height: 45px;
  margin-top: -22.5px;
  background-image: url("../images/line_right_pc.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.contents-part__title--solution-normal {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.45;
}

.contents-part__title--solution-large {
  font-size: 45px;
  font-weight: 700;
  line-height: 1.45;
}

.contents-part__title--solution-img {
  margin-right: 10px;
  width: 340px;
  object-fit: cover;
}

/* solution-list */
.solution-list {}

.solution-list__item {
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.solution-list__item:nth-child(n+2) {
  margin-top: 20px;
}

.solution-list__thum {
  width: 250px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: var(--color-yellow02);

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.solution-list__thum-img {
  object-fit: cover;
}

.solution-list__desc {
  width: calc(100% - 250px);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 40px 60px;
  background-color: var(--color-white01);
}

.solution-list__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.44;
}

.solution-list__check {
  margin-top: 20px;
}

.solution-list__check-item {
  position: relative;
  padding-left: 35px;
}

.solution-list__check-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("../images/double_circle_red.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.solution-list__check-item:nth-child(n+2) {
  margin-top: 10px;
}

/* sp main-solution */
@media screen and (max-width:560px) {

  .main-solution::before {
    top: -12.32vw;
    border-top: 12.5vw solid transparent;
  }

  .main-solution::after {
    top: -12.32vw;
    border-top: 12.5vw solid transparent;
  }

  .main-solution__list {
    width: 100%;
  }

  /* main-solution contents-part title */
  .contents-part__title--solution {
    padding: 0 10.71vw;
  }

  .contents-part__title--solution::before {
    top: auto;
    bottom: 0;
    width: 7.14vw;
    height: 12.5vw;
    margin-top: 0;
    background-image: url("../images/line_left_sp.svg");
  }

  .contents-part__title--solution::after {
    top: auto;
    bottom: 0;
    width: 7.14vw;
    height: 12.5vw;
    margin-top: 0;
    background-image: url("../images/line_right_sp.svg");
  }

  .contents-part__title--solution-normal {
    font-size: 6.25vw;
  }

  .contents-part__title--solution-large {
    font-size: 8.03vw;
    line-height: 1;
  }

  .contents-part__title--solution-large+.contents-part__title--solution-large {
    margin-top: 1.78vw;
  }

  .contents-part__title--solution-img {
    margin-right: 1.78vw;
    width: 49.1vw;
  }

  /* solution-list */
  .solution-list__item {
    border-radius: 1.78vw;
  }

  .solution-list__item:nth-child(n+2) {
    margin-top: 8.92vw;
  }

  .solution-list__thum {
    width: 100%;
    border-top-left-radius: 1.78vw;
    border-top-right-radius: 1.78vw;
    border-bottom-left-radius: 0;
  }

  .solution-list__desc {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.78vw;
    border-bottom-right-radius: 1.78vw;
    padding: 7.14vw 10.71vw;
  }

  .solution-list__title {
    font-size: 3.57vw;
  }

  .solution-list__check {
    margin-top: 3.57vw;
  }

  .solution-list__check-item {
    padding-left: 6.25vw;
  }

  .solution-list__check-item::before {
    width: 4.28vw;
    height: 4.28vw;
  }

  .solution-list__check-item:nth-child(n+2) {
    margin-top: 1.78vw;
  }
}

/* =======================================
  main-plan
======================================= */
.main-plan {}

.main-plan__list {}

/* plan-list */
.plan-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plan-list__item {
  margin-top: 45px;
  position: relative;
  width: 525px;
  border-radius: 10px;
  border: 4px solid var(--color-navy01);
  padding: 60px 30px 30px;
  background-color: var(--color-white01);
}

.plan-list__item:nth-child(n+3) {
  margin-top: 75px;
}

.plan-list__item--black {
  border-color: var(--color-black03);
}

.plan-list__item--lightblue {
  border-color: var(--color-blue02);
}

.plan-list__item--blue {
  border-color: var(--color-blue03);
}

.plan-list__item--navy {
  border-color: var(--color-navy01);
}

.plan-list__title {
  position: absolute;
  top: -45px;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  border-radius: 100px;
  padding: 20px;
  text-align: center;
}

.plan-list__title--black {
  background-image: linear-gradient(180deg, rgba(108, 108, 108, 1), rgba(54, 54, 54, 1));
}

.plan-list__title--lightblue {
  background-image: linear-gradient(180deg, rgba(4, 151, 216, 1), rgba(4, 116, 183, 1));
}

.plan-list__title--blue {
  background-image: linear-gradient(180deg, rgba(0, 93, 197, 1), rgba(3, 67, 123, 1));
}

.plan-list__title--navy {
  background-image: linear-gradient(180deg, rgba(1, 44, 123, 1), rgba(7, 30, 68, 1));
}

.plan-list__title-text {
  font-size: 33px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.1em;
  color: var(--color-white01);
}

.plan-list__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plan-list__price-text {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.45;
}

.plan-list__price-text:nth-child(n+2) {
  padding-left: 20px;
}

.plan-list__price-text--number {
  font-size: 70px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-red02);
}

.plan-list__price-text--desc {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.45;
}

.plan-list__price-text--color-red {
  color: var(--color-red02);
}

.plan-list__limit-wrap {
  margin-top: 30px;
  text-align: center;
}

.plan-list__limit {
  display: inline-block;
  border-bottom: 2px solid var(--color-gray01);
  padding-bottom: 10px;
}

.plan-list__limit-text {
  font-size: 25px;
  font-weight: 700;
  line-height: 1.45;
}

.plan-list__limit-text--large {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.45;
}

.plan-list__frame {
  margin-top: 30px;
  min-height: 240px;
  border-radius: 10px;
  padding: 30px 40px;
  background-color: var(--color-blue01);
}

.plan-list__desc {
  margin-top: 20px;
  font-size: 18px;
}

.plan-list__desc--margin-large {
  margin-top: 130px;
}

/* list-dot */
.list-dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-dot__item {
  position: relative;
  width: 50%;
  padding-left: 1em;

  font-size: 23px;
  line-height: 1.47;
}

.list-dot__item::before {
  content: "・";
  position: absolute;
  left: 0;
}

.list-dot__item:nth-child(n+3) {
  margin-top: 15px;
}

/* sp main-plan */
@media screen and (max-width:560px) {
  .plan-list__item {
    margin-top: 0;
    width: 100%;
    border-radius: 1.78vw;
    border-width: 0.71vw;
    padding: 10.71vw 3.57vw 3.57vw;
  }

  .plan-list__item:nth-child(n+2) {
    margin-top: 13.39vw;
  }

  .plan-list__item:nth-child(n+3) {
    margin-top: 13.39vw;
  }

  .plan-list__title {
    top: -8.03vw;
    margin-left: -35.71vw;
    width: 71.42vw;
    border-radius: 17.85vw;
    padding: 3.57vw;
  }

  .plan-list__title-text {
    font-size: 5.89vw;
  }

  .plan-list__price-text {
    font-size: 6.25vw;
  }

  .plan-list__price-text:nth-child(n+2) {
    padding-left: 3.57vw;
  }

  .plan-list__price-text--number {
    font-size: 12.5vw;
  }

  .plan-list__price-text--desc {
    font-size: 5.35vw;
  }

  .plan-list__limit-wrap {
    margin-top: 5.35vw;
  }

  .plan-list__limit {
    border-width: 0.35vw;
    padding-bottom: 1.78vw;
  }

  .plan-list__limit-text {
    font-size: 4.46vw;
  }

  .plan-list__limit-text--large {
    font-size: 5.35vw;
  }

  .plan-list__frame {
    margin-top: 5.35vw;
    min-height: auto;
    min-height: inherit;
    border-radius: 1.78vw;
    padding: 5.35vw 7.14vw;
  }

  .plan-list__desc {
    margin-top: 3.57vw;
    font-size: 3.21vw;
  }

  .plan-list__desc--margin-large {
    margin-top: 7.14vw;
  }

  /* list-dot */
  .list-dot__item {
    font-size: 4.1vw;
  }

  .list-dot__item:nth-child(n+3) {
    margin-top: 2.67vw;
  }
}

/* =======================================
  main-flow
======================================= */
.main-flow {
  background-color: var(--color-blue01);
}

.main-flow__list {}

/* flow-list */
.flow-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flow-list__item {
  position: relative;
  width: 300px;
}

.flow-list__item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 320px;
  left: -75px;
  width: 65px;
  height: 15px;
  background-image: url("../images/arrow_right_gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.flow-list__step {
  margin: 0 auto;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: var(--color-navy01);

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flow-list__step-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.44;
  color: var(--color-white01);
}

.flow-list__step-number {
  font-size: 28px;
  line-height: 1.42;
  color: var(--color-white01);
}

.flow-list__body {
  margin-top: 30px;
  min-height: 375px;
  border-radius: 10px;
  padding: 60px 20px 35px;
  background-color: var(--color-white01);
}

.flow-list__icon {
  height: 120px;
  text-align: center;
}

.flow-list__icon-img {
  object-fit: cover;
}

.flow-list__icon-img--mail {
  width: 90px;
}

.flow-list__icon-img--memo {
  width: 90px;
}

.flow-list__icon-img--handshake {
  width: 92px;
}

.flow-list__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}

.flow-list__desc {
  margin-top: 15px;
  font-size: 18px;
  line-height: 1.44;
}

/* sp main-flow */
@media screen and (max-width:560px) {
  .main-flow__list {
    margin: 0 auto;
    width: 64.28vw;
  }

  /* flow-list */
  .flow-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flow-list__item {
    width: 100%;
  }

  .flow-list__item:nth-child(n+2) {
    margin-top: 22.32vw;
  }

  .flow-list__item:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: -16.96vw;
    left: 50%;
    margin-left: -1.33vw;
    width: 2.67vw;
    height: 11.6vw;
    background-image: url("../images/arrow_down_gray.svg");
  }

  .flow-list__step {
    width: 15.17vw;
    height: 15.17vw;
  }

  .flow-list__step-text {
    font-size: 3.57vw;
  }

  .flow-list__step-number {
    font-size: 5vw;
  }

  .flow-list__body {
    margin-top: 5.35vw;
    min-height: 62.5vw;
    border-radius: 1.78vw;
    padding: 10.71vw 5.35vw 6.25vw;
  }

  .flow-list__icon {
    height: 21.42vw;
  }

  .flow-list__icon-img--mail {
    width: 16.07vw;
  }

  .flow-list__icon-img--memo {
    width: 16.07vw;
  }

  .flow-list__icon-img--handshake {
    width: 16.42vw;
  }

  .flow-list__title {
    font-size: 3.57vw;
  }

  .flow-list__desc {
    margin-top: 2.67vw;
    font-size: 3.21vw;
  }
}

/* =======================================
  main-voice
======================================= */
.main-voice {}

.main-voice__list {}

/* voice-list */
.voice-list {
  margin: 0 auto;
  width: 1000px;
}

.voice-list__item {
  width: 500px;
  padding: 0px 15px;
}

.voice-list__item-warp {
  border-radius: 10px;
}

.voice-list__thum {
  width: 100%;
  height: 193px;
}

.voice-list__thum-img {
  object-fit: cover;
}

.voice-list__body {
  padding: 25px;
}

.voice-list__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.44;
}

.voice-list__desc {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.44;
}

.voice-list__post {
  margin-top: 20px;
  border-left: 3px solid var(--color-navy01);
  padding-left: 13px;
  font-size: 18px;
  line-height: 1.44;
}

/* sp main-voice */
@media screen and (max-width:560px) {

  /* voice-list */
  .voice-list {
    width: 89.28vw;
  }

  .voice-list__item {
    width: 89.28vw;
    padding: 0px 2.67vw;
  }

  .voice-list__item-warp {
    border-radius: 1.78vw;
  }

  .voice-list__thum {
    width: 100%;
    height: 34.46vw;
  }

  .voice-list__body {
    padding: 4.46vw;
  }

  .voice-list__title {
    font-size: 3.57vw;
  }

  .voice-list__desc {
    margin-top: 3.57vw;
    font-size: 3.21vw;
  }

  .voice-list__post {
    margin-top: 3.57vw;
    border-width: 0.53vw;
    padding-left: 2.32vw;
    font-size: 3.21vw;
  }
}