.h2Style {
  font-size: clamp(2rem, 2.5vw, 3rem);
  font-weight: 500;
  margin-bottom: 64px;
  text-align: left;
  margin-top: -8.3333333333vw;
  padding-top: 8.3333333333vw;
}
.h2Style span {
  display: block;
  color: #0D8725;
  font-size: clamp(1rem, 1.25vw, 1.5rem);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .h2Style {
    font-size: 2rem;
    margin-top: -3.75rem;
    padding-top: 3.75rem;
    margin-bottom: 32px;
  }
  .h2Style span {
    font-size: 1rem;
  }
}

#mainArea {
  width: 100%;
  height: clamp(37.5rem, 55.6770833333vw, 55.6770833333vw);
  background-image: url(../img/top/img_main_pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  position: relative;
}
#mainArea .mainCont {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: 50%;
  top: 45%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: clamp(1.875rem, 3.125vw, 3.75rem);
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}
#mainArea .mainCont span {
  display: inline-block;
  font-size: clamp(2.1875rem, 3.8020833333vw, 4.5625rem);
  color: #fff;
  padding: 0 10px 4px;
  margin: 12px 8px;
}
#mainArea .mainCont .acceptance {
  background-color: #F25D00;
}
#mainArea .mainCont .establishing {
  background-color: #0D8725;
}
@media screen and (max-width: 768px) {
  #mainArea {
    background-image: url(../img/top/img_main_sp.png);
    max-height: 180.8vw;
    height: 100vh;
  }
  #mainArea .mainCont {
    top: 30%;
  }
}
@media screen and (max-width: 540px) {
  #mainArea .mainCont {
    top: 40%;
  }
  #mainArea .mainCont span {
    padding: 0 5px 3px;
  }
  #mainArea .mainCont .acceptance {
    margin: 8px 8px 0 8px;
  }
  #mainArea .mainCont .establishing {
    margin: 8px;
  }
}

section {
  width: 100%;
  padding: 0 1.6666666667vw;
  margin-bottom: 160px;
}
section .inner {
  width: 100%;
  max-width: clamp(75rem, 62.5vw, 75rem);
  margin: auto;
}
section .inner p {
  font-weight: 400;
  line-height: 1.5;
}
section .inner .btnStyle {
  text-align: center;
  margin-top: 64px;
}
@media screen and (max-width: 1200px) {
  section {
    padding: 0 32px;
  }
}
@media screen and (max-width: 768px) {
  section {
    padding: 0 20px;
    margin-bottom: 60px;
  }
  section .inner .btnStyle {
    margin-top: 32px;
  }
}

#aboutArea {
  width: 100%;
  padding: clamp(5rem, 8.4375vw, 8.4375vw) 0;
  position: relative;
}
#aboutArea:before {
  position: absolute;
  content: "";
  width: 24.8958333333vw;
  height: 39.0625vw;
  background-image: url(../img/top/img_about_bg.png);
  background-size: cover;
  right: 0;
  top: -6.25vw;
  z-index: 0;
}
#aboutArea .aboutIn {
  padding-left: 51.71875vw;
  height: 30vw;
  background-image: url(../img/top/img_about.jpg);
  background-size: 51.71875vw auto;
  background-position: center left;
  background-repeat: no-repeat;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#aboutArea .aboutIn .cont {
  max-width: 100%;
  width: clamp(33.75rem, 34.375vw, 34.375vw);
  padding: clamp(1.25rem, 2.0833333333vw, 2.0833333333vw);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#aboutArea .aboutIn .cont p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: clamp(20px, 3.3333333333vw, 64px);
}
@media screen and (max-width: 768px) {
  #aboutArea {
    padding: 0 20px;
  }
  #aboutArea:before {
    width: 54.6666666667vw;
    height: 90.6666666667vw;
    top: -15.7333333333vw;
  }
  #aboutArea .aboutIn {
    width: 100%;
    height: auto;
    padding: 62.1333333333vw 0 0 0;
    background-image: url(../img/top/img_about_sp.jpg);
    background-size: 89.3333333333vw 59.4666666667vw;
    background-position: top center;
    position: relative;
    z-index: 1;
  }
  #aboutArea .aboutIn .cont {
    padding: 0;
    width: 100%;
  }
  #aboutArea .aboutIn .cont p {
    margin-bottom: 32px;
  }
}

