@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@500&display=swap");
:root {
  --scrollbar: 0;
}

/* cookie同意のオーバーレイ */
.lftracking-popup {
  width: calc(100vw - var(--scrollbar)) !important;
  z-index: 200;
}

/* mv
---------------------------------------------------------- */
.mv {
  position: relative;
  overflow: hidden;
}
@media (min-width: 992px) {
  .mv {
    height: clamp(51.875rem, 46.2664473684rem + 9.0460526316vw, 55.3125rem);
  }
}
@media (min-width: 1600px) {
  .mv {
    height: 885px;
  }
}
.mv::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: clamp(4.0625rem, 1.3788167939rem + 11.4503816794vw, 6.875rem);
  background: linear-gradient(#ffd032 0%, #ffa700 100%);
}
@media (min-width: 992px) {
  .mv::after {
    height: clamp(8.125rem, 4.0460526316rem + 6.5789473684vw, 10.625rem);
  }
}
@media (min-width: 1600px) {
  .mv::after {
    height: 10.625rem;
  }
}

.l-mv__container {
  position: relative;
  height: inherit;
}

.mv__inner {
  position: relative;
  max-width: 1520px;
  height: inherit;
  margin: 0 auto;
  padding-top: clamp(2.5rem, 1.3072519084rem + 5.0890585242vw, 3.75rem);
}
@media (min-width: 768px) {
  .mv__inner {
    padding-top: clamp(3.75rem, -0.3289473684rem + 6.5789473684vw, 6.25rem);
  }
}
@media (min-width: 992px) {
  .mv__inner {
    padding-left: clamp(3.125rem, -2.2569444444rem + 8.6805555556vw, 4.6875rem);
  }
}
@media (min-width: 1600px) {
  .mv__inner {
    padding-left: 4.6875rem;
  }
}

.mv__content {
  position: relative;
  z-index: 1;
}

.mv__subCopy {
  position: relative;
  width: fit-content;
  font-size: clamp(1rem, 0.4642857143rem + 2.6785714286vw, 1.75rem);
  padding-inline: 1.2em 0.6785714286em;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .mv__subCopy {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  .mv__subCopy {
    margin-left: 0;
  }
}
.mv__subCopy::before, .mv__subCopy::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 0.6785714286em;
  height: 1.3214285714em;
  background-repeat: no-repeat;
  background-size: cover;
}
.mv__subCopy::before {
  left: 0;
  background-image: url(../images/img_mv_copy_l.svg);
}
.mv__subCopy::after {
  right: 0;
  background-image: url(../images/img_mv_copy_r.svg);
}

