@charset "UTF-8";
/* ブレイクポイント設定 */
/* 色設定 */
/* フォントサイズ */
/* 行間 */
/* 文字間隔 */
/* スタイル調整 */
/* transition */
/* ホバー */
/* point01セクション */
.p-point01 {
  padding-top: 12.8rem;
}
@media screen and (max-width: 767px) {
  .p-point01 {
    padding-top: 18.774rem;
  }
}

.p-point01__graph {
  width: 48.8rem;
  margin: 0 auto 10rem;
}
@media screen and (max-width: 767px) {
  .p-point01__graph {
    width: 66.94rem;
    margin: 0 auto 13.52rem;
  }
}

.p-point01__text {
  position: relative;
  text-align: center;
  width: 56rem;
  font-size: 2.8rem;
  line-height: 120%;
  margin: 0 auto 5.4rem;
}
@media screen and (max-width: 767px) {
  .p-point01__text {
    width: 65.576rem;
    font-size: 4.506rem;
    margin: 0 auto 8rem;
  }
}
.p-point01__text::before {
  position: absolute;
  bottom: -1.05em;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background: url(../images/Group\ 220.webp) no-repeat 50% 50%/contain;
  width: 58.1rem;
  height: 2rem;
}
@media screen and (max-width: 767px) {
  .p-point01__text::before {
    bottom: -1em;
    width: 65.5rem;
    height: 3rem;
  }
}

.p-point01__explanation {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 1.6rem;
  line-height: 180%;
  row-gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-point01__explanation {
    font-size: 2.628rem;
    row-gap: 4rem;
  }
}

.p-explanarion__illust {
  display: flex;
  justify-content: space-between;
  width: 62.2rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-explanarion__illust {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    -moz-column-gap: 3.9rem;
         column-gap: 3.9rem;
    row-gap: 2.82rem;
    width: 67.33rem;
    margin: 6.008rem auto 0;
  }
}

.p-illust__item {
  display: flex;
  flex-direction: column;
  row-gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-illust__item {
    row-gap: 2.253rem;
  }
}

.illust__img01 {
  width: 16rem;
}
@media screen and (max-width: 767px) {
  .illust__img01 {
    width: 31.23rem;
  }
}

.illust__img02 {
  width: 16.5rem;
}
@media screen and (max-width: 767px) {
  .illust__img02 {
    width: 32.2rem;
  }
}

.illust__img03 {
  width: 16.1rem;
}
@media screen and (max-width: 767px) {
  .illust__img03 {
    width: 31.42rem;
  }
}

.p-illust__text {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .p-illust__text {
    font-size: 2.628rem;
  }
}

.p-explanation__summary {
  height: 22.5rem;
  background: url(../images/Frame\ 357.webp) no-repeat 50% 50%/contain;
  margin-top: 7rem;
}
@media screen and (max-width: 767px) {
  .p-explanation__summary {
    width: 72.21rem;
    height: 61.956rem;
    background: url(../images/Frame\ 357_sp.webp) no-repeat 50% 50%/contain;
    margin: 13.14rem auto 0;
  }
}

.p-point01__lower {
  height: 119.7rem;
}
@media screen and (max-width: 767px) {
  .p-point01__lower {
    height: 200.89rem;
  }
}

.p-lower01__graph {
  width: 73.7rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-lower01__graph {
    width: 100%;
    margin: 6.008rem auto 0;
  }
}

.p-lower01__text {
  text-align: center;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-lower01__text {
    margin: 6.008rem auto 0;
  }
}

.p-text01--lower01 {
  font-size: 2.4rem;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .p-text01--lower01 {
    font-size: 3.755rem;
  }
}

.p-text02--lower01 {
  display: flex;
  flex-direction: column;
  width: 47.2rem;
  font-size: 2rem;
  row-gap: 2.4rem;
  margin: 2.8rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-text02--lower01 {
    width: 67.336rem;
    font-size: 3.004rem;
    row-gap: 3.567rem;
    margin: 4.5rem auto 0;
  }
}

.p-text02__point {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.6rem;
  background: url(../images/Group\ 206.webp) no-repeat 50% 50%/contain;
}
@media screen and (max-width: 767px) {
  .p-text02__point {
    height: 6.947rem;
  }
}

.p-text03--lower01 {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  line-height: 180%;
  row-gap: 3.2rem;
  margin: 6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-text03--lower01 {
    font-size: 2.628rem;
    row-gap: 4.5rem;
    margin: 9.01rem auto 0;
  }
}

