/* CSS Document */
/*Base*/
.whatContainer {
  position: relative;
  max-width: 1175px;
  width: 73.4375%;
  margin: 0 auto 194px;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .whatContainer {
    margin: 0 auto 12.125vw;
  }
}
@media screen and (max-width: 640px) {
  .whatContainer {
    width: 100%;
    margin: 0 auto 17.3%;
  }
}
.what__heading {
  padding: 9px 40px 0;
  margin-bottom: 6.1% !important;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 640px) {
  .what__heading {
    width: 67%;
    margin: 0 auto 6% !important;
    height: 9vw;
    padding: 1.9% 0 0;
    line-height: 1.3;
    border-radius: 4.5vw;
    font-size: 4.53125vw !important;
    letter-spacing: 0.3vw;
  }
}
.whatContent {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.whatContent--01 {
  margin: 0 0 8.5%;
}
@media screen and (max-width: 640px) {
  .whatContent--01 {
    margin: 0 0 11.7%;
  }
}
.whatContent--02 {
  margin: 0 0 4%;
}
@media screen and (max-width: 640px) {
  .whatContent--02 {
    margin: 0 0 7%;
  }
}
.what__txt {
  font-size: 1.25rem;
  letter-spacing: 0.12rem;
  line-height: 2.25;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .what__txt {
    font-size: 1.25vw;
    letter-spacing: 0.12vw;
  }
}
@media screen and (max-width: 640px) {
  .what__txt {
    width: 90.625%;
    font-size: 3.59375vw;
    letter-spacing: 0;
    line-height: 2.02;
  }
}
.what__txt--01 {
  flex: 0 1 45%;
  padding: 2.7% 0 0;
}
@media screen and (max-width: 640px) {
  .what__txt--01 {
    flex: 0 1 90%;
    margin: 0 auto 5.3%;
  }
}
.what__txt--02 {
  flex: 0 1 43.9%;
}
@media screen and (max-width: 640px) {
  .what__txt--02 {
    order: 1;
    flex: 0 1 90%;
    margin: 0 auto 7.7%;
  }
}
.what__txt--03 {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .what__txt--03 {
    margin: 0 auto;
  }
}
.what__img--01 {
  flex: 0 1 57.5%;
  margin: 0 0 0 -2.5%;
}
@media screen and (max-width: 640px) {
  .what__img--01 {
    flex: 0 1 90%;
    margin: 0 auto;
  }
}
.what__img--02 {
  margin: 0 0 4.4%;
}
@media screen and (max-width: 640px) {
  .what__img--02 {
    width: 91%;
    margin: 0 auto 7.1%;
  }
}
.what__img--03 {
  flex: 0 1 53.4%;
  margin: 0.7% 0 0 -1.7%;
}
@media screen and (max-width: 640px) {
  .what__img--03 {
    order: 2;
    flex: 0 1 90.7%;
    margin: 0 auto 0 3%;
  }
}
.what__img--04 {
  position: absolute;
  width: 17.7%;
  inset: auto -12.6% -18.7% auto;
}
@media screen and (max-width: 640px) {
  .what__img--04 {
    width: 26.1%;
    inset: auto 2.3% -9.4% auto;
  }
}

.recommendContainer {
  padding: 147px 0 144px;
  background: #f5f3f1;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .recommendContainer {
    padding: 9.1875vw 0 9vw;
  }
}
@media screen and (max-width: 640px) {
  .recommendContainer {
    padding: 19% 0 18%;
  }
}
.recommend__heading {
  margin-bottom: 15px !important;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .recommend__heading {
    margin-bottom: 0.9375vw !important;
  }
}
@media screen and (max-width: 640px) {
  .recommend__heading {
    margin-bottom: 11vw !important;
  }
}
.recommend__main {
  position: relative;
  max-width: 1280px;
  width: 74.3%;
  margin: 0 auto;
  inset: 0 0 0 50px;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .recommend__main {
    inset: 0 0 0 3.125vw;
  }
}
@media screen and (max-width: 640px) {
  .recommend__main {
    position: relative;
    width: 91.4%;
    margin: 0 auto;
    padding: 0 0.6% 0 0;
    z-index: 1;
    inset: auto;
  }
}

