@charset "UTF-8";

/*===================================================================
# サンクスページバナー
===================================================================*/
.thanksBanner {
  padding-block: max(10.6205128205vw, 39.8269230769px);
}
@media screen and (min-width: 768px) {
  .thanksBanner {
    padding-block: 4rem;
  }
}
.thanksBanner__inner {
  width: max(85.5230769231vw, 320.7115384615px);
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .thanksBanner__inner {
    width: min(100vw, 1032px);
  }
}
.thanksBanner__header {
  display: flex;
  flex-direction: column;
  gap: max(2.6553846154vw, 9.9576923077px);
  margin-bottom: max(7.0794871795vw, 26.5480769231px);
}
@media screen and (min-width: 768px) {
  .thanksBanner__header {
    gap: min(0.7751937984vw, 8px);
    margin-bottom: min(3.1007751938vw, 32px);
  }
}
.thanksBanner__catch {
  font-size: max(2.6538461538vw, 9.9519230769px);
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .thanksBanner__catch {
    font-size: min(1.9379844961vw, 20px);
  }
}
.thanksBanner__title {
  font-size: max(4.8666666667vw, 18.25px);
  font-weight: 700;
  color: #000;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .thanksBanner__title {
    font-size: min(3.488372093vw, 36px);
  }
}
.thanksBanner__slash::before {
  content: "＼";
}
.thanksBanner__slash::after {
  content: "／";
}
.thanksBanner__list {
  display: flex;
  flex-direction: column;
  gap: max(5.3102564103vw, 19.9134615385px);
}
@media screen and (min-width: 768px) {
  .thanksBanner__list {
    flex-direction: row;
    gap: min(3.1007751938vw, 32px);
  }
}
.thanksBanner__item {
  display: flex;
  flex-direction: column;
  gap: max(2.0512820513vw, 7.6923076923px);
}
@media screen and (min-width: 768px) {
  .thanksBanner__item {
    flex-basis: calc((100% - min(3.1007751938vw, 32px)) / 2);
    gap: min(1.5503875969vw, 16px);
    justify-content: flex-end;
  }
}
.thanksBanner__link {
  cursor: pointer;
  transition: opacity 0.5s ease;
}
.thanksBanner__link:hover, .thanksBanner__link:focus-visible {
  opacity: 0.5;
}
.thanksBanner__text {
  font-size: max(2.6538461538vw, 9.9519230769px);
  font-weight: 700;
  line-height: 1.4;
  color: #000;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .thanksBanner__text {
    font-size: min(1.5503875969vw, 16px);
  }
}
.contact:has(.thanksBanner) {
  padding-bottom: 0 !important;
}