.border01::before {
  width: 16.5rem;
  height: 0.5rem;
}
@media screen and (max-width: 767px) {
  .border01::before {
    width: 27.38rem;
    height: 0.563rem;
  }
}

.p-lower01__summary {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 82.6rem;
  height: 14.8rem;
  background: linear-gradient(90deg, #0375D8 0%, #58DBFF 100%);
  font-size: 2rem;
  line-height: 180%;
  margin: 6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-lower01__summary {
    width: 100%;
    height: 32.1rem;
    font-size: 3.38rem;
    margin: 9.01rem auto 0;
  }
}
.p-lower01__summary::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: url(../images/Rectangle\ 160.webp) no-repeat 50% 50%/contain;
  width: 80.6rem;
  height: 12.864rem;
}
@media screen and (max-width: 767px) {
  .p-lower01__summary::before {
    background: url(../images/Rectangle\ 160_sp.webp) no-repeat 50% 50%/contain;
    width: 72.8rem;
    height: 28.35rem;
  }
}

/* point02セクション */
.p-point02 {
  padding-top: 17.3rem;
}
@media screen and (max-width: 767px) {
  .p-point02 {
    overflow: hidden;
    padding-top: 29.5rem;
  }
}

.p-point02__img {
  width: 51rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point02__img {
    width: 72.21rem;
    margin: 6.008rem auto 0;
  }
}

.p-point02__text {
  width: 58.6rem;
  line-height: 150%;
  margin: 6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point02__text {
    width: 69.674rem;
    margin: 9.01rem auto 0;
  }
}

.p-point02__situation {
  display: flex;
  justify-content: space-between;
  height: 4.1rem;
}
@media screen and (max-width: 767px) {
  .p-point02__situation {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    row-gap: 2.253rem;
  }
}

.p-situation__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.6rem;
  border: solid 1px #2D2D2D;
  padding-left: 3rem;
}
@media screen and (max-width: 767px) {
  .p-situation__item {
    height: 7.698rem;
    font-size: 3.004rem;
    padding-left: 4.5rem;
  }
}
.p-situation__item::before {
  position: absolute;
  top: 50%;
  left: 1.2rem;
  transform: translateY(-50%);
  content: "";
  background: url(../images/Group\ 214.png) no-repeat 50% 50%/contain;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-situation__item::before {
    left: 2.5rem;
    width: 4.879rem;
    height: 4.879rem;
  }
}

.situation__item01 {
  width: 28.5rem;
}
@media screen and (max-width: 767px) {
  .situation__item01 {
    width: 55.62rem;
  }
}

.situation__item02 {
  width: 26.9rem;
}
@media screen and (max-width: 767px) {
  .situation__item02 {
    width: 52.5rem;
  }
}

.p-point02__phrase {
  text-align: center;
  transform: rotate(-2.35deg);
  font-size: 2.8rem;
  margin: 6rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point02__phrase {
    font-size: 4.506rem;
    margin: 9.01rem auto 0;
  }
}

.p-point02__feature {
  position: relative;
  text-align: center;
  border: solid 3px #009CFF;
  border-radius: 2rem;
  padding: 4.6rem 0;
  margin: 8rem auto 0;
}
.p-point02__feature::before {
  position: absolute;
  top: 10rem;
  left: 68rem;
  content: "";
  background: url(../images/Group\ 319.webp) no-repeat 50% 50%/contain;
  width: 21.038rem;
  height: 25.5rem;
}
@media screen and (max-width: 767px) {
  .p-point02__feature::before {
    top: 26rem;
    left: 51rem;
    width: 25.54rem;
    height: 29.66rem;
  }
}
@media screen and (max-width: 767px) {
  .p-point02__feature {
    width: 72.21rem;
    border-radius: 3.755rem;
    padding: 7rem 0;
    margin: 12.016rem auto 0;
  }
}

.p-feature__title--point02 {
  font-size: 2rem;
  line-height: 150%;
  margin-bottom: 2.472rem;
}
@media screen and (max-width: 767px) {
  .p-feature__title--point02 {
    font-size: 3.004rem;
    margin-bottom: 3.755rem;
  }
}

.p-feature__text--point02 {
  font-size: 1.6rem;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .p-feature__text--point02 {
    font-size: 2.253rem;
  }
}

.p-point02__summary {
  width: 71.5rem;
  margin: 10rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point02__summary {
    width: 72.21rem;
    margin: 13.518rem auto 0;
  }
}