.supportContainer {
  width: 100%;
  padding: 218px 0 0;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .supportContainer {
    padding: 13.625vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .supportContainer {
    padding: 18.6% 0 0;
  }
}
.supportInner {
  max-width: 1175px;
  width: 73.4375%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .supportInner {
    width: 100%;
  }
}
.support__heading {
  width: 28.3%;
  margin: 0 auto 5.7%;
}
@media screen and (max-width: 640px) {
  .support__heading {
    width: 39.5%;
    margin: 0 auto 9.6%;
  }
}
@media screen and (min-width: 641px) {
  .supportList {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.supportList__item {
  position: relative;
}
@media screen and (min-width: 641px) {
  .supportList__item {
    flex: 0 1 31%;
  }
}
@media screen and (max-width: 640px) {
  .supportList__item {
    margin: 0 0 7.7%;
    width: 90.7%;
  }
  .supportList__item:nth-child(2) {
    width: 91.5%;
    margin-left: auto;
  }
  .supportList__item:nth-child(2) .support__txt {
    inset: 43% auto auto 39.2%;
  }
}
.support__txt {
  position: absolute;
  width: 90%;
  margin: 0 auto;
  inset: 61% 0 auto;
  text-align: center;
  font-size: 1.4375rem;
  letter-spacing: 0.1rem;
  color: #fff;
  line-height: 1.7;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .support__txt {
    font-size: 1.4375vw;
    letter-spacing: 0.2vw;
  }
}
@media screen and (max-width: 640px) {
  .support__txt {
    width: 57%;
    margin: 0;
    inset: 43% auto auto 5%;
    font-size: 3.59375vw;
    letter-spacing: 0.15625vw;
    text-align: justify;
  }
}

.summaryContainer {
  width: 100%;
}
.summaryInner {
  position: relative;
  max-width: 1175px;
  width: 73.4375%;
  margin: 0 auto;
  padding: 224px 0 225px;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .summaryInner {
    padding: 14vw 0 14.0625vw;
  }
}
@media screen and (max-width: 640px) {
  .summaryInner {
    width: 90.625%;
    padding: 11.7% 0 19%;
  }
}
.summary__heading {
  width: 23.6%;
  margin: 0 auto 6.4%;
}
@media screen and (max-width: 640px) {
  .summary__heading {
    width: 36.4%;
    margin: 0 auto 10.4%;
  }
}
.summaryTable {
  width: 100%;
  background: #fff;
  border-radius: 20px;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .summaryTable {
    border-radius: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  .summaryTable {
    border-radius: 3vw;
  }
}
.summary__tr:nth-child(2) .summary__td--plan {
  border-bottom: #fff 1px solid;
}
.summary__tr:nth-child(3) .summary__td--plan {
  border-bottom: #fff 1px solid;
}
.summary__th {
  padding: 2.2% 0;
  font-size: 1.875rem;
  letter-spacing: 0.2rem;
  text-align: center;
  vertical-align: middle;
  background: #f5f3f1;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .summary__th {
    font-size: 1.875vw;
    letter-spacing: 0.2vw;
  }
}
@media screen and (max-width: 640px) {
  .summary__th {
    padding: 3.2vw 0;
    font-size: 3.59375vw;
    letter-spacing: 0.15625vw;
    font-weight: 500;
  }
}
.summary__th:nth-child(1) {
  width: 24%;
  border-right: #fff 1px solid;
  border-bottom: #fff 1px solid;
}
@media screen and (max-width: 640px) {
  .summary__th:nth-child(1) {
    width: 24.6%;
  }
}
.summary__th:nth-child(2) {
  width: 44%;
  border-right: #fff 1px solid;
}
@media screen and (max-width: 640px) {
  .summary__th:nth-child(2) {
    width: 47.2%;
  }
}
.summary__th:nth-child(3) {
  width: 32%;
}
@media screen and (max-width: 640px) {
  .summary__th:nth-child(3) {
    width: 28.2%;
  }
}
.summary__td {
  height: 190px;
  padding: 0 2.7%;
  border-bottom: #f5f3f1 1px solid;
  font-size: 1.25rem;
  vertical-align: middle;
  line-height: 1.8;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .summary__td {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  .summary__td {
    height: 33.3vw;
    padding: 0;
    font-size: 3.125vw;
    line-height: 1.478;
  }
}
.summary__td--plan {
  font-size: 1.875rem;
  letter-spacing: 0.2rem;
  text-align: center;
  background: #f5f3f1;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .summary__td--plan {
    font-size: 1.875vw;
    letter-spacing: 0.2vw;
  }
}
@media screen and (max-width: 640px) {
  .summary__td--plan {
    font-size: 3.59375vw;
    letter-spacing: -0.1vw;
  }
}
.summary__td--txt {
  padding: 0 6.5%;
  border-right: #f5f3f1 1px solid;
}
@media screen and (max-width: 640px) {
  .summary__td--txt {
    padding: 0 4.5%;
  }
}
.summary__td--price {
  text-align: center;
}
@media screen and (max-width: 640px) {
  .summary__td--price {
    text-align: left;
    padding: 0 0 0 3.2%;
  }
}
.summary__character {
  position: absolute;
  width: 17.2%;
  inset: auto -16.2% -8.6% auto;
}
@media screen and (max-width: 640px) {
  .summary__character {
    width: 28.2%;
    inset: auto -2.9% -10.8% auto;
  }
}

.preparationContainer {
  width: 100%;
  background: #fff;
}
.preparationInner {
  max-width: 1175px;
  width: 73.4375%;
  margin: 0 auto;
  padding: 199px 0 0;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparationInner {
    padding: 12.4375vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .preparationInner {
    width: 90.625%;
    padding: 16.6% 0 0;
  }
}
.preparation__heading {
  margin: 0 0 3.6%;
  font-size: 2.625rem;
  letter-spacing: 0.23rem;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparation__heading {
    font-size: 2.625vw;
    letter-spacing: 0.23vw;
  }
}
@media screen and (max-width: 640px) {
  .preparation__heading {
    margin: 0 0 7.4%;
    font-size: 6.5625vw;
    letter-spacing: 0.575vw;
    line-height: 1.51;
  }
}
.preparationBody {
  background: #f5f3f1;
  border-radius: 20px;
  padding: 3.8% 5% 5.8%;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparationBody {
    border-radius: 1.25vw;
  }
}
@media screen and (max-width: 640px) {
  .preparationBody {
    padding: 7.8% 6% 13%;
    border-radius: 3vw;
  }
}
.preparationList {
  margin: 0 0 5.3%;
}
@media screen and (max-width: 640px) {
  .preparationList {
    margin: 0 0 11%;
  }
}
.preparationList__item {
  margin: 0 0 4.5%;
}
@media screen and (max-width: 640px) {
  .preparationList__item {
    margin: 0 0 8.5%;
  }
}
.preparationList__item:nth-last-child(1) {
  margin: 0;
}
.preparationList__ttl {
  margin: 0 0 1%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 640px) {
  .preparationList__ttl {
    margin: 0 0 3%;
    align-items: center;
  }
}
.preparationList__ttlNum {
  position: relative;
  display: flex;
  width: 8.3%;
  aspect-ratio: 1/1;
  background: #f49f35;
  font-size: 1.1875rem;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparationList__ttlNum {
    font-size: 1.1875vw;
  }
}
@media screen and (max-width: 640px) {
  .preparationList__ttlNum {
    width: 17%;
    font-size: 2.96875vw;
  }
}
.preparationList__ttlNum::before {
  position: absolute;
  content: "";
  display: block;
  width: 91%;
  aspect-ratio: 1/1;
  inset: 0;
  margin: auto;
  border: #fff 1px solid;
  border-radius: 50%;
}
.preparationList__ttlNum span {
  font-size: 2.125rem;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparationList__ttlNum span {
    font-size: 2.125vw;
  }
}
@media screen and (max-width: 640px) {
  .preparationList__ttlNum span {
    font-size: 5.28125vw;
  }
}
.preparationList__ttlTxt {
  display: flex;
  padding: 0 0 1% 2%;
  font-size: 2.18755rem;
  letter-spacing: 0.2rem;
  font-weight: 600;
  align-items: center;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparationList__ttlTxt {
    font-size: 2.1875vw;
    letter-spacing: 0.2vw;
  }
}
@media screen and (max-width: 640px) {
  .preparationList__ttlTxt {
    padding: 0 0 0 4.3%;
    font-size: 5vw;
    letter-spacing: 0.4vw;
  }
}
.preparationList__ttlTxt--2l {
  line-height: 1.6;
}
.preparationList__txt {
  font-size: 1.25rem;
  letter-spacing: 0.11rem;
  line-height: 2;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparationList__txt {
    font-size: 1.25vw;
    letter-spacing: 0.11vw;
  }
}
@media screen and (max-width: 640px) {
  .preparationList__txt {
    font-size: 3.125vw;
    letter-spacing: 0.275vw;
    line-height: 1.91902;
  }
}
.preparationList__annotation {
  display: block;
  margin: 1% 0 0;
  font-size: 0.9375rem;
  letter-spacing: 0.03rem;
  line-height: 1.8;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparationList__annotation {
    font-size: 0.9375vw;
    letter-spacing: 0.03vw;
  }
}
@media screen and (max-width: 640px) {
  .preparationList__annotation {
    margin: 2.5% 0 0;
    font-size: 2.8125vw;
    letter-spacing: 0.075vw;
    line-height: 1.47;
  }
}
.preparationList__pay {
  width: 71.3%;
  margin: 2% 0 0;
}
@media screen and (max-width: 640px) {
  .preparationList__pay {
    width: 91%;
    margin: 1.7% auto 0;
  }
}
.preparation__link {
  position: relative;
  display: flex;
  width: 36%;
  height: 56px;
  margin: 0 auto;
  padding: 0 1.4% 0 0;
  font-size: 1.1875rem;
  letter-spacing: 0.1rem;
  background: #86b8c9;
  color: #fff;
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparation__link {
    height: 3.5vw;
    border-radius: 0.5vw;
    font-size: 1.1875vw;
    letter-spacing: 0.1vw;
  }
}
@media screen and (max-width: 640px) {
  .preparation__link {
    width: 92%;
    height: 13.75vw;
    padding: 0 2% 0 0;
    border-radius: 1vw;
    font-size: 3.59375vw;
    letter-spacing: 0.25vw;
  }
}
.preparation__link::after {
  position: absolute;
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  inset: 2% 0 0 86%;
  margin: auto;
  border-top: #fff 1px solid;
  border-right: #fff 1px solid;
  transform: rotate(45deg);
  transition: 0.2s all;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .preparation__link::after {
    width: 0.75vw;
    height: 0.75vw;
  }
}
@media screen and (max-width: 640px) {
  .preparation__link::after {
    width: 1.8vw;
    height: 1.8vw;
    inset: 2% 0 0 84%;
  }
}

.otherContainer {
  width: 100%;
  padding: 160px 0 70px;
  background: #fff;
}
@media screen and (min-width: 641px) and (max-width: 1600px) {
  .otherContainer {
    padding: 10vw 0 4.375vw;
  }
}
@media screen and (max-width: 640px) {
  .otherContainer {
    padding: 19% 0 1%;
  }
}
.otherInner {
  max-width: 1300px;
  width: 81.25%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .otherInner {
    width: 82.3%;
    margin: 0 auto 18%;
  }
}
@media screen and (min-width: 641px) {
  .otherList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.otherList__item {
  flex: 0 1 43.1%;
  margin: 0 2.1% 3.1%;
}
@media screen and (max-width: 640px) {
  .otherList__item {
    margin: 0 2.1% 5.5%;
  }
}
.js-keepHorizontalSlide {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.js-handWritten {
  transition: 0.3s opacity;
}
.js-handWritten path {
  fill: none;
  stroke: #FFFFFF;
  stroke-miterlimit: 10;
  stroke-width: 10px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
.js-pieChart circle {
  fill: transparent;
  stroke-width: 32;
  stroke-dashoffset: 100;
  stroke-dasharray: 100;
  stroke: #DCDDDD;
  transform: rotate(-90deg);
  transform-origin: center;
}
.js-pieChart.stop {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-name: graphImgAnm01_none;
}
.js-pieChart.stop circle {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-name: graphImgAnm01_buck;
}
.js-pieChart.act {
  animation-delay: 0s;
  animation-duration: 0s;
  animation-fill-mode: forwards;
  animation-name: graphImgAnm01_on;
}
.js-pieChart.act circle {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0s;
  animation-name: graphImgAnm01;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dashoffset: 100;
  }
  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}
@keyframes graphImgAnm01_buck {
  0% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
  100% {
    opacity: 1;
    stroke-dashoffset: 100;
  }
}
@keyframes graphImgAnm01_none {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes graphImgAnm01_on {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.footerContainer {
  width: 100%;
  padding: 88px 0 0;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footerContainer {
    padding: 6.28vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .footerContainer {
    padding: 5.8% 0 0;
    background: #fff;
  }
}
.footerInner {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 641px) {
  .footerInner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.footerLayout01 {
  flex: 0 1 24.1%;
  margin: 0 1% 0 0;
  padding: 2.2% 0 0;
}
@media screen and (max-width: 640px) {
  .footerLayout01 {
    margin: 0 0 6%;
    padding: 0;
  }
}
.footerLayout02 {
  flex: 0 1 29%;
}
@media screen and (max-width: 640px) {
  .footerLayout02 {
    display: none;
  }
}
.footerLayout03 {
  flex: 0 1 16%;
}
@media screen and (max-width: 640px) {
  .footerLayout03 {
    display: none;
  }
}
.footerLayout04 {
  flex: 0 1 19.4%;
}
@media screen and (max-width: 640px) {
  .footerLayout04 {
    width: 90%;
    margin: 0 auto;
  }
}
.footerLayout05 {
  flex: 0 1 100%;
}
.footerList__item {
  position: relative;
  margin: 0 0 9px;
  padding: 0 0 0 12px;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footerList__item {
    margin: 0 0 0.6428vw;
    padding: 0 0 0 0.8571vw;
  }
}
@media screen and (max-width: 640px) {
  .footerList__item {
    margin: 0;
    padding: 0 0 0 4%;
    border-bottom: #eb9b38 1px solid;
  }
}
.footerList__item::before {
  position: absolute;
  display: block;
  content: "";
  width: 7px;
  aspect-ratio: 0.55/1;
  inset: 10px 100% auto 0;
  margin: auto;
  background: #f49f35;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footerList__item::before {
    width: 0.5vw;
    inset: 0.7142vw 100% auto 0;
  }
}
@media screen and (max-width: 640px) {
  .footerList__item::before {
    width: 1.8%;
    inset: 3.5vw 95.2% auto 0;
  }
}
.footerList__link {
  display: inline-block;
  padding: 9px 0;
  font-size: 0.9375rem;
  letter-spacing: 0.05rem;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footerList__link {
    padding: 0.6428vw 0;
    font-size: 1.07142vw;
    letter-spacing: 0.057vw;
  }
}
@media screen and (max-width: 640px) {
  .footerList__link {
    padding: 3.1% 0;
    font-size: 3.59375vw;
    letter-spacing: 0.114vw;
  }
}
.footer__logo {
  width: 49%;
  margin: 0 auto 14%;
  display: block;
}
@media screen and (max-width: 640px) {
  .footer__logo {
    width: 64%;
    margin: 0 auto 5%;
  }
}
.footer__contact {
  position: relative;
  display: flex;
  width: 48%;
  height: 44px;
  margin: 0 auto;
  border-radius: 22px;
  background: #86b8c9;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: rgba(89, 87, 87, 0.3) 3px 3px 5px;
  font-size: 0.9375rem;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footer__contact {
    height: 3.14vw;
    border-radius: 1.57vw;
    box-shadow: rgba(89, 87, 87, 0.3) 0.214vw 0.214vw 0.357vw;
    font-size: 0.9375vw;
    letter-spacing: 0.114vw;
  }
}
@media screen and (max-width: 640px) {
  .footer__contact {
    width: 46%;
    height: 12vw;
    border-radius: 6vw;
    font-size: 3.59375vw;
    letter-spacing: 0.114vw;
    box-shadow: rgba(89, 87, 87, 0.3) 0.214vw 0.214vw 0.357vw;
  }
}
.footer__contact::after {
  position: absolute;
  display: block;
  content: "";
  width: 5%;
  aspect-ratio: 1/1;
  inset: 2% 0 0 72%;
  margin: auto;
  border-top: #fff 1px solid;
  border-right: #fff 1px solid;
  transform: rotate(45deg);
  transition: 0.2s all;
}
.footerSubList {
  position: relative;
  padding: 0 0 0 18px;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footerSubList {
    padding: 0 0 0 1.28vw;
  }
}
.footerSubList::before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 101%;
  inset: 0 96.6% 0 0;
  margin: auto;
  background: #f49f35;
}
.footerSubList__link {
  display: inline-block;
  padding: 2% 0;
  font-size: 0.9375rem;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footerSubList__link {
    font-size: 1.07vw;
    letter-spacing: 0.11vw;
  }
}
.footer__cr {
  margin: 5% 0 0;
  padding: 0 0 2%;
  line-height: 1;
  font-size: 0.9375rem;
  text-align: center;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 641px) and (max-width: 1400px) {
  .footer__cr {
    font-size: 1.07vw;
    letter-spacing: 0.11vw;
  }
}
@media screen and (max-width: 640px) {
  .footer__cr {
    margin: 7.5% 0 0;
    font-size: 3.125vw;
  }
}/*# sourceMappingURL=pgm05-onboarding.css.map */