@charset "utf-8";
.pg-fv__container {
      display: flex;
    position: relative;
    column-gap: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
}
.pg-fv__number {
      position: absolute;
    right: 0;
    width: clamp(6.813rem, -2.188rem + 11.25vw, 11.313rem);
}
.pg-fv__right {
      display: flex;
    column-gap: 8px;
    align-items: center;
}
.pg-fv-left__icon {
  width: clamp(1.875rem, -3.125rem + 6.25vw, 4.375rem);
}
.pg-fv-right__text {
    font-size: clamp(1.25rem, 1.56vw, 1.875rem);
    font-weight: 500;
}

.about__top {
  margin-top: clamp(3.75rem, -0.536rem + 6.7vw, 7.5rem);
  position: relative;
}
.about-top__bg {
      position: absolute;
    width: clamp(25rem, 9.583rem + 32.12vw, 48.125rem);
    z-index: -1;
    right: clamp(17.563rem, 1.313rem + 33.85vw, 41.938rem);
    bottom: clamp(4.75rem, 2.333rem + 5.03vw, 8.375rem);
}
.about-top__inner {
  padding: 0 clamp(1.25rem, -1.75rem + 6.25vw, 5.75rem);
}
.about-top__container {
      display: flex;
    column-gap: clamp(1.25rem, -0.833rem + 4.34vw, 4.375rem);
}
.about-top__left {
  width: 60%;
}
.about-top-left__header {
      padding-left: clamp(0rem, -3.833rem + 7.99vw, 5.75rem);
    font-size: clamp(1.5rem, 0.357rem + 1.79vw, 2.5rem);
    font-weight: 500;
    font-family: 游明朝体,"Yu Mincho",YuMincho serif;
    line-height: 1.5;
}
.about-top-left__content {
      display: flex;
    margin-top: 29px;
    column-gap: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
}
.about-top-left-content__img {
  width: clamp(11.25rem, 1.583rem + 20.14vw, 25.75rem);
}
.about-top-left-content__text {
    font-size: clamp(1rem, 1.25vw, 1.5rem);
    font-weight: 500;
}
.about-top__right {
      width: 40%;
    height: 100%;
    position: relative;
}
.about-top__right::before {
        content: "";
    display: inline-block;
    width: 100%;
    background-color: #861A2A;
    position: absolute;
    z-index: -1;
    transform: rotate(2deg);
    left: 3px;
    height: 100%;
}
.about-top-right__img {
  aspect-ratio: 669/396;
}

.problem__inner {
      padding: 0 clamp(1.25rem, -5.917rem + 14.93vw, 12rem);
}
.problem__container {
      position: relative;
    padding: 40px clamp(1.25rem, -2.833rem + 8.51vw, 7.375rem);
}
.problem__bg {
      position: absolute;
    top: -2%;
    left: 0;
    width: 100%;
    z-index: -1;
}
.problem__top {
      margin-top: clamp(2.5rem, 0.417rem + 4.34vw, 5.625rem);
    display: flex;
    column-gap: clamp(1.25rem, 0.208rem + 2.17vw, 2.813rem);
}
.problem-top__items {
      width: 68%;
    display: flex;
    flex-direction: column;
    row-gap: clamp(1rem, 0.667rem + 0.69vw, 1.5rem);
}
.problem__item {
      display: flex;
    align-items: start;
    column-gap: clamp(0.5rem, -1.5rem + 2.5vw, 1.5rem);
}
.problem-top__icon {
      margin-top: 4px;
    width: clamp(0.938rem, -1.438rem + 2.97vw, 2.125rem);
}
.problem-top__item {
    font-size: clamp(1rem, -0.5rem + 1.88vw, 1.75rem);
    font-weight: 500;
}
.problem-top__img {
  width: 32%;
  height: 100%;
}

