/*====================================================================================
1. START MAIN VISUAL SECTION.
====================================================================================*/
.p-top-mainvisual {
  position: relative;
  display: inline-block;
}
.p-top-mainvisual .swiper {
  width: 100%;
  overflow: visible;
}
.p-top-mainvisual .swiper-wrapper {
  align-items: center;
  padding-bottom: 4rem;
}
.p-top-mainvisual .swiper-slide {
  width: 90%;
  max-width: 1200px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  opacity: 0.6;
  margin: 0 0.5rem;
}
.p-top-mainvisual .swiper-slide a {
  display: block;
  width: 100%;
}
.p-top-mainvisual .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.p-top-mainvisual .swiper-slide-active {
  opacity: 1;
}
.p-top-mainvisual .swiper-button-prev,
.p-top-mainvisual .swiper-button-next {
  background: var(--theme-color-2);
  border: 1px solid var(--theme-color-1);
  border-radius: 50%;
}
.p-top-mainvisual .swiper-button-prev:after,
.p-top-mainvisual .swiper-button-next:after {
  position: absolute;
  content: "";
  border: 2px solid var(--theme-color-3);
  border-left: none;
  border-bottom: none;
  border-radius: 2px;
}
.p-top-mainvisual .swiper-button-prev {
  left: 2%;
}
.p-top-mainvisual .swiper-button-prev:after {
  transform: rotate(-135deg);
}
.p-top-mainvisual .swiper-button-next {
  right: 2%;
}
.p-top-mainvisual .swiper-button-next:after {
  transform: rotate(45deg);
}
.p-top-mainvisual .swiper-pagination-bullet {
  background: var(--theme-color-11);
  border: 1px solid var(--theme-color-6);
  width: 1.2rem;
  height: 1.2rem;
  margin: 0 1rem !important;
}
.p-top-mainvisual .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme-color-3);
  border: 1px solid var(--theme-color-3);
}
.p-top-s1 {
  position: relative;
  background: url("../images/top/s1_bg.webp") repeat top center;
  background-size: 4.6rem;
  padding: 5rem 0 10rem;
  border-radius: 8px;
}
.p-top-s1:after {
  position: absolute;
  content: "";
  background: var(--theme-color-2);
  clip-path: polygon(50% 59%, 100% 0, 100% 100%, 0 100%, 0 0);
  width: 100%;
  bottom: 0;
  left: 0;
}
.p-top-s1__main {
  position: relative;
  width: 100%;
  max-width: 75rem;
  background: var(--theme-color-2);
  border-radius: 2.5rem;
  box-shadow: 4px 4px 0 rgba(65, 103, 206, 0.5);
  padding: 2.5rem 1.5rem;
  margin: auto;
}
.p-top-s1__main:after, .p-top-s1__main:before {
  position: absolute;
  content: "";
}
.p-top-s1__main:after {
  background: url("../images/top/s1_img01.webp") no-repeat;
  background-size: 100%;
  width: 501px;
  height: 420px;
}
.p-top-s1__main:before {
  background: url("../images/top/s1_img02.webp") no-repeat;
  background-size: 100%;
  width: 467px;
  height: 395px;
}
.p-top-s1__head {
  position: absolute;
  text-align: center;
  top: -3rem;
  left: 0;
  right: 0;
}
.p-top-s1__head h2 {
  position: relative;
  display: inline-block;
  background: var(--theme-color-8);
  border-radius: 4rem;
  padding: 0.5rem 1rem;
  text-align: center;
  margin-bottom: 3rem;
}
.p-top-s1__head h2:after {
  position: absolute;
  content: "";
  background: var(--theme-color-8);
  width: 2rem;
  height: 1.3rem;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  left: 0;
  right: 0;
  bottom: -1.3rem;
  margin: auto;
}
.p-top-s1__head h2 span {
  display: inline-block;
  background: url("../images/top/s1_icon_light.webp") no-repeat center left;
  background-size: 3.6rem;
  padding-left: 4.5rem;
  font-size: 2rem;
  color: var(--theme-color-2);
  font-weight: bold;
  text-align: center;
}
.p-top-s1__title {
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 2rem;
}
.p-top-s1__title span {
  color: var(--theme-color-8);
}
.p-top-s1__cont {
  display: flex;
  justify-content: center;
}
.p-top-s2 {
  position: relative;
}
.p-top-s2:after, .p-top-s2:before {
  position: absolute;
  content: "";
  z-index: -1;
}
.p-top-s2:after {
  background: url("../images/top/s2_shape1.webp") no-repeat top left;
  background-size: 100%;
  width: 514px;
  height: 958px;
  top: 0;
}
.p-top-s2:before {
  background: url("../images/top/s2_shape2.webp") no-repeat top right;
  background-size: 100%;
  width: 820px;
  height: 1032px;
}
.p-top-s2__title {
  text-align: center;
  margin-bottom: 2rem;
}
.p-top-s2__title h2 {
  position: relative;
  display: flex;
  justify-content: center;
}
.p-top-s2__title span {
  position: relative;
  font-size: 1.8rem;
  padding: 0 2rem;
}
.p-top-s2__title span:after, .p-top-s2__title span:before {
  position: absolute;
  content: "";
  background: url("../images/top/line-pink.webp") no-repeat top left;
  background-size: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.p-top-s2__title span:after {
  left: 0;
}
.p-top-s2__title span:before {
  right: 0;
  transform: scale(-1, 1);
}
.p-top-s2__title span img {
  width: 15.15rem;
  margin: 0 0.5rem;
}
.p-top-s2__main {
  max-width: 85rem;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .p-top-mainvisual .swiper-button-prev,
  .p-top-mainvisual .swiper-button-next {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-top-mainvisual .swiper-button-prev:after,
  .p-top-mainvisual .swiper-button-next:after {
    width: 0.8rem;
    height: 0.8rem;
  }
  .p-top-mainvisual .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0 0.5rem !important;
  }
  .p-top-s1:after {
    height: 5rem;
  }
  .p-top-s1__main:after, .p-top-s1__main:before {
    zoom: 20%;
    bottom: -33rem;
  }
  .p-top-s1__main:before {
    right: 0;
  }
  .p-top-s1__main:after {
    left: 0;
  }
  .p-top-s1__head h2 span {
    background-size: 2.4rem;
    padding-left: 3rem;
    font-size: 1.8rem;
  }
  .p-top-s2:after, .p-top-s2:before {
    zoom: 20%;
  }
  .p-top-s2:after {
    left: -10%;
  }
  .p-top-s2:before {
    top: -5%;
    right: -20%;
  }
}
@media only screen and (min-width: 768px) {
  .p-top-mainvisual {
    margin: 3rem 0;
  }
  .p-top-mainvisual .swiper-slide {
    width: 72%;
    margin: 0 1%;
  }
  .p-top-mainvisual .swiper-button-prev,
  .p-top-mainvisual .swiper-button-next {
    width: 5rem;
    height: 5rem;
  }
  .p-top-mainvisual .swiper-button-prev:after,
  .p-top-mainvisual .swiper-button-next:after {
    width: 1.2rem;
    height: 1.2rem;
  }
  .p-top-mainvisual .swiper-button-prev:hover,
  .p-top-mainvisual .swiper-button-next:hover {
    background: var(--theme-color-3);
    border-color: var(--theme-color-3);
  }
  .p-top-mainvisual .swiper-button-prev:hover:after,
  .p-top-mainvisual .swiper-button-next:hover:after {
    border-color: var(--theme-color-2);
  }
  .p-top-mainvisual .swiper-button-prev {
    left: 12%;
  }
  .p-top-mainvisual .swiper-button-next {
    right: 12%;
  }
  .p-top-mainvisual .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 1rem !important;
  }
  .p-top-s1 {
    padding: 8rem 0 13rem;
  }
  .p-top-s1:after {
    height: 15rem;
  }
  .p-top-s1__main {
    padding: 5rem;
  }
  .p-top-s1__main:after, .p-top-s1__main:before {
    zoom: 50%;
    bottom: -8rem;
  }
  .p-top-s1__main:after {
    left: -11%;
  }
  .p-top-s1__main:before {
    right: -11%;
  }
  .p-top-s1__head h2 {
    padding: 1rem 3rem;
  }
  .p-top-s1__head h2 span {
    background-size: 3.6rem;
    padding-left: 4.5rem;
    font-size: 2.4rem;
  }
  .p-top-s1__title {
    font-size: 3.6rem;
    margin-bottom: 4rem;
  }
  .p-top-s2:after, .p-top-s2:before {
    zoom: 50%;
  }
  .p-top-s2:before {
    top: -20%;
    right: -11%;
  }
  .p-top-s2__title {
    margin-bottom: 4rem;
  }
  .p-top-s2__title span {
    font-size: 4rem;
    padding: 0 3rem;
  }
  .p-top-s2__title span:after, .p-top-s2__title span:before {
    width: 2.45rem;
    height: 4.25rem;
  }
  .p-top-s2__title span img {
    width: 30.3rem;
    margin: 0 1rem;
  }
}
@media only screen and (min-width: 1920px) {
  .p-top .swiper-button-prev {
    left: 17%;
  }
  .p-top .swiper-button-next {
    right: 17%;
  }
}