.mv__mainCopy {
  font-size: clamp(1.125rem, 0.2321428571rem + 4.4642857143vw, 2.375rem);
  line-height: 2.1;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .mv__mainCopy {
    font-size: clamp(2.375rem, 0.125rem + 2.8125vw, 2.9375rem);
  }
}
@media (min-width: 992px) {
  .mv__mainCopy {
    margin-left: 0;
  }
}
@media (min-width: 1600px) {
  .mv__mainCopy {
    font-size: 2.9375rem;
  }
}
.mv__mainCopy .logo {
  width: clamp(7.4375rem, 1.5rem + 29.6875vw, 15.75rem);
}
@media (min-width: 768px) {
  .mv__mainCopy .logo {
    width: clamp(15.75rem, 0.25rem + 19.375vw, 19.625rem);
  }
}
.mv__mainCopy .small {
  font-size: inherit;
}
.mv__mainCopy .middle {
  display: flex;
  align-items: flex-end;
  font-size: 1.0638297872em;
  line-height: 1.25;
}
.mv__mainCopy .large {
  font-size: 1.2978723404em;
}
.mv__mainCopy strong {
  background: top left/1em 0.5em repeat-x radial-gradient(circle, #E22D00 0.06em, rgba(0, 0, 0, 0) 0.06em);
  padding-top: 0.15em;
}

.mv__buttons {
  display: grid;
  gap: 0.625rem;
  margin-top: 3.25rem;
  width: fit-content;
  margin: 1.375rem auto 0;
}
@media (min-width: 768px) {
  .mv__buttons {
    gap: 1.25rem;
    grid-template-columns: repeat(2, auto);
    margin-top: 2rem;
  }
}
@media (min-width: 992px) {
  .mv__buttons {
    margin-top: clamp(2rem, 0.9802631579rem + 1.6447368421vw, 2.625rem);
    margin-left: 0;
    grid-template-columns: repeat(1, auto);
  }
}
@media (min-width: 1600px) {
  .mv__buttons {
    margin-top: 3.25rem;
  }
}
.mv__buttons .c-button {
  font-size: 0.875rem;
  width: 15rem;
}
@media (min-width: 576px) {
  .mv__buttons .c-button {
    font-size: 1rem;
    width: 18.75rem;
  }
}
@media (min-width: 768px) {
  .mv__buttons .c-button {
    font-size: 1.125rem;
  }
}
@media (min-width: 992px) {
  .mv__buttons .c-button {
    text-align: left;
  }
}

.mv__image {
  position: relative;
  margin: 1.25rem auto 0;
  z-index: 1;
}
@media (min-width: 576px) {
  .mv__image {
    width: clamp(30.625rem, 6.25rem + 67.7083333333vw, 38.75rem);
  }
}
@media (min-width: 768px) {
  .mv__image {
    width: 40.625rem;
    margin-top: clamp(2.5rem, 0.3571428571rem + 4.4642857143vw, 3.125rem);
  }
}
@media (min-width: 992px) {
  .mv__image {
    width: clamp(37.5rem, 18.125rem + 31.25vw, 49.375rem);
  }
}
@media (min-width: 992px) {
  .mv__image {
    position: absolute;
    right: 0;
    bottom: 1.25rem;
    margin: 0;
  }
}
@media (min-width: 1600px) {
  .mv__image {
    width: 52.125rem;
  }
}

.mv__object_l,
.mv__object_r {
  position: absolute;
}

.mv__object_l {
  width: clamp(6.25rem, 4.4608778626rem + 7.6335877863vw, 8.125rem);
  top: clamp(0.625rem, -0.5677480916rem + 5.0890585242vw, 1.875rem);
  left: clamp(-2.1875rem, -4.2748091603rem + 8.9058524173vw, 0rem);
}
@media (min-width: 768px) {
  .mv__object_l {
    width: 12.5rem;
    top: 1.875rem;
    left: 0;
  }
}
@media (min-width: 992px) {
  .mv__object_l {
    width: clamp(8.125rem, 2.0065789474rem + 9.8684210526vw, 11.875rem);
    left: clamp(-3.125rem, -6.1842105263rem + 4.9342105263vw, -1.25rem);
  }
}
@media (min-width: 1600px) {
  .mv__object_l {
    width: 15rem;
    left: 0;
  }
}

.mv__object_r {
  width: clamp(9.375rem, 6.393129771rem + 12.7226463104vw, 12.5rem);
  top: clamp(0.3125rem, -1.1784351145rem + 6.3613231552vw, 1.875rem);
  right: clamp(-2.8125rem, -5.4961832061rem + 11.4503816794vw, 0rem);
}
@media (min-width: 768px) {
  .mv__object_r {
    width: 18.75rem;
    top: 1.875rem;
    right: -3.4375rem;
  }
}
@media (min-width: 992px) {
  .mv__object_r {
    width: clamp(24.625rem, 7.4027777778rem + 27.7777777778vw, 29.625rem);
    right: 0;
  }
}
@media (min-width: 1600px) {
  .mv__object_r {
    width: 29.625rem;
  }
}

/* about
---------------------------------------------------------- */
.about {
  background-color: #F7F6F4;
}

.about__inner {
  position: relative;
  text-align: center;
  padding-block: clamp(5rem, 3.75rem + 6.25vw, 9.375rem) clamp(1.5625rem, 1.4732142857rem + 0.4464285714vw, 1.875rem);
}

.about__content {
  position: relative;
  z-index: 1;
}

.about__logo {
  width: clamp(12.5rem, 9.8214285714rem + 13.3928571429vw, 21.875rem);
  margin: 0 auto;
}
.about__logo img {
  width: 100%;
}

.entarance_message {
  font-size: clamp(1rem, 0.8571428571rem + 0.7142857143vw, 1.5rem);
  line-height: 1.7916666667;
  letter-spacing: 0.05em;
  margin-top: clamp(1.875rem, 1.5178571429rem + 1.7857142857vw, 3.125rem);
}

.about__oblect_l,
.about__oblect_r {
  position: absolute;
  top: 2.8125rem;
}

.about__oblect_l {
  left: 0;
  width: 13.125rem;
  width: clamp(5.9375rem, 3.8839285714rem + 10.2678571429vw, 13.125rem);
}

.about__oblect_r {
  right: 0;
  width: 13.5rem;
  width: clamp(5.9375rem, 3.7767857143rem + 10.8035714286vw, 13.5rem);
}

/* problem
---------------------------------------------------------- */
.problem {
  margin-top: clamp(7.5rem, 5.1785714286rem + 11.6071428571vw, 15.625rem);
}

.problem__about {
  text-align: center;
}

.problem__about_title {
  font-size: clamp(1.25rem, 0.6785714286rem + 2.8571428571vw, 3.25rem);
}

.problem__about_desc {
  font-size: clamp(0.875rem, 0.8035714286rem + 0.3571428571vw, 1.125rem);
  margin-top: 1.875rem;
}

.problem__about_image {
  position: relative;
  max-width: 70.125rem;
  margin: 1.875rem auto 0;
  padding-inline: 3.488372093%;
  padding-top: 2.8125rem;
}
@media (min-width: 576px) {
  .problem__about_image {
    padding-top: 2.1875rem;
  }
}

.problem__about_image_balloon01,
.problem__about_image_balloon02 {
  position: absolute;
  top: 0;
  width: clamp(3.75rem, 1.25rem + 12.5vw, 4.375rem);
}
@media (min-width: 400px) {
  .problem__about_image_balloon01,
  .problem__about_image_balloon02 {
    width: clamp(4.6875rem, 3.2670454545rem + 5.6818181818vw, 5.3125rem);
  }
}
@media (min-width: 576px) {
  .problem__about_image_balloon01,
  .problem__about_image_balloon02 {
    width: 15.1515151515%;
    max-width: 10.625rem;
  }
}

.problem__about_image_balloon01 {
  left: 0;
}

.problem__about_image_balloon02 {
  right: 0;
}

.problem__case {
  margin-top: clamp(1.875rem, 0.9821428571rem + 4.4642857143vw, 5rem);
}

.problem__case_desc {
  font-size: clamp(0.875rem, 0.6428571429rem + 1.1607142857vw, 1.6875rem);
  text-align: center;
}
.problem__case_desc strong {
  font-size: 1.2592592593em;
}

.problem__case_type {
  display: grid;
  gap: 1.25rem;
  margin-top: clamp(2.5rem, 2.1428571429rem + 1.7857142857vw, 3.75rem);
}
@media (min-width: 768px) {
  .problem__case_type {
    gap: 0.3125rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.problem__case_type img {
  width: 100%;
  max-width: 34.6875rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .problem__case_type img {
    max-width: 100%;
  }
}

.problem__case_answer {
  width: fit-content;
  font-size: clamp(1.125rem, 0.8392857143rem + 1.4285714286vw, 2.125rem);
  text-align: center;
  line-height: 1.7;
  margin: clamp(1.875rem, 1.3392857143rem + 2.6785714286vw, 3.75rem) auto 0;
}
.problem__case_answer strong {
  position: relative;
  font-size: 1.2352941176em;
  padding-right: 1em;
}
.problem__case_answer strong::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 1.119047619em;
  height: 0.6666666667em;
  background-image: url(../images/icon/icon_sweat.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.problem__answer {
  background-color: #F7F6F4;
  margin-top: clamp(3.125rem, 2.2321428571rem + 4.4642857143vw, 6.25rem);
  padding-block: clamp(3.125rem, 2.2321428571rem + 4.4642857143vw, 6.25rem) 0.625rem;
  text-align: center;
}

.problem__answer_title {
  font-size: clamp(1rem, 0.5357142857rem + 2.3214285714vw, 2.625rem);
  line-height: 1.5952380952;
}
.problem__answer_title .head {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto 0.625em;
  font-size: 0.7619047619em;
  color: #fff;
  z-index: 1;
}
.problem__answer_title .head::before, .problem__answer_title .head::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
}
.problem__answer_title .head::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 7.75em;
  height: 1.96875em;
  background-image: url(../images/icon/icon_head.svg);
  z-index: -1;
}
.problem__answer_title .head::after {
  top: -0.4em;
  right: -2.7em;
  width: 1.0625em;
  height: 1.1875em;
  background-image: url(../images/icon/icon_trouble.svg);
}

.problem__answer_inner {
  position: relative;
  display: flex;
  display: grid;
  gap: clamp(1.25rem, 0.46875rem + 3.90625vw, 1.875rem);
  align-items: center;
  padding: clamp(1.875rem, 0.9821428571rem + 4.4642857143vw, 5rem) clamp(0.9375rem, -0.4017857143rem + 6.6964285714vw, 5.625rem);
  background-color: #fff;
  border-radius: clamp(1.5625rem, 1.1160714286rem + 2.2321428571vw, 3.125rem);
  margin: clamp(1.875rem, 1.3392857143rem + 2.6785714286vw, 3.75rem) auto 0;
  max-width: 81rem;
  justify-content: center;
}
@media (min-width: 576px) {
  .problem__answer_inner {
    gap: 0.625rem;
    padding: 1.875rem 1.875rem;
    grid-template-columns: auto 11.1882716049% auto;
  }
}
@media (min-width: 768px) {
  .problem__answer_inner {
    padding: clamp(3.125rem, 0.8465189873rem + 4.746835443vw, 5rem) clamp(2.5rem, -1.2974683544rem + 7.9113924051vw, 5.625rem);
  }
}

.problem__answer_block {
  max-width: 30.5rem;
}

.problem__answer_block_image {
  width: clamp(13.75rem, 7.5rem + 31.25vw, 18.75rem);
}
@media (min-width: 576px) {
  .problem__answer_block_image {
    width: auto;
  }
}

.problem__answer_block_title {
  max-width: 10.625rem;
  margin: clamp(0.625rem, -0.15625rem + 3.90625vw, 1.25rem) auto 0;
}
@media (min-width: 576px) {
  .problem__answer_block_title {
    margin-top: 1.25rem;
    width: 52.6639344262%;
    min-width: 10rem;
    max-width: 100%;
  }
}

.problem__answer_center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  width: fit-content;
  margin: 0 auto;
  gap: 0.625rem;
}
@media (min-width: 576px) {
  .problem__answer_center {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .problem__answer_center {
    gap: clamp(0.625rem, 0.2452531646rem + 0.7911392405vw, 0.9375rem);
  }
}

.problem__answer_mail {
  width: clamp(3.125rem, 2.34375rem + 3.90625vw, 3.75rem);
}
@media (min-width: 576px) {
  .problem__answer_mail {
    width: 46.2068965517%;
    margin: 0 auto;
  }
}

.problem__answer_arrow {
  width: auto;
  width: 75.7352941176%;
  transform: rotate(0);
}

.width {
  display: none;
}
@media (min-width: 576px) {
  .width {
    display: block;
  }
}

.vertical {
  width: clamp(1.75rem, 1.59375rem + 0.78125vw, 1.875rem);
  width: 1.875rem;
}
@media (min-width: 576px) {
  .vertical {
    display: none;
  }
}

/* solution
---------------------------------------------------------- */
.solution {
  text-align: center;
  padding-block: clamp(7.5rem, 5.1785714286rem + 11.6071428571vw, 15.625rem) clamp(3.75rem, 3.0357142857rem + 3.5714285714vw, 6.25rem);
  background-color: #FFF1E3;
}

.solution__inner {
  padding: clamp(1.875rem, 0.625rem + 6.25vw, 6.25rem) clamp(0.9375rem, -0.5803571429rem + 7.5892857143vw, 6.25rem);
  background-color: #fff;
  border-radius: clamp(2.5rem, 1.7857142857rem + 3.5714285714vw, 5rem);
}

.solution__title {
  position: relative;
  font-size: clamp(1.125rem, 0.6964285714rem + 2.1428571429vw, 2.625rem);
}

.solution__title_text {
  position: relative;
  line-height: 1.6;
  z-index: 1;
}
@media (min-width: 576px) {
  .solution__title_text {
    line-height: 2;
  }
}
.solution__title_text .logo {
  display: inline-block;
  width: 8.3333333333em;
  vertical-align: text-bottom;
  padding-block: 0.5em;
}
@media (min-width: 576px) {
  .solution__title_text .logo {
    padding: 0;
  }
}
.solution__title_text .logo img {
  width: 100%;
}

.solution__oblect_l,
.solution__oblect_r {
  position: absolute;
  top: 2.5rem;
}
@media (min-width: 576px) {
  .solution__oblect_l,
  .solution__oblect_r {
    top: 0;
  }
}

.solution__oblect_l {
  width: clamp(4.375rem, 2.5rem + 9.375vw, 10.9375rem);
  left: 0;
}

.solution__oblect_r {
  width: clamp(4.375rem, 2.6964285714rem + 8.3928571429vw, 10.25rem);
  right: 0;
}

.solution__image {
  padding: clamp(1.875rem, 0.9821428571rem + 4.4642857143vw, 5rem) clamp(0.9375rem, -0.7589285714rem + 8.4821428571vw, 6.875rem);
  background-color: #F7F6F4;
  border-radius: clamp(1.5625rem, 1.1160714286rem + 2.2321428571vw, 3.125rem);
  margin: clamp(1.875rem, 1.3392857143rem + 2.6785714286vw, 3.75rem) auto 0;
  max-width: 81rem;
}

.solution__answer_inner {
  position: relative;
  display: flex;
  display: grid;
  gap: clamp(1.875rem, 1.09375rem + 3.90625vw, 2.5rem);
  align-items: center;
  padding: clamp(1.875rem, 0.9821428571rem + 4.4642857143vw, 5rem) clamp(0.9375rem, -0.4017857143rem + 6.6964285714vw, 5.625rem);
  background-color: #F7F6F4;
  border-radius: clamp(1.5625rem, 1.1160714286rem + 2.2321428571vw, 3.125rem);
  margin: clamp(1.875rem, 1.3392857143rem + 2.6785714286vw, 3.75rem) auto 0;
  max-width: 81rem;
  justify-content: center;
}
@media (min-width: 576px) {
  .solution__answer_inner {
    gap: 0.625rem;
    gap: clamp(1.25rem, -0.9344660194rem + 6.067961165vw, 4.375rem);
    padding: 1.875rem clamp(1.25rem, -2.5rem + 10.4166666667vw, 2.5rem);
    grid-template-columns: auto 20.987654321% auto;
  }
}
@media (min-width: 768px) {
  .solution__answer_inner {
    padding: clamp(3.125rem, 0.8465189873rem + 4.746835443vw, 5rem) clamp(2.5rem, -2.8164556962rem + 11.0759493671vw, 6.875rem);
  }
}

.solution__answer_block {
  max-width: 30.5rem;
}

.solution__answer_block_image {
  width: clamp(10.625rem, 5.15625rem + 27.34375vw, 15rem);
}
@media (min-width: 576px) {
  .solution__answer_block_image {
    width: auto;
  }
}

.solution__answer_block_title {
  max-width: 10.625rem;
  margin: clamp(0.625rem, -0.15625rem + 3.90625vw, 1.25rem) auto 0;
}
@media (min-width: 576px) {
  .solution__answer_block_title {
    margin-top: clamp(0.625rem, 0.1881067961rem + 1.213592233vw, 1.25rem);
    width: 78.8343558282%;
    min-width: 8.125rem;
    max-width: 100%;
  }
}

.solution__answer_center {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  width: fit-content;
  margin: 0 auto;
  gap: 1.25rem;
}
@media (min-width: 576px) {
  .solution__answer_center {
    gap: 0.625rem;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .solution__answer_center {
    gap: clamp(0.625rem, 0.2452531646rem + 0.7911392405vw, 0.9375rem);
  }
}

.solution__answer_cloud {
  width: clamp(7.5rem, 5.9375rem + 7.8125vw, 8.75rem);
}
@media (min-width: 576px) {
  .solution__answer_cloud {
    width: auto;
    margin: 0 auto;
  }
}

@media (min-width: 576px) {
  .solution__answer_arrow {
    width: auto;
    width: 75.7352941176%;
    transform: rotate(0);
  }
}
.solution__answer_arrow .width {
  display: none;
}
@media (min-width: 576px) {
  .solution__answer_arrow .width {
    display: block;
  }
}
.solution__answer_arrow .vertical {
  width: clamp(1.75rem, 1.59375rem + 0.78125vw, 1.875rem);
  width: 1.875rem;
}
@media (min-width: 576px) {
  .solution__answer_arrow .vertical {
    display: none;
  }
}

.solution__message {
  font-size: clamp(1rem, 0.5357142857rem + 2.3214285714vw, 2.625rem);
  line-height: 1.5952380952;
  margin-top: clamp(1.875rem, 1.3392857143rem + 2.6785714286vw, 3.75rem);
}

.solution__button {
  margin-top: clamp(1.875rem, 1.6964285714rem + 0.8928571429vw, 2.5rem);
}
.solution__button .c-button {
  width: 30rem;
  font-size: clamp(0.875rem, 0.625rem + 1.25vw, 1.75rem);
  padding: 1.17em 1em;
  border-radius: 6.25rem;
}
@media (min-width: 768px) {
  .solution__button .c-button {
    width: 37.5rem;
  }
}/*# sourceMappingURL=index.css.map */