.problem__content {
    margin-top: clamp(5rem, -0.143rem + 8.04vw, 9.5rem);
    display: flex;
    flex-direction: column;
    row-gap: clamp(2.5rem, -0.5rem + 3.75vw, 4rem);
}
.problem-content__item {
      display: flex;
    column-gap: clamp(1.25rem, -0.917rem + 4.51vw, 4.5rem);
    align-items: center;
}
.problem-content__item:nth-child(2n) {
  flex-direction: row-reverse;
}
.problem-content-item__left {
  width: 50%;
  position: relative;
}
.problem-content-item__left::before {
        content: "";
    display: inline-block;
    width: 100%;
    background-color: #287E55;
    position: absolute;
    z-index: -1;
    left: clamp(0.25rem, 0.186rem + 0.26vw, 0.5rem);
    bottom: clamp(0.25rem, 0.186rem + 0.26vw, 0.5rem);
    height: 100%;
}
.problem-content__img {
  aspect-ratio: 642/376;
}
.problem-content-item__right {
  width: 50%;
}
.problem-content__title {
      font-weight: 600;
    font-family: 游明朝体,"Yu Mincho",YuMincho serif;
    font-size: clamp(1.125rem, -0.375rem + 1.88vw, 1.875rem);
}
.problem-content__text {
      font-weight: 500;
    line-height: 2;
    margin-top: clamp(1rem, -1.286rem + 3.57vw, 3rem);
    font-size: clamp(0.875rem, 0.375rem + 0.63vw, 1.125rem);
}