#contactArea {
  width: 100%;
  padding: 0;
}
#contactArea .contactIn {
  width: clamp(75rem, 88.5416666667vw, 120rem);
  max-width: 100%;
  margin: auto;
  padding: 0 clamp(5rem, 6.25vw, 7.5rem);
}
#contactArea .h2Style {
  text-align: center;
  color: #0D8725;
}
#contactArea h3 {
  font-size: clamp(1.625rem, 1.875vw, 2.25rem);
  font-weight: 500;
  margin-bottom: 2.5vw;
}
#contactArea .questionArea {
  margin-bottom: 110px;
}
#contactArea .questionArea > div:nth-child(1) {
  padding-left: 70px;
  margin-bottom: 80px;
}
#contactArea .questionArea > div:nth-child(2) {
  position: relative;
  margin-bottom: 62px;
  gap: 32px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
#contactArea .questionArea > div:nth-child(2):before {
  position: absolute;
  content: "";
  width: 4.0104166667vw;
  height: 13.4375vw;
  background-image: url(../img/top/img_woman.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: clamp(-3.75rem, -6.25vw, -7.5rem);
  top: 1.6145833333vw;
  z-index: -1;
}
#contactArea .questionArea > div:nth-child(3) {
  position: relative;
  padding-right: 50px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#contactArea .questionArea > div:nth-child(3):after {
  position: absolute;
  content: "";
  width: 3.75vw;
  height: 11.9791666667vw;
  background-image: url(../img/top/img_man.png);
  background-size: cover;
  right: clamp(-3.75rem, -6.25vw, -7.5rem);
  top: 2.03125vw;
  z-index: -1;
}
#contactArea .questionArea p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: clamp(0.25rem, 1.6666666667vw, 1.6666666667vw) clamp(1rem, 3.3333333333vw, 3.3333333333vw);
  font-size: clamp(1rem, 1.0416666667vw, 1.0416666667vw);
  font-weight: 500;
  border-radius: 10000px;
  background-color: #ECF3ED;
  position: relative;
}
#contactArea .questionArea p::before {
  position: absolute;
  content: "";
  height: 3.125vw;
  bottom: -3.125vw;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#contactArea .questionArea p.contactL {
  margin-left: 4.21875vw;
}
#contactArea .questionArea p.contactL::before {
  background-image: url(../img/icon/icon_question_l.svg);
  width: 4.21875vw;
  left: -4.21875vw;
}
#contactArea .questionArea p.contactR {
  margin-right: 3.9583333333vw;
}
#contactArea .questionArea p.contactR::before {
  background-image: url(../img/icon/icon_question_r.svg);
  width: 3.9583333333vw;
  right: -3.9583333333vw;
}
#contactArea .formLink p {
  font-size: clamp(1rem, 1.0416666667vw, 1.0416666667vw);
  font-weight: 400;
  line-height: 1.5;
}
#contactArea .btnList {
  width: 100%;
  max-width: clamp(75rem, 62.5vw, 75rem);
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px 32px;
}
#contactArea .btnList .btnStyle {
  width: 50%;
}
#contactArea .btnList .btnStyle .btnInner {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #contactArea .contactIn {
    padding: 0;
  }
  #contactArea .questionArea > div:nth-child(1) {
    margin-bottom: 21px;
    padding-left: 3.7333333333vw;
  }
  #contactArea .questionArea > div:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-left: 11.7333333333vw;
    padding-right: 4.2666666667vw;
    margin-bottom: 32px;
  }
  #contactArea .questionArea > div:nth-child(2):before {
    width: 7.7333333333vw;
    height: 26.6666666667vw;
    left: 4px;
    top: 30%;
  }
  #contactArea .questionArea > div:nth-child(3) {
    padding-left: 11.7333333333vw;
    padding-right: 12vw;
  }
  #contactArea .questionArea > div:nth-child(3):after {
    width: 8.2666666667vw;
    height: 26.1333333333vw;
    right: 4px;
    top: 10%;
  }
  #contactArea .questionArea p {
    width: 80vw;
  }
  #contactArea .questionArea p::before {
    height: 22px;
    bottom: -22px;
  }
  #contactArea .questionArea p.contactL {
    margin-left: 15px;
  }
  #contactArea .questionArea p.contactL::before {
    width: 29px;
    left: -15px;
  }
  #contactArea .questionArea p.contactR {
    margin-right: 15px;
  }
  #contactArea .questionArea p.contactR::before {
    width: 29px;
    right: -15px;
  }
  #contactArea .btnList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #contactArea .btnList .btnStyle {
    width: 100%;
  }
}
@media screen and (max-width: 540px) {
  #contactArea .questionArea > div:nth-child(3) {
    padding-left: 4vw;
  }
}
@media screen and (max-width: 768px) {
  #contactArea .formLink {
    padding: 0 20px;
  }
  #contactArea .formLink .btnInner {
    width: 100%;
  }
}