.p-summary__title--point02 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6.5rem;
  font-size: 2.8rem;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .p-summary__title--point02 {
    height: 7.32rem;
    font-size: 3.38rem;
  }
}

.p-summary__list--point02 {
  display: flex;
  flex-direction: column;
  height: 22.2rem;
  background: #EDF7FF;
  font-size: 2.4rem;
  line-height: 150%;
  row-gap: 2rem;
  padding-top: 3rem;
  padding-left: 8rem;
}
@media screen and (max-width: 767px) {
  .p-summary__list--point02 {
    height: 27.04rem;
    font-size: 2.628rem;
    padding-top: 4.8rem;
    padding-left: 5.5rem;
  }
}

.p-feature__phrase--point02 {
  position: relative;
  text-align: center;
  font-size: 2.4rem;
  line-height: 150%;
  margin: 7.57rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-feature__phrase--point02 {
    font-size: 3.38rem;
    margin: 11.416rem auto 0;
  }
}
.p-feature__phrase--point02::before, .p-feature__phrase--point02::after {
  position: absolute;
  transform: translateY(-50%);
  content: "";
}
.p-feature__phrase--point02::before {
  top: 50%;
  left: -6.5rem;
  background: url(../images/素材\ \(1\)\ 2.webp) no-repeat 50% 50%/contain;
  width: 10.5rem;
  height: 11rem;
}
@media screen and (max-width: 767px) {
  .p-feature__phrase--point02::before {
    left: -0.5rem;
    width: 12.32rem;
    height: 12.36rem;
  }
}
.p-feature__phrase--point02::after {
  top: 30%;
  right: -3.5rem;
  background: url(../images/素材\ \(1\)\ 3.webp) no-repeat 50% 50%/contain;
  width: 8.7rem;
  height: 11rem;
}
@media screen and (max-width: 767px) {
  .p-feature__phrase--point02::after {
    right: 2rem;
    width: 10.2rem;
    height: 12.365rem;
  }
}

.p-point02__lower {
  padding-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .p-point02__lower {
    padding-bottom: 10rem;
  }
}

.p-lower02__text--upper {
  margin-top: 2.8rem;
}
@media screen and (max-width: 767px) {
  .p-lower02__text--upper {
    margin-top: 5.257rem;
  }
}

.lower02__text {
  display: flex;
  flex-direction: column;
  text-align: center;
  font-size: 1.6rem;
  line-height: 180%;
  row-gap: 2.7rem;
}
@media screen and (max-width: 767px) {
  .lower02__text {
    font-size: 2.628rem;
    row-gap: 4.5rem;
  }
}

.border02::before {
  width: 31.8rem;
  height: 0.5rem;
}
@media screen and (max-width: 767px) {
  .border02::before {
    left: 55%;
    width: 58rem;
    height: 0.563rem;
  }
}

.p-lower02__img {
  width: 95.793rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-lower02__img {
    width: 67.33rem;
    margin: 6.008rem auto 0;
  }
}

.p-lower02__text--lower {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .p-lower02__text--lower {
    margin-top: 6.008rem;
  }
}

/* point03セクション */
.p-point03 {
  position: relative;
  z-index: 2;
  padding-top: 10rem;
}

.p-point03__img {
  width: 51rem;
  margin: 3.962rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__img {
    width: 72.21rem;
    margin: 6rem auto 0;
  }
}

.p-point03__title--upper {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56.3rem;
  height: 10.3rem;
  font-size: 2.4rem;
  line-height: 180%;
  margin: 6.038rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__title--upper {
    width: 72.21rem;
    height: 14.83rem;
    font-size: 3.38rem;
    margin: 8.5rem auto 0;
  }
}
.p-point03__title--upper::before, .p-point03__title--upper::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 10.3rem;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .p-point03__title--upper::before, .p-point03__title--upper::after {
    width: 15.4rem;
  }
}
.p-point03__title--upper::before {
  left: 0;
  background: url(../images/Line\ 95.webp) no-repeat 0% 50%/contain;
}
.p-point03__title--upper::after {
  right: 0;
  background: url(../images/Line\ 96.webp) no-repeat 100% 50%/contain;
}

.p-point03__connect--upper {
  width: 20.1rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-point03__connect--upper {
    width: 35.36rem;
  }
}

.p-point03__first--upper {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__first--upper {
    margin: 6.008rem auto 0;
  }
}

.p-point03__answer01--upper {
  width: 63.687rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-point03__answer01--upper {
    width: 64.77rem;
  }
}