/*====================================================================================
2. START MAIN PAGE
====================================================================================*/
/*============================== START SEC 01 ==============================*/
.c-list_check li {
  background: url("../images/top/icon_check-blue.webp") no-repeat left top 0.7rem;
  background-size: 1.5rem;
  padding-left: 2.5rem;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .c-list_check li {
    background-size: 2.1rem;
    padding-left: 3rem;
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}

/*============================== START SEC faq ==============================*/
.c-reason {
  position: relative;
  background: #FBE6E6;
  padding: 1rem 0 7rem;
}
.c-reason:after {
  position: absolute;
  content: "";
  background: #FBE6E6;
  width: 40%;
  height: 32rem;
  border-radius: 50%;
  left: 0;
  right: 0;
  top: -2rem;
  margin: auto;
  z-index: -1;
}
.c-reason__img-ab {
  position: absolute;
}
@media only screen and (max-width: 767px) {
  .c-reason__img-ab img {
    zoom: 25%;
  }
  .c-reason__img-ab.img-top {
    top: -3rem;
    right: 28%;
  }
  .c-reason__img-ab.img-bottom {
    bottom: -2rem;
    right: 5%;
  }
}
@media only screen and (min-width: 768px) {
  .c-reason {
    padding: 2rem 0 14rem;
  }
  .c-reason:after {
    top: -6rem;
  }
  .c-reason__img-ab img {
    zoom: 50%;
  }
  .c-reason__img-ab.img-top {
    top: -7rem;
    right: 30%;
  }
  .c-reason__img-ab.img-bottom {
    bottom: -2rem;
    right: 5%;
  }
}

/*============================== START c-list_number ==============================*/
.c-list_number {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4rem;
  margin-bottom: 4rem;
}
.c-list_number__item {
  position: relative;
  width: 100%;
  background: var(--theme-color-2);
  border-radius: 2rem;
  box-shadow: 4px 4px 0 rgba(254, 125, 173, 0.5);
  counter-increment: number;
  padding: 2.5rem 1.5rem;
}
.c-list_number__item:after {
  position: absolute;
  content: counter(number, decimal-leading-zero);
  color: var(--theme-color-2);
  -webkit-text-stroke: 1px var(--theme-color-3);
  text-stroke: 1px var(--theme-color-3);
  font-family: var(--theme-font-en-primary);
  text-shadow: 1.5px 1.5px 0 var(--theme-color-3);
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1;
  top: -2rem;
  left: 1.5rem;
}
.c-list_number__item:nth-child(2) .c-list_number__img, .c-list_number__item:nth-child(3) .c-list_number__img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-list_number__item:nth-child(2) .c-list_number__img img, .c-list_number__item:nth-child(3) .c-list_number__img img {
  zoom: 50%;
}
.c-list_number__title {
  font-size: 2rem;
  margin-bottom: 1rem;
  text-align: center;
}
.c-list_number__title span {
  color: var(--theme-color-3);
}
.c-list_number__img {
  position: relative;
}
.c-list_number__img .circle {
  position: absolute;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .c-list_number__title {
    text-align: center;
  }
  .c-list_number__img {
    margin-bottom: 1rem;
  }
  .c-list_number__img .circle {
    zoom: 25%;
    top: -3rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-list_number {
    margin-bottom: 8rem;
  }
  .c-list_number__item {
    width: calc((100% - 4rem) / 2);
    border-radius: 3rem;
    padding: 5rem 4rem;
  }
  .c-list_number__item--full {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 3rem;
  }
  .c-list_number__item--full .c-list_number__img {
    width: 55%;
  }
  .c-list_number__item--full .c-list_number__txt {
    width: calc(45% - 3rem);
  }
  .c-list_number__item--full .c-list_number__title {
    text-align: left;
  }
  .c-list_number__item:after {
    font-size: 4.4rem;
    left: 4rem;
  }
  .c-list_number__item:nth-child(2) .c-list_number__img, .c-list_number__item:nth-child(3) .c-list_number__img {
    height: 15rem;
  }
  .c-list_number__title {
    font-size: 2.8rem;
    margin-bottom: 2.5rem;
  }
  .c-list_number__img .circle {
    zoom: 50%;
    top: -6rem;
  }
}

/*============================== START c-style_box01 ==============================*/
.c-style_box01 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 4rem;
  margin-bottom: 3.5rem;
}
.c-style_box01__img img {
  width: 12.5rem;
}
.c-style_box01__txt {
  position: relative;
  width: 100%;
  max-width: max-content;
  background: var(--theme-color-2);
  padding: 1.5rem;
  border-radius: 1.5rem;
  font-size: 1.6rem;
}
.c-style_box01__txt:after {
  position: absolute;
  content: "";
  background: url("../images/top/s3_arrow-white.webp") no-repeat;
  background-size: 100%;
  width: 3.25rem;
  height: 2.1rem;
}
.c-style_box01__txt span {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .c-style_box01 {
    flex-wrap: wrap;
  }
  .c-style_box01__txt:after {
    left: 0;
    right: 0;
    top: -1.5rem;
    margin: auto;
    transform: rotate(135deg);
  }
}
@media only screen and (min-width: 768px) {
  .c-style_box01 {
    margin-bottom: 7rem;
  }
  .c-style_box01__txt {
    padding: 3.5rem;
    border-radius: 3rem;
    font-size: 1.8rem;
  }
  .c-style_box01__txt span {
    font-weight: bold;
    font-size: 2rem;
  }
  .c-style_box01__txt:after {
    bottom: 3rem;
    left: -2.3rem;
  }
}

/*============================== START c-list_card ==============================*/
.c-list_card {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.c-list_card__item {
  width: 100%;
  background: var(--theme-color-2);
  box-shadow: 4px 4px 0 rgba(254, 125, 173, 0.5);
  border-radius: 2rem;
  overflow: hidden;
}
.c-list_card__txt {
  padding: 1.5rem;
}
.c-list_card__title {
  text-align: center;
  margin-top: -1.5rem;
}
.c-list_card__title span {
  display: inline-block;
  background: var(--theme-color-2);
  color: var(--theme-color-3);
  font-size: 1.8rem;
  border-radius: 1rem 1rem 0 0;
  padding: 0.7rem 1.5rem 0;
}
@media only screen and (min-width: 768px) {
  .c-list_card {
    gap: 3.5rem;
  }
  .c-list_card__item {
    width: calc((100% - 7rem) / 3);
    border-radius: 3rem;
  }
  .c-list_card__txt {
    padding: 2rem 2.5rem 2.5rem;
  }
  .c-list_card__title {
    margin-top: -2.5rem;
  }
  .c-list_card__title span {
    font-size: 2.4rem;
    padding: 1.5rem 3rem 0;
    border-radius: 1.5rem 1.5rem 0 0;
  }
}

/*============================== START c-why_choose ==============================*/
.c-why_choose .c-btn__link--larger {
  position: relative;
  width: 90%;
}
.c-why_choose .c-btn__link--larger .illu {
  position: absolute;
  left: -1rem;
  bottom: 0;
  opacity: 1;
}
.c-why_choose .c-btn__link--larger .note-illu {
  position: absolute;
  background: var(--theme-color-2);
  max-width: max-content;
  border-radius: 3rem;
  border: 2px solid var(--theme-color-3);
  text-align: center;
  color: var(--theme-color-1);
  font-size: 1.4rem;
  padding: 0.5rem 1rem;
  left: 0;
  right: 0;
  margin: auto;
}
.c-why_choose .c-btn__link--larger .note-illu:after {
  position: absolute;
  content: "";
  background: var(--theme-color-2);
  width: 2.2rem;
  height: 1.5rem;
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
  left: -1.5rem;
  bottom: 0.5rem;
  transform: rotate(-30deg);
}
@media only screen and (max-width: 767px) {
  .c-why_choose .c-btn__link--larger {
    margin-top: 8rem;
  }
  .c-why_choose .c-btn__link--larger .illu {
    zoom: 35%;
  }
  .c-why_choose .c-btn__link--larger .note-illu {
    left: 25%;
    right: auto;
    top: -4rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-why_choose .c-btn__link--larger {
    width: 44rem;
  }
  .c-why_choose .c-btn__link--larger .illu {
    width: 10.4rem;
    left: -2.2rem;
  }
  .c-why_choose .c-btn__link--larger .note-illu {
    top: -4rem;
    font-size: 1.6rem;
    padding: 0.6rem 2rem;
  }
}

/*============================== START c-box_reason  ==============================*/
.c-box_reason {
  position: relative;
  width: 100%;
  background: var(--theme-color-2);
  background-size: 2rem;
  box-shadow: 4px 4px 0 rgba(254, 125, 173, 0.5);
  padding: 2rem 1rem;
}
.c-box_reason__number {
  position: absolute;
  width: auto;
  max-width: max-content;
  background: var(--theme-color-3);
  border-radius: 2rem 2rem 2rem 0;
  font-family: var(--theme-font-en-primary);
  font-size: 1.7rem;
  color: var(--theme-color-2);
  font-weight: bold;
  padding: 0.2rem 3rem;
  top: -2rem;
}
.c-box_reason__number span {
  font-size: 1.8rem;
  padding-left: 0.5rem;
}
.c-box_reason__title {
  font-size: 2.2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #8F8F8F;
  text-align: center;
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .c-box_reason {
    display: inline-block;
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-box_reason {
    border-radius: 3rem;
    padding: 4rem 6rem;
  }
  .c-box_reason__number {
    font-size: 2rem;
  }
  .c-box_reason__number span {
    font-size: 2.1rem;
  }
  .c-box_reason__title {
    font-size: 3.2rem;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
  }
}

.reason-2 {
  margin-top: 6rem;
  box-shadow: 4px 4px 0 rgba(105, 200, 214, 0.5);
}
.reason-2 .c-box_reason__number {
  background: var(--theme-color-4);
}
.reason-2 .c-list_box01__item {
  padding-top: 1rem;
  border: none;
}
.reason-2__chart {
  position: relative;
  background: url("../images/top/s4_reason2-arrow.webp") no-repeat;
  margin: 2rem 0;
}
.reason-2__list-circle {
  display: flex;
  justify-content: center;
}
.reason-2__list-circle li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  background: #F9F0E5;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  gap: 0.5rem;
}
.reason-2__list-circle li:first-child {
  font-size: 1.4rem;
}
.reason-2__list-circle li:nth-child(2) .indeed {
  font-size: 1.4rem;
  font-weight: bold;
  font-family: var(--theme-font-en-primary);
  color: #004FCB;
  line-height: 1;
}
.reason-2__list-circle li:nth-child(1), .reason-2__list-circle li:nth-child(4) {
  transform: translateY(1.5rem);
}
.reason-2__box-dot {
  background: var(--theme-color-2);
  border: 2px solid var(--theme-color-3);
  width: max-content;
  max-width: 100%;
  border-radius: 3rem;
}
.reason-2__box-dot .title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.reason-2__box-dot .title img {
  zoom: 40%;
  padding-right: 1rem;
}
.reason-2__box-dot .c-list-dot {
  max-width: 48rem;
}
.reason-2 .text-last {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: var(--theme-color-3);
}
.reason-2 .text-last span {
  position: relative;
  padding: 0 3rem;
}
.reason-2 .text-last span:after, .reason-2 .text-last span:before {
  position: absolute;
  content: "";
  background: url("../images/top/s4_reason2-line_ttl.webp") no-repeat;
  background-size: 50%;
  width: 3rem;
  height: 3rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.reason-2 .text-last span:after {
  left: 0;
}
.reason-2 .text-last span:before {
  right: 0;
  transform: scale(-1, 1);
}
.reason-2__point {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #FBE6E6;
  border-radius: 1.5rem;
  max-width: 75rem;
  margin: 1.5rem auto 0;
}
.reason-2__point-img {
  zoom: 50%;
}
.reason-2__point-txt {
  position: relative;
}
.reason-2__point-txt:after {
  position: absolute;
  content: "";
  background: rgba(112, 112, 112, 0.5);
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .reason-2__chart {
    background-size: 95%;
    background-position: top 7rem center;
    max-width: 335px;
    max-height: 335px;
    margin: auto;
  }
  .reason-2__box-dot {
    padding: 1.5rem 2rem;
    margin: 3rem auto 5rem;
  }
  .reason-2__list-circle {
    gap: 1rem;
  }
  .reason-2__list-circle li {
    width: 8rem;
    height: 8rem;
  }
  .reason-2__list-circle li img {
    zoom: 20%;
  }
  .reason-2__point {
    padding: 1.5rem 1rem;
    flex-wrap: wrap;
  }
  .reason-2__point-img {
    width: 100%;
    text-align: center;
  }
  .reason-2__point-txt {
    padding: 1.5rem 0 0;
  }
  .reason-2__point-txt:after {
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
  }
  .reason-2__box-dot .c-list-dot {
    gap: 0.5rem 2rem;
  }
  .reason-2__box-dot .c-list-dot li {
    min-width: 30%;
  }
}
@media only screen and (min-width: 768px) {
  .reason-2 {
    margin-top: 9rem;
  }
  .reason-2 .c-list_box01__item {
    align-items: center;
  }
  .reason-2__chart {
    background-position: top 13rem center;
    background-size: 50%;
    margin: 4rem 0;
  }
  .reason-2__list-circle {
    gap: 3rem;
  }
  .reason-2__list-circle li {
    width: 14rem;
    height: 14rem;
    font-size: 1.4rem;
  }
  .reason-2__list-circle li:first-child {
    font-size: 1.6rem;
  }
  .reason-2__list-circle li:nth-child(2) .indeed {
    font-size: 2.6rem;
  }
  .reason-2__list-circle li:nth-child(1), .reason-2__list-circle li:nth-child(4) {
    transform: translateY(3rem);
  }
  .reason-2__list-circle li img {
    zoom: 50%;
  }
  .reason-2__box-dot {
    padding: 2rem 5rem;
    border-radius: 10rem;
    margin: 8rem auto 11rem;
  }
  .reason-2__box-dot .title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .reason-2__box-dot .title img {
    padding-right: 2rem;
    zoom: 50%;
  }
  .reason-2 .text-last {
    font-size: 2.8rem;
  }
  .reason-2__point {
    padding: 1.5rem 0;
    margin: 3rem auto 0;
  }
  .reason-2__point-img, .reason-2__point-txt {
    padding: 0 3rem;
  }
  .reason-2__point-img {
    margin-bottom: -3rem;
  }
  .reason-2__point-txt {
    max-width: 78%;
  }
  .reason-2__point-txt:after {
    width: 1px;
    height: 90%;
    left: 0;
    top: 0;
    bottom: 0;
  }
}

.reason-3 {
  margin-top: 6rem;
  box-shadow: 4px 4px 0 rgba(243, 124, 71, 0.5);
}
.reason-3 .c-box_reason__number {
  background: var(--theme-color-9);
}
@media only screen and (min-width: 768px) {
  .reason-3 {
    padding-bottom: 5rem;
    margin-top: 9rem;
  }
}

/*============================== START c-list_card ==============================*/
.c-list_card2 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 4rem;
}
.c-list_card2__item {
  width: 100%;
  background: #F9EFE5;
  border-radius: 1.5rem;
  padding: 1.5rem 1rem;
}
.c-list_card2__img {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 1rem;
}
.c-list_card2__img img {
  zoom: 50%;
}
.c-list_card2__title {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .c-list_card2 {
    gap: 2rem;
    margin-bottom: 8rem;
  }
  .c-list_card2__item {
    width: calc((100% - 4rem) / 3);
    padding: 2.5rem;
  }
  .c-list_card2__title {
    font-size: 2.2rem;
  }
}

/*============================== START c-style_box02 ==============================*/
.c-style_box02 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
  margin-bottom: 2rem;
}
.c-style_box02__txt {
  width: 100%;
  font-size: 1.6rem;
}
.c-style_box02__txt p + p {
  margin-top: 1rem;
}
.c-style_box02__title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.c-style_box02__title .number {
  font-size: 2.6rem;
  color: var(--theme-color-3);
}
.c-style_box02__img {
  position: relative;
  width: 24rem;
}
.c-style_box02__number {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 6rem;
  margin: auto;
  font-family: var(--theme-font-en-primary);
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1;
}
.c-style_box02__number span {
  display: inline-block;
  font-size: 8.6rem;
  font-weight: 600;
  margin-right: -1rem;
}
@media only screen and (max-width: 767px) {
  .c-style_box02 {
    flex-direction: column-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .c-style_box02 {
    gap: 8rem;
    margin-bottom: 4rem;
  }
  .c-style_box02__txt {
    width: 48rem;
    font-size: 2rem;
  }
  .c-style_box02__txt p + p {
    margin-top: 2rem;
  }
  .c-style_box02__title {
    font-size: 2.8rem;
    margin-bottom: 2rem;
  }
  .c-style_box02__title .number {
    font-size: 4rem;
  }
}

/*============================== START c-list_box01 ==============================*/
.c-list_box01__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px dashed #707070;
  padding: 2rem 0;
}
.c-list_box01__img {
  width: 100%;
}
.c-list_box01__img img {
  width: 100%;
}
.c-list_box01__txt {
  width: 100%;
}
.c-list_box01__txt p + p {
  margin-top: 1rem;
}
.c-list_box01__title {
  background: url("../images/top/icon_check-pink.webp") no-repeat;
}
@media only screen and (max-width: 767px) {
  .c-list_box01__img {
    margin-bottom: 2rem;
  }
  .c-list_box01__title {
    background-size: 1.5rem;
    background-position: top 0.8rem left;
    padding-left: 2.2rem;
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-list_box01__item {
    padding: 4rem 0;
  }
  .c-list_box01__item--reverse {
    flex-direction: row-reverse;
  }
  .c-list_box01__img {
    width: 40%;
  }
  .c-list_box01__txt {
    width: 55%;
  }
  .c-list_box01__txt p + p {
    margin-top: 2rem;
  }
  .c-list_box01__title {
    background-size: 2.05rem;
    background-position: top 1rem left;
    padding-left: 3rem;
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}

/*============================== START c-table_reason ==============================*/
.c-table_reason {
  width: 100%;
  margin-bottom: 4rem;
}
.c-table_reason__thead .c-table_reason__row, .c-table_reason__tbody .c-table_reason__row {
  display: flex;
  width: 100%;
}
.c-table_reason__thead .c-table_reason__row p, .c-table_reason__tbody .c-table_reason__row p {
  background: var(--theme-color-2);
  text-align: center;
  padding: 0.7rem 0.5rem;
}
.c-table_reason__thead .c-table_reason__row p:nth-child(1), .c-table_reason__tbody .c-table_reason__row p:nth-child(1) {
  width: 17rem;
  text-align: left;
}
.c-table_reason__thead .c-table_reason__row p:nth-child(2), .c-table_reason__tbody .c-table_reason__row p:nth-child(2) {
  position: relative;
  width: 31rem;
}
.c-table_reason__thead .c-table_reason__row p:nth-child(2):after, .c-table_reason__tbody .c-table_reason__row p:nth-child(2):after {
  position: absolute;
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 3px solid var(--theme-color-3);
  border-bottom: none;
  top: -1px;
  left: 0;
}
.c-table_reason__thead .c-table_reason__row p:nth-child(3), .c-table_reason__thead .c-table_reason__row p:nth-child(4), .c-table_reason__tbody .c-table_reason__row p:nth-child(3), .c-table_reason__tbody .c-table_reason__row p:nth-child(4) {
  width: 24rem;
  background: #F3F3F3;
}
.c-table_reason__thead .c-table_reason__row {
  align-items: flex-end;
  font-weight: bold;
  font-size: 1.4rem;
}
.c-table_reason__thead .c-table_reason__row p {
  border: 1px solid var(--theme-color-1);
  border-left: none;
  border-radius: 1rem 1rem 0 0;
  border-bottom: none;
}
.c-table_reason__thead .c-table_reason__row p img {
  zoom: 22%;
}
.c-table_reason__thead .c-table_reason__row p:nth-child(1) {
  border: none;
}
.c-table_reason__thead .c-table_reason__row p:nth-child(2) {
  position: relative;
}
.c-table_reason__thead .c-table_reason__row p:nth-child(2):after {
  border-radius: 1rem 1rem 0 0;
}
.c-table_reason__tbody {
  border: 1px solid var(--theme-color-1);
  border-radius: 1rem 0 1rem 1rem;
}
.c-table_reason__tbody .c-table_reason__row {
  border-bottom: 1px solid #DEDEDE;
}
.c-table_reason__tbody .c-table_reason__row p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.c-table_reason__tbody .c-table_reason__row p:nth-child(1) {
  font-weight: bold;
}
.c-table_reason__tbody .c-table_reason__row p:nth-child(3), .c-table_reason__tbody .c-table_reason__row p:nth-child(4) {
  font-size: 1.2rem;
}
.c-table_reason__tbody .c-table_reason__row p:nth-child(2):after {
  width: calc(100% + 2px);
  border-top: none;
  left: -1px;
}
.c-table_reason__tbody .c-table_reason__row p:nth-child(3) {
  border-right: 1px solid var(--theme-color-1);
}
.c-table_reason__tbody .c-table_reason__row .txt-arrow {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--theme-color-5);
  padding-bottom: 1rem;
}
.c-table_reason__tbody .c-table_reason__row .txt-arrow:after {
  position: absolute;
  content: "";
  background: linear-gradient(to top, #EE1C47, #EE1F49, #FFFFFF);
  width: 1.5rem;
  height: 1rem;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.c-table_reason__tbody .c-table_reason__row:first-child p:nth-child(1) {
  border-radius: 1rem 0 0 0;
}
.c-table_reason__tbody .c-table_reason__row:last-child {
  border-bottom: none;
}
.c-table_reason__tbody .c-table_reason__row:last-child p:nth-child(1) {
  border-radius: 0 0 0 1rem;
}
.c-table_reason__tbody .c-table_reason__row:last-child p:nth-child(2) {
  border-bottom: none;
}
.c-table_reason__tbody .c-table_reason__row:last-child p:nth-child(2):before {
  position: absolute;
  content: "";
  background: #fff;
  width: calc(100% + 2px);
  height: 1.2rem;
  top: auto;
  bottom: -1.2rem;
  border: 3px solid var(--theme-color-3);
  border-top: none;
  border-radius: 0 0 1rem 1rem;
}
.c-table_reason__tbody .c-table_reason__row:last-child p:last-child {
  border-radius: 0 0 1rem 0;
}
@media only screen and (max-width: 767px) {
  .c-table_reason__thead .c-table_reason__row p:nth-child(2) {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .c-table_reason__tbody {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-table_reason {
    margin-bottom: 8rem;
  }
  .c-table_reason__thead .c-table_reason__row p, .c-table_reason__tbody .c-table_reason__row p {
    padding: 1.5rem;
  }
  .c-table_reason__thead .c-table_reason__row {
    font-size: 2.2rem;
  }
  .c-table_reason__thead .c-table_reason__row p img {
    zoom: 50%;
  }
  .c-table_reason__tbody .c-table_reason__row p:nth-child(3), .c-table_reason__tbody .c-table_reason__row p:nth-child(4) {
    font-size: 1.8rem;
  }
  .c-table_reason__tbody .c-table_reason__row .txt-arrow {
    font-size: 2.2rem;
  }
  .c-table_reason__tbody .c-table_reason__row:last-child p:nth-child(2):before {
    height: 2rem;
    bottom: -2rem;
  }
}

/*============================== START c-style_box03 ==============================*/
.c-style_box03 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
.c-style_box03__txt {
  width: 100%;
}
.c-style_box03__title {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.c-style_box03__img {
  width: 25.2rem;
}
.c-style_box03__img img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .c-style_box03__img {
    margin: auto;
  }
}
@media only screen and (min-width: 768px) {
  .c-style_box03 {
    gap: 4rem;
  }
  .c-style_box03__txt {
    width: calc(100% - 29.2rem);
  }
  .c-style_box03__txt p + p {
    margin-top: 2rem;
  }
  .c-style_box03__title {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}

/*============================== START c-cost ==============================*/
.c-cost {
  position: relative;
  padding-top: 8rem;
}
.c-cost:after {
  position: absolute;
  content: "";
  background: url("../images/top/s5_icon-bottom.webp") no-repeat;
  background-size: 100%;
  width: 535px;
  height: 188px;
  bottom: 0;
  right: 5%;
  zoom: 25%;
}
.c-cost__part {
  background: var(--theme-color-2);
  border-radius: 2rem;
  border: 2px solid var(--theme-color-3);
  overflow: hidden;
}
.c-cost__part + .c-cost__part {
  margin-top: 3rem;
}
.c-cost__part--orange {
  border-color: var(--theme-color-9);
}
.c-cost__part--orange .c-cost__title {
  background: var(--theme-color-9);
}
.c-cost__title {
  background: var(--theme-color-3);
  text-align: center;
  color: var(--theme-color-2);
  font-size: 2.4rem;
  padding: 1rem;
}
.c-cost__part-cont {
  padding: 1.5rem 1rem;
}
.c-cost__sub {
  text-align: center;
  font-size: 1.8rem;
  margin: 2rem 0 1rem;
}
.c-cost__list-card {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 4rem;
}
.c-cost__card {
  width: 100%;
  background: #F8E0E0;
  border-radius: 1rem;
  overflow: hidden;
  padding: 0.5rem;
}
.c-cost__card--orange {
  background: #FFE4C9;
}
.c-cost__card--yellow {
  background: #FFF1B5;
}
.c-cost__card--green {
  background: #CDE39F;
}
.c-cost__card--blue {
  background: #C0E2E8;
}
.c-cost__card-title {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}
.c-cost__card-title strong {
  font-weight: bold;
  font-size: 1.6rem;
}
.c-cost__card-title .number {
  font-size: 2.4rem;
  font-family: var(--theme-font-en-primary);
  padding: 0 0.3rem 0 0.6rem;
}
.c-cost__card-body {
  background: rgba(255, 255, 255, 0.9);
  padding: 1rem;
  border-radius: 0 0 0.5rem 0.5rem 0;
}
.c-cost__card-body .c-list-dot {
  gap: 0.5rem 1rem;
}
.c-cost__card-body .c-list-dot li {
  min-width: calc((100% - 1rem) / 2);
}
.c-cost__icon-plus {
  width: 100%;
  display: flex;
  justify-content: center;
}
.c-cost__icon-plus img {
  zoom: 50%;
}
.c-cost__estimate {
  position: relative;
  background: #FBE6E6;
  width: auto;
  max-width: 100%;
  font-weight: bold;
  font-size: 1.5rem;
  padding: 3rem 1rem;
  border-radius: 6rem;
  margin: auto;
}
.c-cost__estimate .number {
  font-family: var(--theme-font-en-primary);
  font-size: 2.2rem;
}
.c-cost__estimate-title {
  position: absolute;
  display: inline-block;
  background: var(--theme-color-3);
  max-width: max-content;
  color: var(--theme-color-2);
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 3rem;
  padding: 0.5rem 3rem;
  left: 0;
  right: 0;
  top: -1.5rem;
  margin: auto;
}
.c-cost__estimate-title:after {
  position: absolute;
  content: "";
  background: var(--theme-color-3);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  text-align: center;
  width: 2rem;
  height: 1rem;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: auto;
}
.c-cost__estimate-txt {
  background: url("../images/top/icon-money.webp") no-repeat center left;
  background-size: 3rem;
  padding-left: 4rem;
}
.c-cost__table {
  border-top: 2px solid #8D8D8D;
  border-bottom: 2px solid #8D8D8D;
  margin-bottom: 0.5rem;
}
.c-cost__table-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px dashed #ACACAC;
}
.c-cost__table-row dt, .c-cost__table-row dd {
  width: 25%;
  text-align: center;
}
.c-cost__table-row:nth-child(2) dt span {
  background: #FFF1B5;
}
.c-cost__table-row:nth-child(3) {
  border-bottom: none;
}
.c-cost__table-row:nth-child(3) dt span {
  background: #CDE39F;
}
.c-cost__table-row:nth-child(3) dd {
  font-weight: bold;
}
.c-cost__table dt {
  padding: 5px 0;
}
.c-cost__table dt span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #F8E0E0;
  min-height: 5rem;
  border-radius: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
}
.c-cost__table dd {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.c-cost__table dd:nth-child(odd) {
  background: #F9F0E5;
}
@media only screen and (min-width: 768px) {
  .c-cost {
    padding-top: 16rem;
  }
  .c-cost:after {
    right: 5%;
    zoom: 50%;
    bottom: 1%;
  }
  .c-cost__part + .c-cost__part {
    margin-top: 7rem;
  }
  .c-cost__title {
    font-size: 3.2rem;
  }
  .c-cost__part-cont {
    padding: 3rem;
  }
  .c-cost__sub {
    font-size: 2.8rem;
    margin: 3rem 0 2rem;
  }
  .c-cost__list-card {
    gap: 2.5rem;
    margin-bottom: 6rem;
  }
  .c-cost__card {
    width: calc((100% - 5rem) / 3);
    padding: 0.7rem;
  }
  .c-cost__card-title {
    font-size: 1.8rem;
  }
  .c-cost__card-title strong {
    font-size: 2rem;
  }
  .c-cost__card-title .number {
    font-size: 3.6rem;
    padding: 0 0.5rem 0 1rem;
  }
  .c-cost__card-body {
    width: 100%;
    padding: 2rem;
  }
  .c-cost__card-body .c-list-dot {
    gap: 0.5rem 3rem;
  }
  .c-cost__card-body .c-list-dot li {
    width: auto;
    min-width: calc((100% - 3rem) / 2);
  }
  .c-cost__estimate {
    max-width: max-content;
    font-size: 2.8rem;
    padding: 3rem 5rem;
    border-radius: 10rem;
  }
  .c-cost__estimate .number {
    font-size: 4.2rem;
  }
  .c-cost__estimate-title {
    font-size: 1.8rem;
    top: -2rem;
  }
  .c-cost__estimate-txt {
    background-size: 4.9rem;
    padding-left: 6.5rem;
  }
  .c-cost .c-list-indent {
    min-width: 63rem;
  }
  .c-cost__table dt span {
    font-size: 1.8rem;
  }
  .c-cost__table dd {
    font-size: 2rem;
  }
}

/*============================== START SEC backup ==============================*/
.c-backup {
  position: relative;
  background: url("../images/top/s6_bg.webp");
  background-size: 100%;
  padding: 5rem 0 6rem;
}
.c-backup:after, .c-backup:before {
  position: absolute;
  content: "";
}
.c-backup:after {
  background: url("../images/top/s6_img07.webp") no-repeat;
  background-size: 100%;
  width: 802px;
  height: 276px;
  left: 2%;
  bottom: -7rem;
}
.c-backup:before {
  background: url("../images/top/s6_img08.webp") no-repeat;
  background-size: 100%;
  width: 638px;
  height: 178px;
  right: 5%;
  bottom: -2.2rem;
}
.c-backup .c-title01 {
  position: relative;
}
.c-backup .c-title01:after {
  position: absolute;
  content: "";
  background: url("../images/top/s6_birth.webp") no-repeat;
  background-size: 100%;
  width: 231px;
  height: 186px;
  top: 0;
  right: 0;
  zoom: 25%;
}
.c-backup__list-card {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.c-backup__card {
  width: 100%;
  border-radius: 2rem;
  border: 2px solid var(--theme-color-3);
  overflow: hidden;
}
.c-backup__card-title {
  background: var(--theme-color-3);
  text-align: center;
  color: var(--theme-color-2);
  font-size: 1.8rem;
  padding: 1rem;
}
.c-backup__card-title span {
  font-size: 2rem;
}
.c-backup__card-body {
  width: 100%;
  background: var(--theme-color-2);
  padding: 1.5rem 1rem;
}
.c-backup__card-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--theme-color-11);
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
}
.c-backup__card-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 12rem;
}
.c-backup__card-img img {
  zoom: 30%;
}
.c-backup__card-txt {
  width: 100%;
}
.c-backup__card-txt .c-list-dot li {
  width: 100%;
}
.c-backup__card--blue {
  border-color: var(--theme-color-4);
}
.c-backup__card--blue .c-backup__card-title {
  background: var(--theme-color-4);
}
.c-backup__card--orange {
  border-color: var(--theme-color-9);
}
.c-backup__card--orange .c-backup__card-title {
  background: var(--theme-color-9);
}
.c-backup__card--green {
  border-color: var(--theme-color-6);
}
.c-backup__card--green .c-backup__card-title {
  background: var(--theme-color-6);
}
@media only screen and (max-width: 767px) {
  .c-backup:after, .c-backup:before {
    zoom: 20%;
  }
}
@media only screen and (min-width: 768px) {
  .c-backup {
    padding: 10rem 0 12rem;
  }
  .c-backup:after, .c-backup:before {
    zoom: 50%;
  }
  .c-backup .c-title01:after {
    right: 20%;
    zoom: 50%;
  }
  .c-backup__list-card {
    gap: 3rem;
  }
  .c-backup__card {
    width: calc((100% - 3rem) / 2);
    border-radius: 3rem;
  }
  .c-backup__card-title {
    font-size: 2.4rem;
  }
  .c-backup__card-title span {
    font-size: 2.8rem;
  }
  .c-backup__card-body {
    padding: 3rem;
  }
  .c-backup__card-box {
    padding-bottom: 3rem;
    margin-bottom: 2rem;
  }
  .c-backup__card-img {
    width: 16rem;
  }
  .c-backup__card-img img {
    zoom: 50%;
  }
  .c-backup__card-txt {
    width: calc(100% - 16rem);
  }
}

/*============================== START SEC flow ==============================*/
.c-flow {
  background: url("../images/top/flow_bg.webp");
  background-size: 100%;
  padding: 5rem 0;
}
.c-flow__step {
  width: 100%;
  background: #F9F0E5;
  border-radius: 2rem;
  padding: 2rem 1rem;
  margin: 2rem auto 0;
}
.c-flow__step-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  background: var(--theme-color-4);
  color: var(--theme-color-2);
  border-radius: 1rem;
  font-size: 1.8rem;
  padding: 1rem 2rem;
  gap: 1rem;
}
.c-flow__step-title img {
  zoom: 30%;
}
.c-flow__step-detail {
  position: relative;
  padding: 1.5rem 1.5rem 2rem 3.5rem;
}
.c-flow__step-detail:after, .c-flow__step-detail:before {
  position: absolute;
  content: "";
}
.c-flow__step-detail:after {
  width: 2px;
  height: 100%;
  top: 0;
  left: 2rem;
  background: #707070;
}
.c-flow__step-detail:before {
  width: 1.4rem;
  height: 1.4rem;
  border: 2px solid #707070;
  border-bottom: none;
  border-left: none;
  transform: rotate(135deg);
  bottom: 3px;
  left: 1.37rem;
}
.c-flow__step-detail li {
  position: relative;
  font-size: 1.4rem;
  margin-bottom: 1.8rem;
}
.c-flow__step-detail li:after {
  position: absolute;
  content: "";
  background: var(--theme-color-4);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  top: 0.5rem;
  left: -1.9rem;
  z-index: 2;
}
.c-flow__step-detail li:last-child {
  margin-bottom: 0;
}
.c-flow__step .step-join .c-flow__step-title, .c-flow__step .step-join .c-flow__step-detail li:after {
  background: var(--theme-color-9);
}
.c-flow__step .step-open .c-flow__step-title, .c-flow__step .step-open .c-flow__step-detail li:after {
  background: var(--theme-color-3);
}
.c-flow__step .step-open .c-flow__step-detail {
  padding-bottom: 0;
  font-size: 1.5rem;
}
.c-flow__step .step-open .c-flow__step-detail:before {
  bottom: 8px;
}
.c-flow__step .step-open .c-flow__step-detail:after {
  height: calc(100% - 5px);
}
.c-flow__step .step-open .c-flow__step-detail strong {
  font-size: 1.7rem;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .c-flow {
    padding: 10rem 0;
  }
  .c-flow__step {
    max-width: 82rem;
    border-radius: 3rem;
    padding: 6rem 10rem;
    margin: 4rem auto 0;
  }
  .c-flow__step-title {
    font-size: 2.4rem;
    padding: 1.5rem 3rem;
    gap: 2rem;
  }
  .c-flow__step-title img {
    zoom: 50%;
  }
  .c-flow__step-detail {
    padding: 3rem 3rem 3rem 8.5rem;
  }
  .c-flow__step-detail:after {
    left: 6rem;
  }
  .c-flow__step-detail:before {
    width: 2rem;
    height: 2rem;
    left: 5.1rem;
    bottom: 4px;
  }
  .c-flow__step-detail li {
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
  }
  .c-flow__step-detail li:after {
    width: 1.3rem;
    height: 1.3rem;
    left: -3rem;
    top: 1rem;
  }
  .c-flow .step-open .c-flow__step-detail {
    font-size: 2rem;
  }
  .c-flow .step-open .c-flow__step-detail strong {
    font-size: 2.2rem;
  }
}

/*============================== START SEC message ==============================*/
.c-message .c-title01 {
  position: relative;
}
.c-message .c-title01:after {
  position: absolute;
  content: "";
  background: url("../images/top/message_birth.webp") no-repeat;
  background-size: 100%;
  width: 286px;
  height: 219px;
  top: 0;
  right: 0;
  zoom: 25%;
}
.c-message .c-youtube__title .txt {
  background: #F9F0E5;
}
.c-message__main {
  display: inline-block;
  width: 100%;
  background: var(--theme-color-2);
  border-radius: 0.5rem;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.16);
  padding: 0 1rem 2rem;
  margin: 2.5rem 0 5rem;
}
.c-message__main-head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.c-message__main-img {
  width: 100%;
  transform: translateY(-2.5rem);
}
.c-message__main-img img {
  width: 100%;
  zoom: 50%;
}
.c-message__main-title {
  width: 100%;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.c-message__main-body {
  position: relative;
  background: url("../images/top/message_line.webp") repeat top left;
  background-size: 96rem;
  line-height: 41px;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
.c-message__main-body:after {
  position: absolute;
  content: "";
}
@media only screen and (min-width: 768px) {
  .c-message .c-title01:after {
    right: 20%;
    zoom: 50%;
  }
  .c-message__main {
    padding: 0 6rem 5rem;
    margin: 5rem 0 10rem;
  }
  .c-message__main-img {
    width: 42%;
    transform: translateY(-5rem);
  }
  .c-message__main-title {
    width: 53%;
    font-size: 2.8rem;
    margin-bottom: 3rem;
  }
  .c-message__main-body {
    padding: 0 2rem;
  }
}

.c-box-btn {
  position: relative;
  width: 100%;
  background: #F3E1CD;
  border-radius: 3rem;
  border: 4px solid #FEF8F2;
  padding: 5rem 1rem 3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.c-box-btn:after, .c-box-btn:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 6rem;
  border-left: 1px dashed #313131;
}
.c-box-btn__title {
  position: absolute;
  display: inline-block;
  background: var(--theme-color-4);
  max-width: max-content;
  color: var(--theme-color-2);
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 3rem;
  padding: 0.5rem 3rem;
  left: 0;
  right: 0;
  top: -1.5rem;
  margin: auto;
}
.c-box-btn__title:after {
  position: absolute;
  content: "";
  background: var(--theme-color-4);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  text-align: center;
  width: 2rem;
  height: 1rem;
  bottom: -1rem;
  left: 0;
  right: 0;
  margin: auto;
}
.c-box-btn .c-btn__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 29rem;
  height: 6.6rem;
  font-size: 1.8rem;
  border-radius: 4rem;
  margin-top: 0;
}
.c-box-btn .c-btn__link.btn-program {
  position: relative;
}
.c-box-btn .c-btn__link.btn-program:after {
  position: absolute;
  content: "";
  background: url("../images/top/message_icon01.webp") no-repeat center left;
  background-size: 100%;
  width: 4.8rem;
  height: 4.8rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-box-btn .c-btn__link.btn-testimonials {
  position: relative;
}
.c-box-btn .c-btn__link.btn-testimonials:after {
  position: absolute;
  content: "";
  background: url("../images/top/message_icon02.webp") no-repeat center left;
  background-size: 100%;
  width: 6rem;
  height: 5.1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-box-btn .c-btn__link.btn-information {
  position: relative;
}
.c-box-btn .c-btn__link.btn-information:after {
  position: absolute;
  content: "";
  background: url("../images/top/message_icon03.webp") no-repeat center left;
  background-size: 100%;
  width: 3.8rem;
  height: 5.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .c-box-btn {
    justify-content: center;
    gap: 2rem;
  }
  .c-box-btn .c-btn__link:after {
    left: 2rem;
  }
  .c-box-btn .c-btn__link.btn-program:after {
    width: 2.4rem;
    height: 2.4rem;
  }
  .c-box-btn .c-btn__link.btn-testimonials {
    position: relative;
  }
  .c-box-btn .c-btn__link.btn-testimonials:after {
    width: 3rem;
    height: 2.55rem;
  }
  .c-box-btn .c-btn__link.btn-information:after {
    width: 1.9rem;
    height: 2.75rem;
  }
}
@media only screen and (min-width: 768px) {
  .c-box-btn {
    padding: 5rem 4rem;
    justify-content: space-between;
  }
  .c-box-btn:after, .c-box-btn:before {
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .c-box-btn:after {
    left: 33.5%;
  }
  .c-box-btn:before {
    right: 33.5%;
  }
  .c-box-btn__title {
    font-size: 1.8rem;
    top: -2rem;
  }
  .c-box-btn .c-btn__link:after {
    zoom: 50%;
    left: 4rem;
  }
  .c-box-btn .c-btn__link:hover {
    background: var(--theme-color-2);
    opacity: 0.7;
  }
}

/*============================== START SEC voice ==============================*/
.c-voice {
  padding-top: 8rem;
}
@media only screen and (min-width: 768px) {
  .c-voice {
    padding-top: 16rem;
  }
}

.c-slide2 {
  position: relative;
}
.c-slide2 .swiper-controls {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: max-content;
  margin: 2rem auto 0;
  height: 3rem;
}
.c-slide2 .swiper-pagination2 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5rem;
  width: auto !important;
  max-width: max-content;
  top: 0 !important;
  bottom: 0 !important;
  margin: auto;
}
.c-slide2 .swiper-pagination-bullet {
  background: var(--theme-color-11);
  border: 1px solid var(--theme-color-6);
  border-radius: 50%;
  margin: auto;
}
.c-slide2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--theme-color-3);
  border-color: var(--theme-color-3);
}
.c-slide2 .swiper-button-prev2,
.c-slide2 .swiper-button-next2 {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--theme-color-2);
  border: 1px solid var(--theme-color-1);
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0 !important;
  top: 0 !important;
}
.c-slide2 .swiper-button-prev2:after,
.c-slide2 .swiper-button-next2:after {
  content: "";
  border: solid var(--theme-color-3);
  border-width: 0 2px 2px 0;
  display: inline-block;
}
.c-slide2 .swiper-button-prev2:after {
  transform: rotate(135deg);
}
.c-slide2 .swiper-button-next2:after {
  transform: rotate(-45deg);
}
.c-slide2--white .owner-card__main {
  background: var(--theme-color-2);
  box-shadow: 4px 4px 0 rgba(248, 158, 191, 0.5);
}
@media only screen and (max-width: 767px) {
  .c-slide2 .swiper-button-prev2,
  .c-slide2 .swiper-button-next2 {
    width: 2.5rem;
    height: 2.5rem;
  }
  .c-slide2 .swiper-button-prev2:after,
  .c-slide2 .swiper-button-next2:after {
    width: 0.8rem;
    height: 0.8rem;
  }
  .c-slide2 .swiper-pagination-bullet {
    width: 1rem;
    height: 1rem;
    margin: 0 0.5rem !important;
  }
}
@media only screen and (min-width: 768px) {
  .c-slide2 .swiper-controls {
    margin: 4rem auto 0;
    height: 6rem;
  }
  .c-slide2 .swiper-pagination2 {
    padding: 0 9rem;
  }
  .c-slide2 .swiper-button-prev2,
  .c-slide2 .swiper-button-next2 {
    width: 5rem;
    height: 5rem;
  }
  .c-slide2 .swiper-button-prev2:after,
  .c-slide2 .swiper-button-next2:after {
    width: 1.2rem;
    height: 1.2rem;
  }
  .c-slide2 .swiper-button-prev2:hover,
  .c-slide2 .swiper-button-next2:hover {
    background: var(--theme-color-3);
    border-color: var(--theme-color-3);
  }
  .c-slide2 .swiper-button-prev2:hover:after,
  .c-slide2 .swiper-button-next2:hover:after {
    border-color: var(--theme-color-2);
  }
  .c-slide2 .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 1rem !important;
  }
  .c-slide2 .swiper-slide .owner-card {
    width: 100%;
  }
}

.mySwiper2.static-mode .swiper-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
  transform: none !important;
}

.mySwiper2.static-mode .swiper-slide {
  flex-shrink: 0;
  margin-right: 24px; /* spaceBetween */
}

.mySwiper2.static-mode .swiper-pagination-bullet {
  pointer-events: none;
  opacity: 0.6;
}

/*============================== START SEC blog ==============================*/
.c-blog {
  padding-bottom: 6rem;
}
@media only screen and (min-width: 768px) {
  .c-blog {
    padding-bottom: 12rem;
  }
}

/*============================== START SEC faq ==============================*/
.c-acc-list__item {
  width: 100%;
  background: #F9F0E5;
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 2rem;
}
.c-acc-list__head {
  position: relative;
  width: 100%;
  cursor: pointer;
  font-weight: bold;
  padding-left: 4rem;
}
.c-acc-list__head:before {
  position: absolute;
  content: "Q";
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color-3);
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  color: var(--theme-color-2);
  font-weight: bold;
  font-family: var(--theme-font-en-secondary);
  line-height: 0.74;
  text-align: left;
  font-size: 1.8rem;
  left: 0;
}
.c-acc-list__head.active .c-acc-list__ttl:before {
  transform: rotate(0deg);
}
.c-acc-list__ttl {
  position: relative;
  width: 100%;
  display: block;
  padding-right: 2.5rem;
  font-weight: bold;
  font-size: 1.5rem;
}
.c-acc-list__ttl:after, .c-acc-list__ttl:before {
  position: absolute;
  content: "";
  width: 1.2rem;
  height: 2px;
  background: var(--theme-color-3);
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transition: all 0.5s;
}
.c-acc-list__ttl:before {
  transform: rotate(90deg);
}
.c-acc-list__body {
  display: none;
  position: relative;
  padding-left: 4rem;
  padding-top: 2rem;
}
.c-acc-list__body:after {
  position: absolute;
  content: "A";
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color-2);
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  color: var(--theme-color-3);
  font-weight: bold;
  font-family: var(--theme-font-en-secondary);
  line-height: 0.74;
  text-align: left;
  font-size: 2.4rem;
  top: 1.5rem;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .c-acc-list__head:before {
    top: -3px;
  }
}
@media only screen and (min-width: 768px) {
  .c-acc-list__item {
    border-radius: 2rem;
    padding: 2.5rem;
    margin-bottom: 3rem;
  }
  .c-acc-list__head {
    padding-left: 7rem;
  }
  .c-acc-list__head:before {
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.6rem;
    left: 1rem;
    top: -0.8rem;
  }
  .c-acc-list__ttl {
    font-size: 1.8rem;
    padding-right: 4rem;
  }
  .c-acc-list__ttl:after, .c-acc-list__ttl:before {
    width: 1.4rem;
  }
  .c-acc-list__body {
    padding-top: 4rem;
    padding-left: 7rem;
  }
  .c-acc-list__body:after {
    width: 4.6rem;
    height: 4.6rem;
    font-size: 2.6rem;
    left: 1rem;
    top: 3rem;
  }
}