#supportArea {
  width: 100%;
  position: relative;
}
#supportArea:before {
  position: absolute;
  content: "";
  width: 34.2708333333vw;
  height: 35.2604166667vw;
  background-image: url(../img/top/img_case_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: -8.8020833333vw;
  top: -5.5208333333vw;
  z-index: -1;
}
#supportArea .supportFlow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px 40px;
}
#supportArea .supportFlow li {
  width: calc((100% - 120px) / 4);
  padding-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#supportArea .supportFlow li .flowTit {
  text-align: center;
  color: #0D8725;
  font-size: clamp(1.25rem, 1.25vw, 1.5rem);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 16px;
}
#supportArea .supportFlow li .flowTit .flowNum {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  margin-bottom: 7.5px;
  color: #0D8725;
}
#supportArea .supportFlow li .flowTit .flowNum span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 5px;
  color: #fff;
  border-radius: 50%;
  background-color: #0D8725;
  width: 1.875rem;
  height: 1.875rem;
}
#supportArea .supportFlow li .flowImg {
  width: 100%;
  padding-top: 53.3333333333%;
  margin-bottom: 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#supportArea .supportFlow li:nth-child(1) .flowImg {
  background-image: url(../img/top/img_case01.png);
}
#supportArea .supportFlow li:nth-child(2) .flowImg {
  background-image: url(../img/top/img_case02.png);
}
#supportArea .supportFlow li:nth-child(3) .flowImg {
  background-image: url(../img/top/img_case03.png);
}
#supportArea .supportFlow li:nth-child(4) .flowImg {
  background-image: url(../img/top/img_case04.png);
}
@media screen and (max-width: 980px) {
  #supportArea .supportFlow {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #supportArea .supportFlow li {
    width: calc((100% - 40px) / 2);
  }
}
@media screen and (max-width: 768px) {
  #supportArea:before {
    width: 101.3333333333vw;
    height: 104.2666666667vw;
    left: -43.2vw;
    top: -16.5333333333vw;
  }
  #supportArea .supportFlow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #supportArea .supportFlow li {
    width: 100%;
    max-width: 72vw;
    margin: auto;
  }
  #supportArea .btnStyle {
    margin-top: 64px;
  }
}

#seminarArea {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  background-image: repeating-linear-gradient(-45deg, #FFF6E7, #FFF6E7 5px, transparent 5px, transparent 10px);
}
#seminarArea .h2Style {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#seminarArea .h2Style:before {
  position: absolute;
  content: "";
  width: clamp(2.6875rem, 3.2291666667vw, 3.875rem);
  height: clamp(4.0625rem, 4.84375vw, 5.8125rem);
  background-image: url(../img/icon/icon_semi.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 0.4166666667vw;
  right: -25%;
}

#othersArea {
  width: 100%;
  padding-top: 82px;
  padding-bottom: 66px;
  background-color: #FFF6E6;
  position: relative;
}
#othersArea:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: clamp(2rem, 1.6666666667vw, 1.6666666667vw) solid #fff;
  border-right: clamp(4.25rem, 3.5416666667vw, 3.5416666667vw) solid #FFF6E6;
  border-left: clamp(4.25rem, 3.5416666667vw, 3.5416666667vw) solid #FFF6E6;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  #othersArea {
    padding-top: 58px;
    padding-bottom: 58px;
  }
  #othersArea:before {
    border-top: 2.6666666667vw solid #fff;
    border-right: 4.8vw solid #FFF6E6;
    border-left: 4.8vw solid #FFF6E6;
  }
}

#faqArea {
  width: 100%;
}
#faqArea .h2Style {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#faqArea .h2Style:before {
  position: absolute;
  content: "";
  width: clamp(1.9375rem, 2.34375vw, 2.8125rem);
  height: clamp(4.0625rem, 5.0520833333vw, 6.0625rem);
  background-image: url(../img/icon/icon_faq.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 0.4166666667vw;
  right: -20%;
}