@charset "UTF-8";
:root {
  --viewport-width: min(100vw, 1600px);
  --b: calc(var(--viewport-width) / 160);
}

/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
h2.title {
  margin-bottom: 2%;
  font-size: max(3.6rem, 20px);
}
h2.title span {
  display: block;
  font-size: max(1.6rem, 12px);
  color: #0C81C5;
  padding-left: max(1.6rem, 10px);
  position: relative;
}
h2.title span::before {
  content: "●";
  font-size: max(0.8rem, 5px);
  position: absolute;
  transform: translate(0%, -50%);
  top: 50%;
  left: 0;
}

#thank .thanks-container .title {
  margin: 5% auto;
}
@media screen and (max-width: 768px) {
  #thank .thanks-container .title {
    margin: 8% auto;
  }
}
#thank .thanks-container .title p {
  text-align: center;
}
#thank .thanks-container .title p:nth-of-type(1) {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  font-size: max(4.8rem, 48px);
  font-weight: 600;
  margin-bottom: 1%;
}
#thank .thanks-container .title p:nth-of-type(2) {
  font-size: max(3rem, 30px);
}
@media screen and (max-width: 768px) {
  #thank .thanks-container .title p:nth-of-type(2) {
    font-size: max(1.5em, 15px);
    margin-top: 3%;
  }
}
#thank .thanks-container .thanks-content {
  font-size: max(1.4rem, 14px);
  line-height: 200%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #thank .thanks-container .thanks-content {
    font-size: max(1.2rem, 12px);
    margin: 0 auto;
    text-align: start;
  }
}
#thank .thanks-container .button-container {
  margin: 6% 0;
}