.p-point03__answer02--upper {
  text-align: center;
  font-size: 1.6rem;
  line-height: 180%;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__answer02--upper {
    font-size: 3.38rem;
    margin: 6.008rem auto 0;
  }
}

.blue-box {
  position: relative;
  width: 16.8rem;
  height: 3.1rem;
  font-size: 2.4rem;
  line-height: 130%;
  margin: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .blue-box {
    width: 40.4rem;
    height: 5.82rem;
    font-size: 5.257rem;
    margin: 0 0.976rem;
  }
}
.blue-box::before {
  position: absolute;
  z-index: -1;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  background: #0088FF 50% 50%/cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .blue-box::before {
    top: 65%;
  }
}

.p-point03__answer03--upper {
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 66.2rem;
  height: 24.8rem;
  background: url(../images/Group\ 221.webp) no-repeat 50% 50%/contain;
  font-size: 1.6rem;
  line-height: 180%;
  row-gap: 2.5rem;
  padding-top: 3.2rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__answer03--upper {
    width: 72.21rem;
    height: 48.81rem;
    background: url(../images/Group\ 221_sp.webp) no-repeat 50% 50%/contain;
    font-size: 2.628rem;
    row-gap: 4.5rem;
    padding-top: 5.5rem;
    margin: 6.008rem auto 0;
  }
}

.p-point03__second--upper {
  margin: 3.962rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__second--upper {
    margin: 7.44rem auto 0;
  }
}

.p-point03__solution01 {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2.4rem;
  line-height: 150%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-point03__solution01 {
    font-size: 4.506rem;
  }
}

.underline {
  position: relative;
}
.underline::before {
  position: absolute;
  bottom: -0.1em;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background: #FFDB59;
  width: 100%;
  height: 5px;
}

.solution-text {
  text-align: center;
  font-size: 1.6rem;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .solution-text {
    font-size: 3.004rem;
  }
}

.p-point03__solution02 {
  margin: 4.038rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__solution02 {
    margin: 7.58rem auto 0;
  }
}

.p-point03__img--upper {
  width: 28.9rem;
  margin: 2rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__img--upper {
    width: 56.4rem;
    margin: 3.755rem auto 0;
  }
}

.p-point03__solution03 {
  margin: 4rem auto 0;
}
@media screen and (max-width: 767px) {
  .p-point03__solution03 {
    margin: 6.008rem auto 0;
  }
}

.p-point03__lower {
  padding-bottom: 13.4rem;
}

.p-lower03__contents {
  width: 82.3rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-lower03__contents {
    width: 72.21rem;
  }
}

.p-point03__solution-step {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 36.5rem;
}
@media screen and (max-width: 767px) {
  .p-point03__solution-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 172.35rem;
  }
}
.p-point03__solution-step::before {
  position: absolute;
  top: 61%;
  left: 48%;
  transform: translate(-50%, -50%);
  content: "";
  background: url(../images/Group\ 237.png) no-repeat 50% 50%/contain;
  width: 12.2rem;
  height: 9.3rem;
}
@media screen and (max-width: 767px) {
  .p-point03__solution-step::before {
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 23.81rem;
    height: 17.46rem;
  }
}

.p-solution-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.3rem;
}
@media screen and (max-width: 767px) {
  .p-solution-step {
    row-gap: 2.44rem;
  }
}

.step--before {
  width: 28rem;
}
@media screen and (max-width: 767px) {
  .step--before {
    width: 54.65rem;
  }
}

.step--after {
  width: 34rem;
}
@media screen and (max-width: 767px) {
  .step--after {
    width: 66.36rem;
  }
}

.p-solution-step__text {
  text-align: center;
  font-weight: 600;
  line-height: 180%;
}

.text--before {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .text--before {
    font-size: 3.004rem;
  }
}

.text--after {
  font-size: 2rem;
  color: #F20000;
}
@media screen and (max-width: 767px) {
  .text--after {
    font-size: 3.755rem;
  }
}

.p-solution-step__img {
  width: 28rem;
}
@media screen and (max-width: 767px) {
  .p-solution-step__img {
    width: 54.65rem;
  }
}

.p-point03__summary {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 12.2rem;
  font-size: 1.6rem;
  line-height: 180%;
  border: solid 3px #0088FF;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .p-point03__summary {
    width: 72.21rem;
    height: 33.79rem;
    font-size: 3.004rem;
    margin: 11.265rem auto 0;
  }
}/*# sourceMappingURL=about.css.map */