.voice {
  margin-top: clamp(4rem, 6.25vw, 7.5rem);
}
.voice__inner {
  padding-left: clamp(1.25rem, -1.917rem + 6.6vw, 6rem);
  padding-right: clamp(1.25rem, -5.917rem + 14.93vw, 12rem);
}
.voice__content {
      margin-top: 64px;
    display: flex;
    column-gap: clamp(2.5rem, 0.833rem + 3.47vw, 5rem);
    align-items: end;
}
.voice__left {
      width: 32%;
    position: relative;
}
.voice__img {
      height: 100%;
    object-fit: contain;
      position: relative;
    z-index: 10;
}
.voice__items {
      width: 68%;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  position: relative;
}
.voice__items::before {
        content: "";
    display: inline-block;
    width: 100%;
    background-color: #FFFAE6;
    position: absolute;
    z-index: -1;
    height: 100%;
    top: clamp(1.25rem, 0.417rem + 1.74vw, 2.5rem);
    right: clamp(1.25rem, -0.25rem + 3.13vw, 3.5rem);
    border-radius: 60px;
}
.voice__item {
      display: flex;
    column-gap: clamp(1.25rem, -0.583rem + 3.82vw, 4rem);
    padding: clamp(1rem, -1.071rem + 3.24vw, 2.813rem) clamp(1.25rem, -1.667rem + 6.08vw, 5.625rem);
    border: 3px solid #287E55;
    border-radius: 60px;
    align-items: center;
  background-color: #fff;
        position: relative;
    z-index: 20;
}
.voice-item__left {
      display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: clamp(0.5rem, -0.071rem + 0.89vw, 1rem);
}
.voice-item__icon {
  width: clamp(5rem, 0.25rem + 5.94vw, 7.375rem);
}
.voice-item-left__text {
      font-size: clamp(1rem, 0.5rem + 0.63vw, 1.25rem);
    font-weight: 700;
    white-space: nowrap;
}
.voice-item__right {
  width: 100%;
}
.voice-item-right__text1 {
      font-size: clamp(1.125rem, 0.375rem + 0.94vw, 1.5rem);
    font-weight: 700;
}
.voice-item-right__text2 {
      margin-top: clamp(0.75rem, 0.94vw, 1.125rem);
    font-size: clamp(1rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: 500;
}
.voice-item-right__line {
      margin-top: clamp(1.25rem, -0.25rem + 1.88vw, 2rem);
    margin-bottom: clamp(1.25rem, -0.25rem + 1.88vw, 2rem);
    width: 100%;
    border-bottom: 2px dashed #287E55;
}
.voice-left-text__box {
      position: absolute;
    background-image: url(https://maarui-souzoku.me/system_panel/uploads/images/hukidashi.png);
    background-size: 100%;
    height: clamp(9.063rem, -6.188rem + 19.06vw, 16.688rem);
    width: clamp(14.25rem, -14rem + 35.31vw, 28.375rem);
    background-repeat: no-repeat;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: clamp(12.5rem, 2.5rem + 20.83vw, 27.5rem);
    left: clamp(2.5rem, -0.417rem + 6.08vw, 6.875rem);
}
.voice-left__text {
      font-size: clamp(0.75rem, 0.94vw, 1.125rem);
    font-weight: 500;
}

.flow {
  margin-top: clamp(4rem, 6.25vw, 7.5rem);
}
.flow__inner {
  padding: 0 clamp(1.25rem, -12rem + 27.6vw, 21.125rem);
}
.flow__items {
      margin-top: clamp(2.5rem, 0.357rem + 3.35vw, 4.375rem);
    display: flex;
    flex-direction: column;
    row-gap: 18px;
}
.flow-item__top {
      padding: clamp(1rem, 0.714rem + 0.45vw, 1.25rem) clamp(1rem, -1.667rem + 5.56vw, 5rem);
    background-color: #287E55;
    border-radius: 40px 40px 0 0;
    display: flex;
    align-items: center;
    column-gap: clamp(1rem, 0.667rem + 0.69vw, 1.5rem);
}
.flow-item-top__sub {
      color: #9CC1AD;
    font-size: 24px;
    font-weight: 700;
}
.flow-item-top__main {
      font-size: clamp(1.25rem, 0.25rem + 1.25vw, 1.75rem);
    color: #fff;
    font-weight: 700;
    text-align: center;
}
.flow-item__bottom {
        padding: 24px clamp(0.938rem, -3.705rem + 7.25vw, 5rem);
    border-left: 3px solid #287E55;
    border-right: 3px solid #287E55;
    border-bottom: 3px solid #287E55;
    border-radius: 0 0 40px 40px;
}
.flow-item__text {
      font-size: clamp(1rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: 500;
    line-height: 2;
}
.flow-item__icon {
      margin-top: 10px;
    width: 169px;
    margin-left: auto;
    margin-right: auto;
}

.faq {
  margin-top: clamp(4rem, 6.25vw, 7.5rem);
}
.faq__inner {
  padding: 0 clamp(1.25rem, -12rem + 27.6vw, 21.125rem);
}
.accordion {
  border-bottom: 2px solid #287E55;
}
.accordion--1 {
  border-top: 2px solid #287E55;
      margin-top: clamp(2.5rem, 0.357rem + 3.35vw, 4.375rem);
}
.accordion-content {
  display: none;
}
.accordion-header {
      background-color: #FFFAE6;
    padding: clamp(1.5rem, -0.5rem + 2.5vw, 2.5rem) 0 clamp(1.5rem, -0.5rem + 2.5vw, 2.5rem) clamp(3.125rem, -0.625rem + 7.81vw, 8.75rem);
    transition: background .3s ease;
    cursor: pointer;
    position: relative;
}
.accordion-header::before{
        position: absolute;
    content: "Q";
    top: 50%;
    transform: translateY(-50%);
    left: clamp(0rem, -5.75rem + 7.19vw, 2.875rem);
    left: clamp(0.625rem, -0.875rem + 3.13vw, 2.875rem);
    color: #fff;
    font-size: clamp(1.125rem, -0.375rem + 1.88vw, 1.875rem);
    font-weight: 700;
    background-color: #287E55;
    line-height: 1;
    border-radius: 50%;
    width: clamp(1.875rem, -1.875rem + 4.69vw, 3.75rem);
    height: clamp(1.875rem, -1.875rem + 4.69vw, 3.75rem);
    display: flex;
    align-items: center;
    justify-content: center;
}
.accordion-header__text::before,
.accordion-header__text::after {
      position: absolute;
    content: '';
    top: 1px;
    right: 20px;
    bottom: 0;
    width: clamp(0.938rem, -2.188rem + 3.91vw, 2.5rem);
    height: clamp(0.125rem, -0.125rem + 0.31vw, 0.25rem);
    margin: auto;
    background: #861A2A;
}
.accordion-header__text::after {
  transform:rotate(-90deg);
  transition:transform 0.3s;
}
.accordion-header.active{
  border-bottom: 2px solid transparent;
}
.accordion-header.active .accordion-header__text::after{
  transform:rotate(0deg);
}
.accordion-content {
      background-color: #FFFAE6;
    padding: 0 clamp(2.813rem, -9.813rem + 15.78vw, 9.125rem) clamp(1.5rem, -0.5rem + 2.5vw, 2.5rem) clamp(2.813rem, -9.813rem + 15.78vw, 9.125rem);
}
.accordion-header__text{
  position: relative;
  padding-right: 40px;
      font-size: clamp(1rem, 1.25vw, 1.5rem);
    font-weight: 700;
}
.accordion-content p{
  position: relative;
      font-size: clamp(1rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: 500;
    line-height: 2;
}

@media (max-width: 767px) {
  .pg-fv__container {
        flex-direction: column;
    row-gap: 16px;
  }
  .about-top__bg {
        right: 20%;
    height: clamp(33.375rem, 17.47rem + 65.25vw, 48.75rem);
    width: 80%;
    bottom: 16%;
  }
  .about-top__inner {
    padding: 0 clamp(1.25rem, -0.043rem + 5.31vw, 2.5rem);
  }
  .about-top__container {
        flex-direction: column;
    row-gap: 32px;
  }
  .about-top__left {
    width: 100%;
  }
  .about-top-left__header {
      font-size: clamp(1.375rem, 0.858rem + 2.12vw, 1.875rem);
  }
  .about-top-left__content {
        flex-direction: column;
    row-gap: 16px;
  }
  .about-top-left-content__img {
    width: clamp(10.438rem, 1.838rem + 35.28vw, 18.75rem);
    margin: auto;
  }
  .about-top__right {
    width: 100%;
  }
  
  .problem {
    margin-top: 40px;
  }
  .problem__bg {
    top: 0;
    height: 698px;
  }
  .problem__top {
        flex-direction: column;
    row-gap: 22px;
  }
  .problem-top__items {
    width: 100%;
  }
  .problem-top__img {
        width: clamp(12.5rem, -0.431rem + 53.05vw, 25rem);
    margin: auto;
  }
  
  .problem__inner {
    padding: 0;
  }
  .problem__content {
    margin-top: clamp(1.5rem, -0.828rem + 9.55vw, 3.75rem);
  }
  .problem-content__item {
        flex-direction: column;
    row-gap: 20px;
  }
  .problem-content__item:nth-child(2n) {
    flex-direction: column;
  }
  .problem-content-item__left {
    width: 100%;
  }
  .problem-content-item__right {
    width: 100%;
  }
  .problem-content__title {
    font-size: 20px;
  }
  .problem-content__text {
    font-size: 16px;
  }
  
  .voice__content {
        flex-direction: column;
    align-items: flex-start;
  }
  .voice__left {
    width: 100%;
  }
  .voice-left-text__box {
        bottom: clamp(5.625rem, -4.073rem + 39.79vw, 15rem);
    left: clamp(8.125rem, -5.453rem + 55.7vw, 21.25rem);
  }
  .voice__img {
        width: 50%;
    top: 10px;
    left: 20px;
  }
  .voice__items {
    width: 100%;
  }
  .voice__item {
        background-color: #fff;
    flex-direction: column;
    row-gap: 24px;
  }
  .voice-item__icon {
    width: clamp(5rem, 3.06rem + 7.96vw, 6.875rem);
  }
  
  .flow-item__top {
        flex-direction: column;
    row-gap: 8px;
  }
  
  .accordion-content {
        padding-left: 10px;
    padding-right: 10px;
}

@media (max-width: 389px) {
  .pg-fv__number {
    width: 70px;
  }
  .pg-fv-right__text {
    font-size: 18px;
  }
  .about__top {
    margin-top: 60px;
  }
  .about-top-left__header {
      font-size: clamp(1.125rem, -0.034rem + 5.8vw, 1.375rem);
  }
  .about-top-left-content__text {
    font-size: 14px;
  }
  .problem-top__item {
    font-size: 14px;
  }
  .problem-content__title {
    font-size: 17px;
  }
  .problem-content__text {
    font-size: 14px;
  }
  .voice__content {
    margin-top: 100px;
  }
  .voice-left-text__box {
        bottom: clamp(5.625rem, -2.491rem + 40.58vw, 7.375rem);
    left: clamp(3.125rem, -11.368rem + 72.46vw, 6.25rem);
  }
  .flow-item__text {
      font-size: 14px;
  }
  .flow-item-top__sub {
    font-size: 20px;
  }
  .flow-item-top__main {
    font-size: 18px;
  }
}