/* CSS Document */
/*Base*/
.overviewContainer {
  background: #edf2ef;
}
.overviewInner {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
.overview__heading {
  max-width: 166px;
  width: 13.38%;
  margin: 2.4% auto 0.8%;
}
@media screen and (max-width: 767px) {
  .overview__heading {
    width: 32.4%;
    margin: 7.2% auto 3.9%;
    padding: 0 0 0 1.8%;
  }
}
.overview__txt {
  width: 53.5%;
  margin: 0 auto;
  padding: 0 2.3% 0 0;
}
@media screen and (max-width: 767px) {
  .overview__txt {
    width: 93.7%;
    padding: 0 1.1% 0 0;
  }
}
.overviewStep {
  position: relative;
  margin: 0 0 1.6%;
}
@media screen and (max-width: 767px) {
  .overviewStep {
    margin: 0 0 8.5%;
  }
}
.overviewStep__img {
  width: 75.2%;
  margin: -1% auto 0;
  padding: 0 4.7% 0 0;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .overviewStep__img {
    width: 86.2%;
    margin: 9.2% auto 0;
  }
}
.overviewStep__item {
  position: absolute;
}
.overviewStep__item--01 {
  width: 16.9%;
  inset: -19.1% 12.9% auto auto;
}
@media screen and (max-width: 767px) {
  .overviewStep__item--01 {
    width: 32.2%;
    inset: -6.8% 5.5% auto auto;
  }
}
.overviewStep__item--02 {
  width: 17%;
  inset: 11.4% auto auto 27.8%;
}
@media screen and (max-width: 767px) {
  .overviewStep__item--02 {
    width: 32.6%;
    inset: 26.9% auto auto 37.2%;
  }
}
.overviewStep__item--03 {
  width: 17.1%;
  inset: 45.7% 9.2% auto auto;
}
@media screen and (max-width: 767px) {
  .overviewStep__item--03 {
    width: 32.6%;
    inset: 70.2% 5.1% auto auto;
  }
}
.overviewStar {
  padding: 0 0 2.6%;
}
@media screen and (max-width: 767px) {
  .overviewStar {
    padding: 0 0 7.8%;
  }
}
.overviewStar__heading {
  width: 39.6%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .overviewStar__heading {
    width: 83.6%;
  }
}
.overviewStar__txt {
  width: 45%;
  margin: -0.2% auto 2.7%;
}
@media screen and (max-width: 767px) {
  .overviewStar__txt {
    width: 93.4%;
    margin: -1% auto 4.1%;
  }
}
.overviewStar__note {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .overviewStar__note {
    font-size: 1.2096774194vw;
  }
}
@media screen and (max-width: 767px) {
  .overviewStar__note {
    font-size: 3.0769230769vw;
  }
}

.sceneContainer {
  padding: 38px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .sceneContainer {
    padding: 3.064516129vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .sceneContainer {
    padding: 5.4% 0 0;
  }
}
.scene__heading {
  max-width: 164px;
  width: 13.21%;
  margin: 0 auto 1.9%;
}
@media screen and (max-width: 767px) {
  .scene__heading {
    width: 31.3%;
    margin: -0.3% auto -6.6%;
    padding: 0 0 0 0.8%;
  }
}
.scene__txt {
  position: relative;
  max-width: 880px;
  width: 70.1%;
  margin: 0 auto 50px;
  inset: auto 22px auto auto;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .scene__txt {
    margin: 0 auto 4.0322580645vw;
    inset: auto 1.7741935484vw auto auto;
  }
}
@media screen and (max-width: 767px) {
  .scene__txt {
    width: 100%;
    margin: 0 auto 2.8%;
    inset: auto 0 auto auto;
  }
}

.caseContainer {
  width: 100%;
  padding: 63px 0 64px;
  background: #edf2ef;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .caseContainer {
    padding: 5.0806451613vw 0 5.1612903226vw;
  }
}
@media screen and (max-width: 767px) {
  .caseContainer {
    padding: 2.6% 0 4.3%;
  }
}
.caseInner {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
}
.case__item--01 {
  margin: 0 0 5%;
}
@media screen and (max-width: 767px) {
  .case__item--01 {
    margin: 0 0 2.8%;
  }
}
.case__heading {
  margin: 0 0 2.8%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.4px;
  text-indent: -38px;
  color: #333;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .case__heading {
    font-size: 1.935483871vw;
    letter-spacing: 0.1129032258vw;
    text-indent: -3.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  .case__heading {
    margin: 0 0 1.7%;
    font-size: 4.1025641026vw;
    letter-spacing: 0.358974359vw;
    text-indent: 0;
    line-height: 1.5;
  }
}
.case__heading--01 {
  letter-spacing: 0.8px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .case__heading--01 {
    letter-spacing: 0.064516129vw;
  }
}
@media screen and (max-width: 767px) {
  .case__heading--01 {
    letter-spacing: 0.2051282051vw;
  }
}
.case__heading--02 {
  letter-spacing: 1.4px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .case__heading--02 {
    letter-spacing: 0.1129032258vw;
  }
}
@media screen and (max-width: 767px) {
  .case__heading--02 {
    margin: 0 0 3.1%;
    letter-spacing: 0.22vw;
  }
}
.case__headingC--02 {
  color: #248956;
  font-size: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .case__headingC--02 {
    font-size: 2.0967741935vw;
  }
}
@media screen and (max-width: 767px) {
  .case__headingC--02 {
    font-size: 4.1025641026vw;
  }
}
.caseContents {
  position: relative;
  width: 71.21%;
  margin: 0 auto;
  padding: 2.3% 0 3.4%;
  background: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .caseContents {
    width: 94.8%;
  }
}
.caseContents--01 {
  padding: 2.4% 0 3.2%;
}
@media screen and (max-width: 767px) {
  .caseContents--01 {
    padding: 3.6% 0 6.8%;
  }
}
.caseContents--02 {
  padding: 2.1% 0 1.8%;
}
@media screen and (max-width: 767px) {
  .caseContents--02 {
    padding: 3.7% 0 2.8%;
  }
}
.caseContents__heading {
  box-sizing: border-box;
}
.caseContents__heading--01 {
  width: 49.7%;
  margin: 0 auto 2.2%;
  padding: 0 0 0 4.2%;
}
@media screen and (max-width: 767px) {
  .caseContents__heading--01 {
    width: 64%;
    margin: 0.3% auto 3.7%;
    padding: 0 0 0 1.9%;
  }
}
.caseContents__heading--02 {
  width: 66.1%;
  margin: 0 auto 2.6%;
  padding: 0 0 0 3.9%;
}
@media screen and (max-width: 767px) {
  .caseContents__heading--02 {
    width: 86.7%;
    margin: 0.1% auto 3.1%;
    padding: 0 0 0 1.3%;
  }
}
.caseContents__txt {
  margin: 0 auto;
  box-sizing: border-box;
}
.caseContents__txt--01 {
  width: 83.8%;
  padding: 0 6.3% 0 0;
}
@media screen and (max-width: 767px) {
  .caseContents__txt--01 {
    width: 96%;
    padding: 0 0.8% 0 0;
  }
}
.caseContents__txt--02 {
  width: 81.9%;
  padding: 0 12.8% 0 0;
}
@media screen and (max-width: 767px) {
  .caseContents__txt--02 {
    width: 91.4%;
    padding: 0 5% 0 0;
  }
}
.caseContents__note {
  font-size: 10px;
  line-height: 2.2;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .caseContents__note {
    font-size: 0.8064516129vw;
  }
}
@media screen and (max-width: 767px) {
  .caseContents__note {
    font-size: 2.3076923077vw;
    line-height: 1.44;
  }
}
.caseContents__note--01 {
  position: absolute;
  inset: auto auto 14.3% 40%;
  letter-spacing: 0.3px;
  text-align: left;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .caseContents__note--01 {
    letter-spacing: 0.0241935484vw;
  }
}
@media screen and (max-width: 767px) {
  .caseContents__note--01 {
    inset: auto 2% 8% 36.6%;
    letter-spacing: 0.0769230769vw;
  }
}
.caseContents__note--02 {
  margin: 1.1% 0 0;
}
@media screen and (max-width: 767px) {
  .caseContents__note--02 {
    width: 86%;
    margin: 1.4% auto 0;
    padding: 0 0 0 4.9%;
    text-align: left;
    letter-spacing: 0.07vw;
  }
}

.sceneClosing {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 56px 0 60px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .sceneClosing {
    padding: 4.5161290323vw 0 4.8387096774vw;
  }
}
@media screen and (max-width: 767px) {
  .sceneClosing {
    padding: 5.9% 0 8.4%;
  }
}
.sceneClosing__heading {
  margin: 0 0 2%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.8px;
  text-indent: -40px;
  color: #333;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .sceneClosing__heading {
    font-size: 1.935483871vw;
    letter-spacing: 0.064516129vw;
    text-indent: -3.2258064516vw;
  }
}
@media screen and (max-width: 767px) {
  .sceneClosing__heading {
    margin: 0 0 2.5%;
    font-size: 4.6153846154vw;
    letter-spacing: 0.2051282051vw;
    text-indent: 0;
    line-height: 1.56;
  }
}
.sceneClosingMain {
  position: relative;
  width: 49%;
  margin: 0 auto 4.3%;
}
@media screen and (max-width: 767px) {
  .sceneClosingMain {
    width: 100%;
    margin: 0 auto 5.4%;
  }
}
.sceneClosing__txt {
  position: absolute;
  width: 14%;
}
.sceneClosing__txt--01 {
  inset: 26.1% 1% auto auto;
}
@media screen and (max-width: 767px) {
  .sceneClosing__txt--01 {
    width: 14%;
    inset: 25.9% 4.3% auto auto;
  }
}
.sceneClosing__txt--02 {
  inset: 50.1% auto auto 1.8%;
}
@media screen and (max-width: 767px) {
  .sceneClosing__txt--02 {
    inset: 49% auto auto 4.3%;
  }
}
.sceneClosing__link, .sceneClosing__link:visited, .sceneClosing__link:link {
  display: flex;
  width: 600px;
  height: 80px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  background: #248956;
  color: #fff;
  border-radius: 14px;
  font-size: 22px;
  font-weight: bold;
  flex-direction: column;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .sceneClosing__link, .sceneClosing__link:visited, .sceneClosing__link:link {
    width: 48.3870967742vw;
    height: 6.4516129032vw;
    border-radius: 1.1290322581vw;
    font-size: 1.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  .sceneClosing__link, .sceneClosing__link:visited, .sceneClosing__link:link {
    width: 82%;
    height: 15.3846153846vw;
    border-radius: 3.5897435897vw;
    font-size: 4.6153846154vw;
  }
}
.sceneClosing__linkStrong {
  display: block;
  margin: 1% 0 0;
  font-size: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .sceneClosing__linkStrong {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  .sceneClosing__linkStrong {
    font-size: 4.6153846154vw;
  }
}

.operationContainer {
  background: #ffefe3;
}
.operationInner {
  max-width: 880px;
  width: 70.2%;
  margin: 0 auto;
  padding: 49px 0 50px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .operationInner {
    padding: 3.9516129032vw 0 4.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  .operationInner {
    width: 100%;
    padding: 5.3% 0 6.2%;
  }
}
.operation__heading {
  width: 14.47%;
  margin: 0 auto 3.2%;
  padding: 0 1.2% 0 0;
}
@media screen and (max-width: 767px) {
  .operation__heading {
    width: 20.8%;
    margin: 0.3% auto 6.2%;
    padding: 0 0 0 0.2%;
  }
}
.operation__txt {
  width: 70.8%;
  margin: 0 auto 4%;
}
@media screen and (max-width: 767px) {
  .operation__txt {
    width: 84.5%;
    margin: 0 auto 2.6%;
  }
}
.operationStep {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .operationStep {
    text-align: center;
  }
}
.operationStep__heading {
  width: 42.1%;
  margin: 0 auto 1.2%;
}
@media screen and (max-width: 767px) {
  .operationStep__heading {
    width: 100%;
    margin: 0 auto 2.2%;
  }
}
@media screen and (min-width: 768px) {
  .operationStepList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .operationStepList {
    width: 61.3%;
    margin: 0 auto;
  }
}
.operationStep__item {
  flex: 0 1 45.5%;
}
.operationStep__item--01, .operationStep__item--02 {
  margin: 0 0 4.2%;
}
@media screen and (max-width: 767px) {
  .operationStep__item--01, .operationStep__item--02 {
    margin: 0 0 8.7%;
  }
}
@media screen and (max-width: 767px) {
  .operationStep__item--03 {
    margin: 0 0 8.7%;
  }
}
.operationStep__note {
  display: inline-block;
  margin: 1.8% 1.8% 0 auto;
  font-size: 16px;
  line-height: 1.56;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.5px;
  color: #333;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .operationStep__note {
    font-size: 1.2903225806vw;
    letter-spacing: 0.0403225806vw;
  }
}
@media screen and (max-width: 767px) {
  .operationStep__note {
    margin: 4.6% 0 0 auto;
    font-size: 2.2399230769vw;
    letter-spacing: 0.1282051282vw;
  }
}

.meritContainer {
  max-width: 924px;
  width: 74.516129032%;
  margin: 0 auto;
  padding: 42px 0 46px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .meritContainer {
    padding: 3.3870967742vw 0 3.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  .meritContainer {
    width: 89.1%;
    padding: 6.6% 0 7%;
  }
}
.merit__heading {
  width: 20.1%;
  margin: 0 auto 2%;
  padding: 0 0 0 0.7%;
}
@media screen and (max-width: 767px) {
  .merit__heading {
    width: 37%;
    margin: 0.3% auto 7.2%;
    padding: 0;
  }
}
.voiceContainer {
  background: #edf2ef;
}
.voiceInner {
  max-width: 922px;
  width: 74.354838709%;
  margin: 0 auto;
  padding: 36px 0 46px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .voiceInner {
    padding: 2.9032258065vw 0 3.7096774194vw;
  }
}
@media screen and (max-width: 767px) {
  .voiceInner {
    width: 79.2%;
    padding: 9.5% 0 1.8%;
  }
}
.voice__heading {
  width: 23.2%;
  margin: 0 auto 2.7%;
  padding: 0 0 0 1.1%;
}
@media screen and (max-width: 767px) {
  .voice__heading {
    width: 46.3%;
    margin: 0 auto 9.6%;
    padding: 0 0 0 0.5%;
  }
}
@media screen and (min-width: 768px) {
  .voiceList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.voiceList__item {
  flex: 0 1 47.7%;
  background: #fff;
  border-radius: 22px;
  padding: 4% 3.1% 3.7%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .voiceList__item {
    border-radius: 1.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  .voiceList__item {
    margin: 0 0 11%;
    padding: 8.4% 7.3% 7.7%;
    border-radius: 5.641025641vw;
  }
}
.voice__company {
  margin: 0 0 8.6%;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .voice__company {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  .voice__company {
    font-size: 4.3076923077vw;
  }
}
.voice__img {
  margin: 0 0 4.8%;
}
@media screen and (max-width: 767px) {
  .voice__img {
    margin: 0 0 3.9%;
  }
}
.voice__txt {
  font-size: 21px;
  text-align: justify;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.7px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .voice__txt {
    font-size: 1.6935483871vw;
    letter-spacing: 0.0564516129vw;
  }
}
@media screen and (max-width: 767px) {
  .voice__txt {
    font-size: 3.7692307692vw;
    letter-spacing: 0.1vw;
  }
}
.voice__txtStrong {
  position: relative;
  color: #248956;
  background: linear-gradient(0deg, #d3e7dd, #d3e7dd 49%, rgba(255, 255, 255, 0) 50%);
}

.flowContainer {
  max-width: 600px;
  width: 48.39%;
  margin: 0 auto 7px;
  padding: 43px 0 20px;
  text-align: right;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .flowContainer {
    margin: 0 auto 0.564516129vw;
    padding: 3.4677419355vw 0 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  .flowContainer {
    width: 100%;
    margin: 0 auto 2.8%;
    padding: 7.7% 0 5%;
  }
}
.flow__heading {
  width: 34%;
  margin: 0 auto 3.6%;
  padding: 0 1% 0 0;
}
@media screen and (max-width: 767px) {
  .flow__heading {
    width: 36%;
    margin: 0.4% auto 5.6%;
    padding: 0 0 0 0.4%;
  }
}
.flow__txt {
  margin: 0 0 4.1%;
}
@media screen and (max-width: 767px) {
  .flow__txt {
    width: 77.3%;
    margin: 0 auto 1.6%;
  }
}
.flow__note {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.67;
  letter-spacing: 0.5px;
  color: #333;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .flow__note {
    font-size: 1.2096774194vw;
    letter-spacing: 0.0403225806vw;
  }
}
@media screen and (max-width: 767px) {
  .flow__note {
    padding: 0 6.5%;
    font-size: 2.5641025641vw;
    letter-spacing: 0.1vw;
    line-height: 1.4;
  }
}

.faqContainer {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto 7px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faqContainer {
    margin: 0 auto 0.564516129vw;
  }
}
@media screen and (max-width: 767px) {
  .faqContainer {
    margin: 0 auto 5%;
  }
}
.faqCategory__item {
  margin: 1% 0 0;
  padding: 0 0 0.6%;
}
.faqElement {
  max-width: 740px;
  width: 59.68%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .faqElement {
    width: 94%;
  }
}
.faqElement__item {
  border-bottom: #ce9903 1px solid;
}
.faqElement__item:nth-last-child(1) {
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faqElement__item:nth-last-child(1) {
    margin-bottom: 0.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  .faqElement__item:nth-last-child(1) {
    margin-bottom: 3.0769230769vw;
  }
}
.faq__q {
  position: relative;
  padding: 3.4% 11% 3.3% 5.2%;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s all;
  line-height: 1.2;
  text-align: justify;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faq__q {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  .faq__q {
    padding: 4.6% 4% 4.6% 5.2%;
    font-size: 4.1025641026vw;
    letter-spacing: 0.1vw;
  }
}
.faq__q:hover {
  background: #f9f2df;
}
.faq__qIcon {
  position: absolute;
  width: 3.8%;
  inset: 24px auto auto 0.6%;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faq__qIcon {
    inset: 1.935483871vw auto auto 0.6%;
  }
}
@media screen and (max-width: 767px) {
  .faq__qIcon {
    width: 4.2%;
    inset: 4.8vw auto auto 0.1vw;
  }
}
.faq__qArrow {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  inset: 0 5% 0 auto;
  margin: auto;
  border-top: #ce9903 2px solid;
  border-right: #ce9903 2px solid;
  transform: rotate(135deg);
  transition: 0.2s all;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faq__qArrow {
    width: 1.1290322581vw;
    height: 1.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  .faq__qArrow {
    width: 2vw;
    height: 2vw;
    inset: 0 0.3% 0 auto;
  }
}
.faq__a {
  position: relative;
}
.faq__aContainer {
  padding: 0 11% 3% 5.2%;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faq__aContainer {
    font-size: 1.6129032258vw;
  }
}
@media screen and (max-width: 767px) {
  .faq__aContainer {
    font-size: 3.5897435897vw;
  }
}
.faq__aIcon {
  position: absolute;
  width: 3.1%;
  inset: 4px auto auto 0.9%;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faq__aIcon {
    inset: 0.3225806452vw auto auto 0.9%;
  }
}
@media screen and (max-width: 767px) {
  .faq__aIcon {
    width: 4.1%;
    inset: 0.9vw auto auto 0.2%;
  }
}
.faqBtn, .faqBtn:visited, .faqBtn:link {
  display: flex;
  width: 600px;
  height: 80px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 14px;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faqBtn, .faqBtn:visited, .faqBtn:link {
    width: 48.3870967742vw;
    height: 6.4516129032vw;
    border-radius: 1.1290322581vw;
  }
}
@media screen and (max-width: 767px) {
  .faqBtn, .faqBtn:visited, .faqBtn:link {
    width: 82%;
    height: 11.7948717949vw;
    border-radius: 3.5897435897vw;
  }
}
.faqBtn:hover {
  animation: btnEffect 0.4s 0s ease-in-out;
}
@keyframes btnEffect {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}
.faqBtn--heading, .faqBtn--heading:visited, .faqBtn--heading:link {
  margin-bottom: 18px;
  background: #ce9903;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faqBtn--heading, .faqBtn--heading:visited, .faqBtn--heading:link {
    margin-bottom: 1.4516129032vw;
  }
}
@media screen and (max-width: 767px) {
  .faqBtn--heading, .faqBtn--heading:visited, .faqBtn--heading:link {
    margin-bottom: 4.3%;
  }
}
.faqBtn--category, .faqBtn--category:visited, .faqBtn--category:link {
  margin-bottom: 11px;
  padding: 0 3% 0 0;
  background: #fff;
  border: #ce9903 3px solid;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faqBtn--category, .faqBtn--category:visited, .faqBtn--category:link {
    margin-bottom: 0.8870967742vw;
    border: #ce9903 0.2419354839vw solid;
  }
}
@media screen and (max-width: 767px) {
  .faqBtn--category, .faqBtn--category:visited, .faqBtn--category:link {
    margin-bottom: 4%;
    border: #ce9903 0.7692307692vw solid;
  }
}
.faqBtn__txt {
  position: relative;
  flex: 0 1 50%;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  font-size: 22px;
  font-weight: bold;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faqBtn__txt {
    font-size: 1.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  .faqBtn__txt {
    flex: 0 1 74%;
    font-size: 4.6153846154vw;
  }
}
.faqBtn__name {
  padding: 0 2% 0 0;
}
.faqBtn__name--category {
  color: #ce9903;
}
.faqBtn__arrow {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  white-space: nowrap;
  transition: 0.2s all;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .faqBtn__arrow {
    width: 2.0161290323vw;
    height: 2.0161290323vw;
  }
}
@media screen and (max-width: 767px) {
  .faqBtn__arrow {
    width: 4.358974359vw;
    height: 4.358974359vw;
  }
}
.faqBtn__arrow::before {
  position: absolute;
  content: "";
  display: block;
  width: 50%;
  height: 26%;
  inset: 0;
  margin: auto;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.faqBtn__arrow--heading {
  margin: -0.3% 0 0;
  border: #fff 2px solid;
}
.faqBtn__arrow--heading::before {
  background: #fff;
}
.faqBtn__arrow--category {
  position: absolute;
  inset: 0 -3% 0 auto;
  margin: auto;
  background: #ce9903;
}
.faqBtn__arrow--category::before {
  background: #fff;
}

.lastClosing__link, .lastClosing__link:visited, .lastClosing__link:link {
  display: flex;
  width: 600px;
  height: 80px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  background: #248956;
  color: #fff;
  border-radius: 14px;
  font-size: 22px;
  font-weight: bold;
  flex-direction: column;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .lastClosing__link, .lastClosing__link:visited, .lastClosing__link:link {
    width: 48.3870967742vw;
    height: 6.4516129032vw;
    border-radius: 1.1290322581vw;
    font-size: 1.7741935484vw;
  }
}
@media screen and (max-width: 767px) {
  .lastClosing__link, .lastClosing__link:visited, .lastClosing__link:link {
    width: 82%;
    height: 15.3846153846vw;
    border-radius: 3.5897435897vw;
    font-size: 4.6153846154vw;
  }
}
.lastClosing__linkStrong {
  display: block;
  margin: 1% 0 0;
  font-size: 24px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .lastClosing__linkStrong {
    font-size: 1.935483871vw;
  }
}
@media screen and (max-width: 767px) {
  .lastClosing__linkStrong {
    font-size: 4.6153846154vw;
  }
}

.js-accordItem[data-status=open] > .js-accordBtn > .faqBtn__txt > .faqBtn__arrow {
  transform: rotate(180deg);
}
.js-accordItem[data-status=open] > .js-accordBtn > .faq__qArrow {
  transform: rotate(315deg);
}
.js-accordContents {
  overflow: hidden;
}

.anchContainer {
  margin: -58px 0 0;
  padding: 58px 0 0;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .anchContainer {
    margin: -4.6774193548vw 0 0;
    padding: 4.6774193548vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .anchContainer {
    margin: -14.8717948718vw 0 0;
    padding: 14.8717948718vw 0 0;
  }
}

.footerContainer {
  margin: 40px 0 0;
  padding: 28px 0;
  background: #e1e1e1;
}
@media screen and (min-width: 768px) {
  .footerContainer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footerContainer {
    margin: 3.2258064516vw 0 0;
    padding: 2.2580645161vw 0;
  }
}
@media screen and (max-width: 767px) {
  .footerContainer {
    margin: 8.6% 0 0;
    padding: 4.2% 0;
  }
}
.footerContent--01 {
  flex: 0 1 382px;
  padding: 0 42px;
}
@media screen and (min-width: 768px) {
  .footerContent--01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footerContent--01 {
    flex: 0 1 30.8064516129vw;
    padding: 0 3.3870967742vw;
  }
}
@media screen and (max-width: 767px) {
  .footerContent--01 {
    flex: 0 1 97.9487179487vw;
    margin: 0 0 5%;
    padding: 0 5%;
  }
}
.footerContent--02 {
  flex: 0 1 360px;
  padding: 0 34px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footerContent--02 {
    flex: 0 1 29.0322580645vw;
    padding: 0 2.7419354839vw;
  }
}
@media screen and (max-width: 767px) {
  .footerContent--02 {
    padding: 0;
  }
}
.footer__logo {
  flex: 0 1 54%;
}
@media screen and (max-width: 767px) {
  .footer__logo {
    width: 44.5%;
    margin: 0 auto 4%;
    display: block;
  }
}
.footerSns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 0 1 34%;
}
@media screen and (max-width: 767px) {
  .footerSns {
    width: 29%;
    margin: 0 auto;
  }
}
.footerSns__item {
  flex: 0 1 41%;
  padding: 4% 0 0;
}
.footerInlinks {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 4.5%;
  padding: 0 0 0 4.5%;
}
@media screen and (max-width: 767px) {
  .footerInlinks {
    margin: 0 0 3.2%;
    padding: 0 16%;
  }
}
.footerInlinks__item {
  position: relative;
}
.footerInlinks__item--01::after, .footerInlinks__item--02::after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 70%;
  inset: 23% -8.5px 0 auto;
  background: #333;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footerInlinks__item--01::after, .footerInlinks__item--02::after {
    inset: 23% -0.685483871vw 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .footerInlinks__item--01::after, .footerInlinks__item--02::after {
    inset: 23% -0.685483871vw 0 auto;
  }
}
.footerInlinks__link {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footerInlinks__link {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  .footerInlinks__link {
    font-size: 3.0769230769vw;
  }
}
.footerInlinks__link--01, .footerInlinks__link--02 {
  letter-spacing: 0.4px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footerInlinks__link--01, .footerInlinks__link--02 {
    letter-spacing: 0.0322580645vw;
  }
}
@media screen and (max-width: 767px) {
  .footerInlinks__link--01, .footerInlinks__link--02 {
    letter-spacing: 0.1025641026vw;
  }
}
.footerInlinks__link--03 {
  letter-spacing: -0.6px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footerInlinks__link--03 {
    letter-spacing: -0.0483870968vw;
  }
}
@media screen and (max-width: 767px) {
  .footerInlinks__link--03 {
    letter-spacing: -0.1538461538vw;
  }
}
.footer__cr {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .footer__cr {
    font-size: 0.9677419355vw;
  }
}
@media screen and (max-width: 767px) {
  .footer__cr {
    font-size: 3.0769230769vw;
    text-align: center;
  }
}/*# sourceMappingURL=base.css.map */