/*============================== START SEC pp ==============================*/
.c-pp {
  position: relative;
  padding: 4rem 0;
}
.c-pp__main {
  margin-top: 2rem;
}
.c-pp__main p + h3, .c-pp__main ul + h3 {
  margin-top: 2rem;
}
.c-pp__main h3 {
  margin-bottom: 0.5rem;
}
.c-pp__main a {
  color: var(--blue-royal);
}
@media only screen and (min-width: 768px) {
  .c-pp {
    padding: 8rem 0;
  }
  .c-pp__main {
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
  }
  .c-pp__main p + h3, .c-pp__main ul + h3 {
    margin-top: 4rem;
  }
  .c-pp__main h3 {
    margin-bottom: 1rem;
  }
  .c-pp__left, .c-pp__right {
    width: 48%;
  }
}

/*============================== START Static slider ==============================*/
.mySwiper2.static-slider .swiper-wrapper {
  display: flex;
  justify-content: center;
  /* gap: 2%; */
}
.mySwiper2.static-slider .swiper-button-next,
.mySwiper2.static-slider .swiper-button-prev,
.mySwiper2.static-slider .swiper-pagination {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .mySwiper2 .swiper-slide {
    padding: 0 2%;
  }
  .mySwiper2.static-slider .swiper-slide {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .mySwiper2 .swiper-slide {
    padding: 0 1%;
  }
  .mySwiper2.static-slider .swiper-slide {
    max-width: 25%;
  }
}