@charset "UTF-8";
.l-container {
  inline-size: 90%;
  max-inline-size: 1030px;
  margin-inline: auto;
}
.l-container--lg {
  max-inline-size: 1220px;
}

@media screen and (max-width: 768px) {
  .l-container {
    max-inline-size: 500px;
  }
  .l-container--lg {
    max-inline-size: 500px;
  }
}
body {
  display: flex;
  flex-direction: column;
  min-block-size: 100vh;
  min-block-size: 100dvh;
}

main {
  flex: 1;
  background-color: #ffd127;
}

@media screen and (max-width: 768px) {
  .u-show--pc {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
  .u-show--pc-tab {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .u-show--tab {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
  .u-show--tab {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .u-show--tab-sp {
    display: none !important;
  }
}
@media screen and (min-width: 500px) {
  .u-show--sp {
    display: none !important;
  }
}
.teaser .hero {
  padding-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.teaser .hero__logo {
  padding-block: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  margin-block-end: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  background: url(../images/teaser/hero_logo-bg_pc.png) no-repeat center bottom/cover;
}
.teaser .hero__logoImg {
  inline-size: clamp(319px, 0.3979135618px + 41.4307004471vw, 597px);
  margin-inline: auto;
}
.teaser .hero__title {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  margin-inline: auto;
  text-align: center;
}
.teaser .hero__titleMain {
  position: relative;
  z-index: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
  font-size: clamp(40px, 1.0342771982px + 5.0670640835vw, 74px);
}
.teaser .hero__titleMain::before {
  content: "";
  position: absolute;
  inset-block-end: clamp(7px, 0.1236959762px + 0.8941877794vw, 13px);
  inset-inline-start: 0;
  z-index: -1;
  inline-size: 100%;
  block-size: clamp(13px, 0.393442623px + 1.6393442623vw, 24px);
  background-color: #fff9b9;
  opacity: 0.6;
}
.teaser .hero__titleBrand, .teaser .hero__titleCharacter {
  font-weight: 700;
  line-height: 1.45;
}
.teaser .hero__titleAccent {
  color: #ee7000;
  font-weight: 700;
}
.teaser .hero__titleSub {
  font-size: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  font-weight: 700;
  line-height: 1.45;
}
.teaser .hero__titleDeco {
  position: absolute;
}
.teaser .hero__titleDeco--01 {
  inset-block-start: calc(0px - clamp(19px, 0.6631892697px + 2.3845007452vw, 35px));
  inset-inline-end: calc(0px - clamp(37px, -0.8196721311px + 4.9180327869vw, 70px));
  inline-size: clamp(40px, -0.1117734724px + 5.21609538vw, 75px);
}
.teaser .hero__titleDeco--02 {
  inset-block-end: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  inset-inline-start: calc(0px - clamp(45px, -0.8420268256px + 5.9612518629vw, 85px));
  inline-size: clamp(37px, -0.8196721311px + 4.9180327869vw, 70px);
}
.teaser .hero__wrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(13px, -0.7526080477px + 1.7883755589vw, 25px);
}
.teaser .hero__image {
  inline-size: clamp(278px, 0.6557377049px + 36.0655737705vw, 520px);
}
.teaser .hero__schedule {
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: clamp(242px, 0.1833084948px + 31.4456035768vw, 453px);
  aspect-ratio: 907/856;
  background: url(../images/teaser/hero_schedule-bg.png) no-repeat center/cover;
  text-align: center;
}
.teaser .hero__scheduleYear {
  display: block;
  font-size: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  font-weight: 900;
  line-height: 1.45;
}
.teaser .hero__scheduleDate {
  display: block;
}
.teaser .hero__scheduleNum, .teaser .hero__scheduleUnit {
  color: #ee7000;
  font-weight: 900;
}
.teaser .hero__scheduleNum {
  font-size: clamp(36px, -0.6736214605px + 4.7690014903vw, 68px);
}
.teaser .hero__scheduleUnit {
  font-size: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
}
.teaser .hero__scheduleLabel {
  display: block;
  font-size: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  font-weight: 700;
  line-height: 1.45;
}

@media screen and (max-width: 768px) {
  .teaser .hero {
    padding-block-end: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .teaser .hero__logo {
    padding-block: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    margin-block-end: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
    background: url(../images/teaser/hero_logo-bg_sp.png) no-repeat center bottom/cover;
  }
  .teaser .hero__logoImg {
    inline-size: clamp(237px, -4.2162162162px + 64.3243243243vw, 356px);
  }
  .teaser .hero__title {
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
    margin-block-end: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
  }
  .teaser .hero__titleMain {
    flex-direction: column;
    font-size: clamp(40px, -0.5405405405px + 10.8108108108vw, 60px);
  }
  .teaser .hero__titleMain::before {
    display: none;
  }
  .teaser .hero__titleBrand, .teaser .hero__titleCharacter {
    position: relative;
  }
  .teaser .hero__titleBrand::before, .teaser .hero__titleCharacter::before {
    content: "";
    position: absolute;
    inset-block-end: clamp(5px, -1.0810810811px + 1.6216216216vw, 8px);
    inset-inline-start: 0;
    z-index: -1;
    inline-size: 100%;
    block-size: clamp(12px, -0.1621621622px + 3.2432432432vw, 18px);
    background-color: #fff9b9;
    opacity: 0.6;
  }
  .teaser .hero__titleSub {
    font-size: clamp(24px, -0.3243243243px + 6.4864864865vw, 36px);
  }
  .teaser .hero__titleDeco--01 {
    inset-block-start: calc(0px - clamp(2px, -0.027027027px + 0.5405405405vw, 3px));
    inset-inline-end: calc(0px - clamp(23px, -1.3243243243px + 6.4864864865vw, 35px));
    inline-size: clamp(45px, -1.6216216216px + 12.4324324324vw, 68px);
  }
  .teaser .hero__titleDeco--02 {
    inset-block-end: calc(0px - clamp(25px, -1.3513513514px + 7.027027027vw, 38px));
    inset-inline-start: calc(0px - clamp(28px, -0.3783783784px + 7.5675675676vw, 42px));
    inline-size: clamp(43px, -1.5945945946px + 11.8918918919vw, 65px);
  }
  .teaser .hero__wrap {
    align-items: center;
    flex-direction: column-reverse;
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
  .teaser .hero__image {
    inline-size: clamp(267.5px, -5.1351351351px + 72.7027027027vw, 402px);
  }
  .teaser .hero__schedule {
    inline-size: clamp(267.5px, -5.1351351351px + 72.7027027027vw, 402px);
  }
  .teaser .hero__scheduleYear {
    font-size: clamp(23.5px, -1.8378378378px + 6.7567567568vw, 36px);
  }
  .teaser .hero__scheduleNum {
    font-size: clamp(40px, -0.5405405405px + 10.8108108108vw, 60px);
  }
  .teaser .hero__scheduleUnit {
    font-size: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
  }
  .teaser .hero__scheduleLabel {
    font-size: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
  }
}
.teaser .entry {
  padding-block: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.teaser .entry__note {
  padding-block: clamp(3px, 0.7078986587px + 0.2980625931vw, 5px);
  margin-block-end: clamp(37px, -0.8196721311px + 4.9180327869vw, 70px);
  background-color: #fff;
  font-size: clamp(20px, -0.6289120715px + 2.6825633383vw, 38px);
  color: #ee7000;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
}
.teaser .entry__lead {
  margin-block-end: clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  text-align: center;
}
.teaser .entry__lead span {
  position: relative;
  font-size: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  font-weight: 700;
  line-height: 1.5;
}
.teaser .entry__lead span::before, .teaser .entry__lead span::after {
  content: "";
  position: absolute;
  inset-block-start: 60%;
  inline-size: clamp(1px, -0.1460506706px + 0.1490312966vw, 2px);
  block-size: 100%;
  border-radius: 50px;
  background-color: #572a06;
}
.teaser .entry__lead span::before {
  inset-inline-start: -0.7em;
  transform: translate(-100%, -50%) rotate(-30deg);
}
.teaser .entry__lead span::after {
  inset-inline-end: -0.7em;
  transform: translate(100%, -50%) rotate(30deg);
}
.teaser .entry__product {
  position: relative;
  inline-size: clamp(292px, 2.0491803279px + 37.7049180328vw, 545px);
  padding: clamp(32px, -0.0894187779px + 4.172876304vw, 60px);
  margin-block-end: clamp(37px, -0.8196721311px + 4.9180327869vw, 70px);
  margin-inline: auto;
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  background-color: #fff9b9;
}
.teaser .entry__productImg {
  position: absolute;
  inset-block-start: calc(0px - clamp(24px, -0.0670640835px + 3.129657228vw, 45px));
  inset-inline-end: calc(0px - clamp(48px, -0.1341281669px + 6.259314456vw, 90px));
  inline-size: clamp(109px, 1.2712369598px + 14.0089418778vw, 203px);
}
.teaser .entry__productText span {
  display: block;
  font-size: clamp(13px, 0.393442623px + 1.6393442623vw, 24px);
  font-weight: 700;
  line-height: 1.6;
}
.teaser .entry__productText span:last-of-type {
  font-size: clamp(9px, 0.9776453055px + 1.043219076vw, 16px);
  margin-block-start: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.teaser .entry__prize {
  position: relative;
  z-index: 0;
  inline-size: clamp(508px, 1.4456035768px + 65.8718330849vw, 950px);
  padding-block: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px) clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  margin-inline: auto;
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  background-color: #572a06;
  box-shadow: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px) clamp(5px, -0.7302533532px + 0.7451564829vw, 10px) 0px 0px #f99900;
  text-align: center;
}
.teaser .entry__prizeText {
  display: flex;
  align-items: center;
  justify-content: center;
}
.teaser .entry__prizeImg {
  inline-size: clamp(439px, 2.3546944858px + 56.780923994vw, 820px);
}

@media screen and (max-width: 768px) {
  .teaser .entry {
    padding-block: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .teaser .entry__note {
    padding-block: clamp(7px, -1.1081081081px + 2.1621621622vw, 11px);
    margin-block-end: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
    font-size: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .teaser .entry__lead {
    position: relative;
    inline-size: -moz-fit-content;
    inline-size: fit-content;
    padding-inline: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px);
    padding-block-end: clamp(33px, -1.4594594595px + 9.1891891892vw, 50px);
    margin-block-end: clamp(7px, -1.1081081081px + 2.1621621622vw, 11px);
  }
  .teaser .entry__lead::before {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    display: block;
    inline-size: 100%;
    aspect-ratio: 950/120;
    background: url(../images/teaser/entry_lead-bg.png) no-repeat center/cover;
  }
  .teaser .entry__lead span {
    font-size: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
  }
  .teaser .entry__lead span::before, .teaser .entry__lead span::after {
    display: none;
  }
  .teaser .entry__product {
    inline-size: 100%;
    padding: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    margin-block-end: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .teaser .entry__productImg {
    inset-block-start: calc(0px - clamp(85px, -2.1621621622px + 23.2432432432vw, 128px));
    inset-inline-end: calc(0px - clamp(17px, -1.2432432432px + 4.8648648649vw, 26px));
    inline-size: clamp(117px, -2.5945945946px + 31.8918918919vw, 176px);
  }
  .teaser .entry__productText span {
    font-size: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .teaser .entry__productText span:last-of-type {
    font-size: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
    margin-block-start: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .teaser .entry__prize {
    inline-size: 100%;
    padding-block: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px) clamp(45px, -1.6216216216px + 12.4324324324vw, 68px);
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
    box-shadow: clamp(5px, -1.0810810811px + 1.6216216216vw, 8px) clamp(5px, -1.0810810811px + 1.6216216216vw, 8px) 0px 0px #f99900;
  }
  .teaser .entry__prizeImg {
    inline-size: 90%;
  }
}
.footer--teaser {
  padding: clamp(16px, -0.044709389px + 2.086438152vw, 30px) clamp(27px, 0.6408345753px + 3.4277198212vw, 50px) clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  background-color: #ffd127;
}
.footer--teaser__copyright {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer--teaser__copyrightImg {
  inline-size: clamp(185px, 1.6318926975px + 23.8450074516vw, 345px);
}

@media screen and (max-width: 768px) {
  .footer--teaser {
    padding: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px) 0 clamp(35px, -1.4864864865px + 9.7297297297vw, 53px);
  }
  .footer--teaser__copyright {
    justify-content: center;
  }
  .footer--teaser__copyrightImg {
    inline-size: clamp(252px, -3.4054054054px + 68.1081081081vw, 378px);
  }
}
.hero {
  padding-block-end: clamp(13px, -0.7526080477px + 1.7883755589vw, 25px);
}
.hero__logo {
  padding-block: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  margin-block-end: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  background: url(../images/hero_logo-bg_pc.png) no-repeat center bottom/cover;
}
.hero__logoImg {
  inline-size: clamp(319px, 0.3979135618px + 41.4307004471vw, 597px);
  margin-inline: auto;
}
.hero__tagline {
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  padding: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px) clamp(18px, 0.8092399404px + 2.2354694486vw, 33px);
  margin-block-end: clamp(9px, 0.9776453055px + 1.043219076vw, 16px);
  margin-inline: auto;
  background-color: #fff;
  font-size: clamp(19px, -0.4828614009px + 2.5335320417vw, 36px);
  color: #ee7000;
  font-weight: 700;
  line-height: 1.5;
}
.hero__entryLead {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block-end: clamp(7px, -1.0223546945px + 1.043219076vw, 14px);
  margin-inline: auto;
  font-size: clamp(19px, -0.4828614009px + 2.5335320417vw, 36px);
  font-weight: 700;
  line-height: 1.5;
}
.hero__entryLead::before, .hero__entryLead::after {
  content: "";
  position: absolute;
  inset-block-end: 0%;
  inline-size: clamp(1px, -0.1460506706px + 0.1490312966vw, 2px);
  block-size: clamp(23px, 0.0789865872px + 2.9806259314vw, 43px);
  border-radius: 100px;
  background-color: #572a05;
}
.hero__entryLead::before {
  inset-inline-start: calc(0px - clamp(11px, 0.6855439642px + 1.3412816692vw, 20px));
  transform: rotate(-30deg);
}
.hero__entryLead::after {
  inset-inline-end: calc(0px - clamp(11px, 0.6855439642px + 1.3412816692vw, 20px));
  transform: rotate(30deg);
}
.hero__titleWrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(4px, -0.5842026826px + 0.5961251863vw, 8px);
  padding-inline-start: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
}
.hero__badge {
  inline-size: clamp(92px, 0.8889716841px + 11.8479880775vw, 171.5px);
}
.hero__title {
  inline-size: clamp(463px, 2.8606557377px + 59.8360655738vw, 864.5px);
}
.hero__imgWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(39px, 0.0342771982px + 5.0670640835vw, 73px);
  margin-block-end: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
}
.hero__character {
  inline-size: clamp(273px, 1.9590163934px + 35.2459016393vw, 509.5px);
}
.hero__detail {
  inline-size: clamp(322px, 2.2518628912px + 41.5797317437vw, 601px);
}
.hero__copyright {
  inline-size: clamp(185px, 0.4858420268px + 23.9940387481vw, 346px);
  margin-inline: auto 0;
}

@media screen and (max-width: 768px) {
  .hero {
    padding-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .hero__logo {
    position: relative;
    z-index: 10;
    padding-block: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    margin-block-end: 0;
    background: url(../images/hero_logo-bg_sp.png) no-repeat center bottom/cover;
  }
  .hero__logoImg {
    inline-size: clamp(238px, -3.2162162162px + 64.3243243243vw, 357px);
  }
  .hero__tagline {
    position: relative;
    z-index: 0;
    inline-size: auto;
    padding: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px) 0 clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
    margin-block-end: clamp(23px, -1.3243243243px + 6.4864864865vw, 35px);
    background-color: transparent;
    font-size: clamp(18px, -0.2432432432px + 4.8648648649vw, 27px);
    text-align: center;
  }
  .hero__tagline::before {
    content: "";
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    z-index: -1;
    /* dvwが使える環境ではdvw優先 */
    inline-size: 100vw;
    inline-size: 100dvw;
    aspect-ratio: 750/263;
    background: url(../images/hero_tagline-bg.png) no-repeat center bottom/cover;
  }
  .hero__entryLead {
    margin-block-end: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
    font-size: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
    text-align: center;
  }
  .hero__entryLead::before, .hero__entryLead::after {
    inline-size: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
    block-size: clamp(45px, -1.6216216216px + 12.4324324324vw, 68px);
  }
  .hero__entryLead::before {
    inset-inline-start: calc(0px - clamp(15px, -1.2162162162px + 4.3243243243vw, 23px));
  }
  .hero__entryLead::after {
    inset-inline-end: calc(0px - clamp(15px, -1.2162162162px + 4.3243243243vw, 23px));
  }
  .hero__titleWrap {
    gap: clamp(7px, -1.1081081081px + 2.1621621622vw, 11px);
    padding-inline-start: 0;
  }
  .hero__badge {
    inline-size: 25%;
  }
  .hero__title {
    inline-size: 70%;
  }
  .hero__imgWrap {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    margin-block-end: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .hero__character {
    inline-size: 85%;
    margin-inline-start: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
  }
  .hero__detail {
    align-self: flex-end;
    inline-size: 93%;
  }
  .hero__copyright {
    inline-size: 75%;
    margin-inline: auto;
  }
}
.summary {
  padding-block: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px) clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  background-color: #572a06;
}
.summary__title {
  position: relative;
  inline-size: 100%;
  margin-block-end: clamp(19px, 0.6631892697px + 2.3845007452vw, 35px);
}
.summary__titleDeco {
  position: absolute;
}
.summary__titleDeco--01 {
  inset-block-start: 0;
  inset-inline-end: calc(0px - clamp(37px, -0.8196721311px + 4.9180327869vw, 70px));
  inline-size: clamp(40px, -0.1117734724px + 5.21609538vw, 75px);
}
.summary__titleDeco--02 {
  inset-block-start: clamp(44px, -0.695976155px + 5.8122205663vw, 83px);
  inset-inline-start: calc(0px - clamp(37px, -0.8196721311px + 4.9180327869vw, 70px));
  inline-size: clamp(37px, -0.8196721311px + 4.9180327869vw, 70px);
}
.summary__list {
  display: grid;
  gap: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.summary__item {
  display: grid;
  grid-template-columns: max-content auto;
  align-items: baseline;
  justify-content: start;
  gap: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
}
.summary__term {
  inline-size: clamp(161px, 1.6989567809px + 20.7153502235vw, 300px);
  padding-block: clamp(7px, 0.1236959762px + 0.8941877794vw, 13px);
  border-radius: clamp(13px, -0.7526080477px + 1.7883755589vw, 25px);
  background-color: #fff;
  font-size: clamp(13px, 0.393442623px + 1.6393442623vw, 24px);
  font-weight: 700;
  text-align: center;
}
.summary__desc {
  font-size: clamp(17px, -0.1907600596px + 2.2354694486vw, 32px);
  color: #fff;
  font-weight: 700;
  line-height: 1.7;
}
.summary__num {
  font-size: clamp(24px, 1.0789865872px + 2.9806259314vw, 44px);
  color: #fff;
  font-weight: 700;
}
.summary__note {
  position: relative;
  display: block;
  padding-inline-start: 1em;
  margin-block-start: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  color: #fff;
  font-weight: 500;
  line-height: 1.75;
  text-indent: -1em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .summary {
    padding-block: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px) clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
  }
  .summary__title {
    margin-block-end: clamp(35px, -1.4864864865px + 9.7297297297vw, 53px);
  }
  .summary__titleDeco--01 {
    inset-block-start: 0;
    inset-inline-end: 0;
    inline-size: clamp(50px, -0.6756756757px + 13.5135135135vw, 75px);
  }
  .summary__titleDeco--02 {
    inset-block-start: clamp(150px, -2.027027027px + 40.5405405405vw, 225px);
    inset-inline-start: calc(0px - clamp(13px, -1.1891891892px + 3.7837837838vw, 20px));
    inline-size: clamp(47px, -1.6486486486px + 12.972972973vw, 71px);
  }
  .summary__list {
    gap: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .summary__item {
    grid-template-columns: 1fr;
    justify-content: center;
    gap: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .summary__term {
    inline-size: clamp(250px, -3.3783783784px + 67.5675675676vw, 375px);
    padding-block: clamp(8px, -0.1081081081px + 2.1621621622vw, 12px);
    margin-inline: auto;
    border-radius: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
    font-size: clamp(18px, -0.2432432432px + 4.8648648649vw, 27px);
  }
  .summary__desc {
    font-size: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    text-align: center;
  }
  .summary__num {
    font-size: clamp(27px, -1.3783783784px + 7.5675675676vw, 41px);
  }
  .summary__note {
    margin-block-start: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    font-size: clamp(14px, -0.1891891892px + 3.7837837838vw, 21px);
  }
}
:root {
  --jump-from: -50%;
  --jump-to: -80%;
  --jump-squash: -44%;
}

.toc {
  position: relative;
  z-index: 0;
  padding-block: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px) clamp(32px, -0.0894187779px + 4.172876304vw, 60px);
  background-color: #f99900;
}
.toc::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  z-index: -1;
  inline-size: 100%;
  aspect-ratio: 1440/150;
  min-block-size: 55%;
  background: url(../images/toc_bg_pc.png) no-repeat center bottom/cover;
}
.toc__list {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  align-items: center;
  justify-content: center;
  gap: clamp(23px, 0.0789865872px + 2.9806259314vw, 43px);
}
.toc__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: clamp(91px, 0.4619970194px + 11.7734724292vw, 170px);
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: #ffd127;
  box-shadow: clamp(4px, 0.5618479881px + 0.4470938897vw, 7px) clamp(4px, 0.5618479881px + 0.4470938897vw, 7px) 0px 0px #ee7000;
}
.toc__character {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, var(--jump-from));
  inline-size: clamp(65px, -0.3248882265px + 8.4947839046vw, 122px);
  will-change: transform;
}
.toc__text {
  font-size: clamp(14px, 0.2473919523px + 1.7883755589vw, 26px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.toc__arrow {
  position: absolute;
  inset-block-end: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  inset-inline-start: 50%;
  transform: translateX(-50%);
  inline-size: clamp(9px, 0.9776453055px + 1.043219076vw, 16px);
}

@keyframes chara-jump {
  0% {
    transform: translate(-50%, var(--jump-from));
  }
  35% {
    transform: translate(-50%, var(--jump-to));
  }
  60% {
    transform: translate(-50%, var(--jump-squash));
  }
  100% {
    transform: translate(-50%, var(--jump-from));
  }
}
@media (hover: hover) {
  .toc__link:hover .toc__character {
    animation: chara-jump 0.5s cubic-bezier(0.2, 0.9, 0.2, 1);
  }
}
.toc__link:focus-visible .toc__character {
  animation: chara-jump 0.5s cubic-bezier(0.2, 0.9, 0.2, 1);
}

@media screen and (max-width: 768px) {
  .toc {
    padding-block: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px) clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
    background-color: #f99900;
  }
  .toc::before {
    aspect-ratio: 750/548;
    max-block-size: 77%;
    min-block-size: auto;
    background: url(../images/toc_bg_sp.png) no-repeat center bottom/cover;
  }
  .toc__list {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(37px, -1.5135135135px + 10.2702702703vw, 56px) clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .toc__link {
    inline-size: clamp(97px, -2.3243243243px + 26.4864864865vw, 146px);
    box-shadow: clamp(4px, -0.0540540541px + 1.0810810811vw, 6px) clamp(4px, -0.0540540541px + 1.0810810811vw, 6px) 0px 0px #ee7000;
  }
  .toc__character {
    inline-size: clamp(70px, -0.9459459459px + 18.9189189189vw, 105px);
  }
  .toc__text {
    font-size: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .toc__arrow {
    inset-block-end: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
    inline-size: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
}
.prize {
  padding-block: clamp(32px, -0.0894187779px + 4.172876304vw, 60px) clamp(70px, 1.2369597615px + 8.9418777943vw, 130px);
  background-color: #f99900;
}
.prize__title {
  inline-size: clamp(361px, 1.1400894188px + 46.7958271237vw, 675px);
  margin-block-end: clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  margin-inline: auto;
}
.prize__list {
  display: grid;
  gap: clamp(56px, -0.1564828614px + 7.302533532vw, 105px);
  inline-size: 85%;
  margin-inline: auto;
}
.prize__item {
  position: relative;
  padding: clamp(32px, -0.0894187779px + 4.172876304vw, 60px) clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  border: clamp(3px, 0.7078986587px + 0.2980625931vw, 5px) solid #582b05;
  border-radius: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  background-color: #fff;
}
.prize__tier {
  position: absolute;
  inset-block-start: calc(0px - clamp(32px, -0.0894187779px + 4.172876304vw, 60px));
  inset-inline-start: calc(0px - clamp(32px, -0.0894187779px + 4.172876304vw, 60px));
  inline-size: clamp(92px, 0.3159463487px + 11.9225037258vw, 172px);
}
.prize__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.prize__itemTitle {
  flex: 1;
  min-inline-size: 0;
  font-size: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  font-weight: 700;
  line-height: 1.4;
}
.prize__limit {
  flex: 0 0 clamp(111px, 0.9791356185px + 14.3070044709vw, 207px);
  padding-block: clamp(3px, 0.7078986587px + 0.2980625931vw, 5px) clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  background-color: #ee7000;
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}
.prize__limitNum {
  font-size: clamp(25px, 0.9329359165px + 3.129657228vw, 46px);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
}
.prize__limitUnit {
  font-size: clamp(18px, -0.3368107303px + 2.3845007452vw, 34px);
  color: #fff;
  font-weight: 700;
  letter-spacing: 0;
}
.prize__lead {
  inline-size: 100%;
  font-size: clamp(15px, 0.1013412817px + 1.9374068554vw, 28px);
  font-weight: 700;
}
.prize__leadNote {
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-weight: 700;
}
.prize__image {
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.prize__note {
  display: grid;
  gap: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.prize__noteItem {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-weight: 500;
  line-height: 1.5;
}
.prize__noteItem::before {
  content: "※";
}
.prize__legal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
}
.prize__legalTerm {
  padding: clamp(3px, 0.7078986587px + 0.2980625931vw, 5px);
  border: 1px solid #572a05;
  border-radius: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
  font-size: clamp(10px, 0.8315946349px + 1.1922503726vw, 18px);
  font-weight: 500;
}
.prize__legalDesc {
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .prize {
    padding-block: clamp(25px, -1.3513513514px + 7.027027027vw, 38px) clamp(55px, -1.7567567568px + 15.1351351351vw, 83px);
  }
  .prize__title {
    inline-size: 100%;
    margin-block-end: clamp(45px, -1.6216216216px + 12.4324324324vw, 68px);
  }
  .prize__list {
    gap: clamp(50px, -0.6756756757px + 13.5135135135vw, 75px);
    inline-size: 100%;
  }
  .prize__item {
    padding: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px) clamp(25px, -1.3513513514px + 7.027027027vw, 38px) clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
    border: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px) solid #582b05;
    border-radius: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
  }
  .prize__tier {
    inset-block-start: calc(0px - clamp(25px, -1.3513513514px + 7.027027027vw, 38px));
    inset-inline-start: calc(0px - clamp(10px, -0.1351351351px + 2.7027027027vw, 15px));
    inline-size: clamp(90px, -1.2162162162px + 24.3243243243vw, 135px);
  }
  .prize__head {
    justify-content: center;
    flex-direction: column;
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
    margin-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    text-align: center;
  }
  .prize__limit {
    order: 1;
    flex: none;
    align-self: flex-end;
    inline-size: clamp(120px, -1.6216216216px + 32.4324324324vw, 180px);
    padding-block: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px) clamp(7px, -1.1081081081px + 2.1621621622vw, 11px);
    border-radius: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
    font-size: clamp(14px, -0.1891891892px + 3.7837837838vw, 21px);
  }
  .prize__limitNum {
    font-size: clamp(23px, -1.3243243243px + 6.4864864865vw, 35px);
  }
  .prize__limitUnit {
    font-size: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .prize__itemTitle {
    order: 2;
    flex: none;
    font-size: clamp(24px, -0.3243243243px + 6.4864864865vw, 36px);
  }
  .prize__lead {
    order: 3;
    font-size: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
    line-height: 1.4;
  }
  .prize__leadNote {
    font-size: clamp(14px, -0.1891891892px + 3.7837837838vw, 21px);
    letter-spacing: 0;
  }
  .prize__image {
    margin-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .prize__note {
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
  .prize__noteItem {
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
    line-height: 1.7;
  }
  .prize__legal {
    flex-direction: column;
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
  .prize__legalTerm {
    padding: clamp(4px, -0.0540540541px + 1.0810810811vw, 6px);
    border-radius: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px);
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
  }
  .prize__legalDesc {
    font-size: clamp(14px, -0.1891891892px + 3.7837837838vw, 21px);
    font-weight: 700;
    line-height: 2;
  }
  .prize__legalDesc--center {
    text-align: center;
  }
}
.products {
  padding-block: clamp(54px, 1.2816691505px + 6.8554396423vw, 100px) clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  background: url(../images/products_bg_pc.png) no-repeat center/contain, #fff9b9;
}
.products__title {
  inline-size: clamp(361px, 1.1400894188px + 46.7958271237vw, 675px);
  margin-block-end: clamp(24px, -0.0670640835px + 3.129657228vw, 45px);
  margin-inline: auto;
}
.products__body {
  position: relative;
  inline-size: clamp(498px, 2.9061102832px + 64.3815201192vw, 930px);
  padding-block: clamp(32px, -0.0894187779px + 4.172876304vw, 60px);
  padding-inline: clamp(43px, 0.5961251863px + 5.5141579732vw, 80px) clamp(123px, 0.3725782414px + 15.9463487332vw, 230px);
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  margin-inline: auto;
  border-radius: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  background-color: #fff;
}
.products__subTitle {
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  font-size: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  font-weight: 700;
  line-height: 1.6;
}
.products__subTitleSub {
  font-size: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  font-weight: 700;
}
.products__image {
  position: absolute;
  inset-block-start: calc(0px - clamp(18px, 0.8092399404px + 2.2354694486vw, 33px));
  inset-inline-end: calc(0px - clamp(37px, -0.8196721311px + 4.9180327869vw, 70px));
  inline-size: clamp(158px, 0.9910581222px + 20.4172876304vw, 295px);
}
.products__bonus {
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.products__legal {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
}
.products__legalTerm {
  padding: clamp(3px, 0.7078986587px + 0.2980625931vw, 5px);
  border: 1px solid #582a05;
  border-radius: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
  font-size: clamp(10px, 0.8315946349px + 1.1922503726vw, 18px);
  font-weight: 500;
}
.products__legalDesc {
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-weight: 700;
}
.products__note {
  display: grid;
  gap: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block-end: clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  margin-inline: auto;
}
.products__noteItem {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-weight: 500;
  line-height: 1.5;
}
.products__noteItem::before {
  content: "※";
}
.products__character {
  inline-size: clamp(169px, 1.6766020864px + 21.7585692996vw, 315px);
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .products {
    padding-block: clamp(60px, -0.8108108108px + 16.2162162162vw, 90px);
    background: url(../images/products_bg_sp.png) no-repeat center/contain, #fff9b9;
  }
  .products__title {
    inline-size: 100%;
    margin-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .products__body {
    inline-size: 100%;
    padding: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
    margin-block-end: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
    border-radius: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
  }
  .products__subTitle {
    margin-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    font-size: clamp(24px, -0.3243243243px + 6.4864864865vw, 36px);
    text-align: center;
  }
  .products__subTitleSub {
    font-size: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .products__image {
    position: static;
    inline-size: clamp(142px, -1.9189189189px + 38.3783783784vw, 213px);
    margin-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    margin-inline: auto;
  }
  .products__bonus {
    margin-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .products__legal {
    justify-content: center;
    gap: clamp(5px, -1.0810810811px + 1.6216216216vw, 8px);
  }
  .products__legalTerm {
    padding: clamp(4px, -0.0540540541px + 1.0810810811vw, 6px);
    border-radius: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px);
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
  }
  .products__legalDesc {
    font-size: clamp(14px, -0.1891891892px + 3.7837837838vw, 21px);
  }
  .products__note {
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
    margin-block-end: clamp(60px, -0.8108108108px + 16.2162162162vw, 90px);
  }
  .products__noteItem {
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
  }
  .products__character {
    inline-size: clamp(180px, -2.4324324324px + 48.6486486486vw, 270px);
  }
}
.howto {
  padding-block: clamp(54px, 1.2816691505px + 6.8554396423vw, 100px);
}
.howto__title {
  inline-size: clamp(361px, 1.1400894188px + 46.7958271237vw, 675px);
  margin-block-end: clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  margin-inline: auto;
}
.howto__list {
  display: grid;
  gap: clamp(67px, 0.5290611028px + 8.6438152012vw, 125px);
}
.howto__item {
  position: relative;
  padding: clamp(43px, 0.5961251863px + 5.5141579732vw, 80px);
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  background-color: #fff9b9;
}
.howto__step {
  position: absolute;
  inset-block-start: calc(0px - clamp(32px, -0.0894187779px + 4.172876304vw, 60px));
  inset-inline-start: calc(0px - clamp(21px, -0.7749627422px + 2.8315946349vw, 40px));
  inline-size: clamp(92px, 0.3159463487px + 11.9225037258vw, 172px);
}
.howto__itemTitle {
  position: relative;
  padding-block-end: clamp(18px, 0.8092399404px + 2.2354694486vw, 33px);
  margin-block-end: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  font-size: clamp(17px, -0.1907600596px + 2.2354694486vw, 32px);
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.5;
  text-align: center;
}
.howto__itemTitle::before {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  inline-size: clamp(107px, 0.4172876304px + 13.8599105812vw, 200px);
  block-size: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
  border-radius: 100px;
  background-color: #ef7000;
}
.howto__subTitle {
  margin-block-end: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-size: clamp(15px, 0.1013412817px + 1.9374068554vw, 28px);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.6;
  text-align: center;
}
.howto__subTitle--orange {
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  color: #ee7000;
}
.howto__note {
  display: grid;
  gap: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-inline: auto;
}
.howto__noteItem {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-weight: 500;
  line-height: 1.7;
}
.howto__noteItem::before {
  content: "※";
}
.howto__deco {
  position: absolute;
  inset-block-end: calc(0px - clamp(8px, -0.0223546945px + 1.043219076vw, 15px));
  inset-inline-start: 50%;
  transform: translate(-50%, 100%);
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  inline-size: clamp(54px, 1.2816691505px + 6.8554396423vw, 100px);
  pointer-events: none;
}
.howto__footstep {
  inline-size: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.howto__footstep:nth-child(2) {
  align-self: flex-start;
}
.howto__footstep:nth-child(3) {
  margin-block-start: calc(0px - clamp(5px, -0.7302533532px + 0.7451564829vw, 10px));
}
.howto__deco.is-inview .howto__footstep {
  opacity: 0.7;
}
.howto__deco.is-inview .howto__footstep:nth-child(1) {
  transition-delay: 0ms;
}
.howto__deco.is-inview .howto__footstep:nth-child(2) {
  transition-delay: 300ms;
}
.howto__deco.is-inview .howto__footstep:nth-child(3) {
  transition-delay: 600ms;
}
.howto__character {
  position: absolute;
  inset-block-end: calc(0px - clamp(14px, -0.8986587183px + 1.9374068554vw, 27px));
  inset-inline-end: calc(0px - clamp(35px, -39.4932935917px + 9.6870342772vw, 100px));
  inline-size: clamp(100px, 1.4396423249px + 12.8166915052vw, 186px);
}
.howto__sample {
  position: relative;
  inline-size: clamp(193px, 1.609538003px + 24.8882265276vw, 360px);
  padding-block: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px) clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  margin-block-end: clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  margin-inline: auto;
  border: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px) solid #572a05;
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  background-color: #fff;
}
.howto__sampleLabel {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  inline-size: clamp(134px, 1.0581222057px + 17.2876304024vw, 250px);
  padding-block: clamp(5px, -0.7302533532px + 0.7451564829vw, 10px);
  border-radius: clamp(12px, -0.606557377px + 1.6393442623vw, 23px);
  background-color: #572a05;
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  color: #fff;
  font-weight: 700;
  text-align: center;
}
.howto__sampleImg {
  inline-size: clamp(73px, -0.347242921px + 9.5380029806vw, 137px);
  margin-inline: auto;
}
.howto__example {
  display: grid;
  grid-template-columns: 55fr 45fr;
  align-items: center;
  gap: clamp(32px, -0.0894187779px + 4.172876304vw, 60px);
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.howto__exampleText {
  font-size: clamp(13px, 0.393442623px + 1.6393442623vw, 24px);
  font-weight: 700;
  line-height: 1.6;
}
.howto__em {
  color: #ee7000;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .howto {
    padding-block: clamp(60px, -0.8108108108px + 16.2162162162vw, 90px);
  }
  .howto__title {
    inline-size: 100%;
    margin-block-end: clamp(45px, -1.6216216216px + 12.4324324324vw, 68px);
  }
  .howto__list {
    gap: clamp(70px, -0.9459459459px + 18.9189189189vw, 105px);
  }
  .howto__item {
    padding: clamp(50px, -0.6756756757px + 13.5135135135vw, 75px) clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .howto__step {
    inset-block-start: calc(0px - clamp(30px, -0.4054054054px + 8.1081081081vw, 45px));
    inset-inline-start: calc(0px - clamp(10px, -0.1351351351px + 2.7027027027vw, 15px));
    inline-size: clamp(90px, -1.2162162162px + 24.3243243243vw, 135px);
  }
  .howto__itemTitle {
    padding-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    margin-block-end: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
    font-size: clamp(18px, -0.2432432432px + 4.8648648649vw, 27px);
    line-height: 1.6;
  }
  .howto__itemTitle::before {
    inline-size: clamp(100px, -1.3513513514px + 27.027027027vw, 150px);
    block-size: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
  }
  .howto__subTitle {
    margin-block-end: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
    font-size: clamp(16px, -0.2162162162px + 4.3243243243vw, 24px);
  }
  .howto__subTitle--orange {
    margin-block-end: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
  }
  .howto__note {
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
  .howto__noteItem {
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
  }
  .howto__deco {
    inset-block-end: calc(0px - clamp(7px, -1.1081081081px + 2.1621621622vw, 11px));
    inline-size: clamp(60px, -0.8108108108px + 16.2162162162vw, 90px);
  }
  .howto__footstep {
    inline-size: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
  }
  .howto__footstep:nth-child(3) {
    margin-block-start: calc(0px - clamp(7px, -1.1081081081px + 2.1621621622vw, 11px));
  }
  .howto__character {
    inset-block-end: calc(0px - clamp(47px, -1.6486486486px + 12.972972973vw, 71px));
    inset-inline-end: calc(0px - clamp(15px, -1.2162162162px + 4.3243243243vw, 23px));
    inline-size: clamp(102px, -1.3783783784px + 27.5675675676vw, 153px);
  }
  .howto__sample {
    inline-size: 85%;
    padding-block: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
    margin-block-end: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
    border: clamp(2px, -0.027027027px + 0.5405405405vw, 3px) solid #572a05;
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .howto__sampleLabel {
    inline-size: 80%;
    padding-block: clamp(7px, -1.1081081081px + 2.1621621622vw, 11px);
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
    font-size: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .howto__sampleImg {
    inline-size: 35%;
  }
  .howto__example {
    grid-template-columns: 1fr;
    justify-content: center;
    gap: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
    margin-block-end: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .howto__exampleImg {
    order: 1;
    inline-size: 80%;
    margin-inline: auto;
  }
  .howto__exampleText {
    order: 2;
    font-size: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
}
.notification {
  padding-block: clamp(54px, 1.2816691505px + 6.8554396423vw, 100px);
  background-color: #fff9b9;
}
.notification__title {
  inline-size: clamp(361px, 1.1400894188px + 46.7958271237vw, 675px);
  margin-block-end: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  margin-inline: auto;
}
.notification__character {
  inline-size: clamp(107px, 0.4172876304px + 13.8599105812vw, 200px);
  margin-block-end: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  margin-inline: auto;
}
.notification__lead {
  margin-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  font-size: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
.notification__note {
  inline-size: clamp(498px, 2.9061102832px + 64.3815201192vw, 930px);
  margin-block-end: clamp(110px, 1.1251862891px + 14.1579731744vw, 205px);
  margin-inline: auto;
}
.notification__noteItem {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  font-size: clamp(10px, 0.8315946349px + 1.1922503726vw, 18px);
  font-weight: 700;
  line-height: 1.7;
}
.notification__noteItem::before {
  content: "※";
}
.notification__btn {
  position: relative;
  inline-size: clamp(358px, 0.4321907601px + 46.4977645306vw, 670px);
  margin-inline: auto;
}
.notification__btnImg {
  position: absolute;
  inset-block-start: clamp(8px, -0.0223546945px + 1.043219076vw, 15px);
  inset-inline-start: 50%;
  transform: translate(-50%, -100%);
  z-index: 10;
  inline-size: clamp(238px, 0.7675111773px + 30.8494783905vw, 445px);
  pointer-events: none;
}
.notification__link {
  position: relative;
  padding-block: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  border: clamp(4px, 0.5618479881px + 0.4470938897vw, 7px) solid #572a05;
  border-radius: clamp(37px, -0.8196721311px + 4.9180327869vw, 70px);
  background-color: #f99900;
  text-align: center;
  transition: opacity 0.3s ease;
}
.notification__btnText {
  font-size: clamp(20px, -0.6289120715px + 2.6825633383vw, 38px);
  font-weight: 700;
}
.notification__btnArrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  transform: translateY(-50%);
  inline-size: clamp(12px, 0.5394932936px + 1.4903129657vw, 22px);
}
.notification__term {
  padding-block-start: clamp(32px, -0.0894187779px + 4.172876304vw, 60px);
}
.notification__termTitle {
  position: relative;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-block-end: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  margin-inline: auto;
  font-size: clamp(18px, -0.3368107303px + 2.3845007452vw, 34px);
  font-weight: 700;
}
.notification__termTitle::before, .notification__termTitle::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inline-size: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  aspect-ratio: 30/29;
  background: url(../images/notification_termDeco.png) no-repeat center/cover;
}
.notification__termTitle::before {
  inset-inline-start: calc(0px - clamp(16px, -0.044709389px + 2.086438152vw, 30px));
  transform: translate(-100%, -50%);
}
.notification__termTitle::after {
  inset-inline-end: calc(0px - clamp(16px, -0.044709389px + 2.086438152vw, 30px));
  transform: translate(100%, -50%);
}
.notification__termBody {
  inline-size: clamp(482px, 2.9508196721px + 62.2950819672vw, 900px);
  block-size: clamp(214px, 0.8345752608px + 27.7198211624vw, 400px);
  padding: clamp(16px, -0.044709389px + 2.086438152vw, 30px) clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  margin-inline: auto;
  border: clamp(1px, -0.1460506706px + 0.1490312966vw, 2px) solid #572a05;
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  background-color: #fff;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.notification__termBody::-webkit-scrollbar {
  display: none;
}
.notification__termBlock + .notification__termBlock, .notification__termSpacing {
  margin-block-start: clamp(14px, -0.8986587183px + 1.9374068554vw, 27px);
}
.notification__termHeading {
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  font-weight: 700;
  line-height: 1.4;
}
.notification__termSubheading, .notification__termText, .notification__termItem, .notification__termLink {
  font-size: clamp(9px, 0.9776453055px + 1.043219076vw, 16px);
  font-weight: 500;
  line-height: 1.7;
}
.notification__termLink {
  display: inline-block;
  transition: opacity 0.3s ease;
}

@media (hover: hover) {
  .notification__link:hover {
    opacity: 0.6;
  }
  .notification__termLink:hover {
    opacity: 0.6;
  }
}
.notification__link:focus-visible {
  opacity: 0.6;
}

.notification__termLink:focus-visible {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  .notification {
    padding-block: clamp(60px, -0.8108108108px + 16.2162162162vw, 90px);
  }
  .notification__title {
    inline-size: 100%;
    margin-block-end: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
  .notification__character {
    inline-size: clamp(140px, -1.8918918919px + 37.8378378378vw, 210px);
    margin-block-end: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
  }
  .notification__lead {
    margin-block-end: clamp(30px, -0.4054054054px + 8.1081081081vw, 45px);
    font-size: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
  }
  .notification__note {
    inline-size: 100%;
    margin-block-end: clamp(103px, -2.4054054054px + 28.1081081081vw, 155px);
  }
  .notification__noteItem {
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
  }
  .notification__btn {
    inline-size: 100%;
  }
  .notification__btnImg {
    inset-block-start: clamp(7px, -1.1081081081px + 2.1621621622vw, 11px);
    inline-size: 66.5%;
  }
  .notification__link {
    padding-block: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
    border: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px) solid #572a05;
    border-radius: clamp(35px, -1.4864864865px + 9.7297297297vw, 53px);
  }
  .notification__btnText {
    font-size: clamp(22px, -0.2972972973px + 5.9459459459vw, 33px);
  }
  .notification__btnArrow {
    inset-inline-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    inline-size: clamp(11px, -1.1621621622px + 3.2432432432vw, 17px);
  }
  .notification__term {
    padding-block-start: clamp(40px, -0.5405405405px + 10.8108108108vw, 60px);
  }
  .notification__termTitle {
    margin-block-end: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
    font-size: clamp(22px, -0.2972972973px + 5.9459459459vw, 33px);
  }
  .notification__termTitle::before, .notification__termTitle::after {
    content: "";
    inline-size: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .notification__termTitle::before {
    inset-inline-start: calc(0px - clamp(15px, -1.2162162162px + 4.3243243243vw, 23px));
  }
  .notification__termTitle::after {
    inset-inline-end: calc(0px - clamp(15px, -1.2162162162px + 4.3243243243vw, 23px));
  }
  .notification__termBody {
    inline-size: 100%;
    block-size: auto;
    aspect-ratio: 1/1;
    padding: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    border: clamp(1px, -1.027027027px + 0.5405405405vw, 2px) solid #572a05;
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .notification__termBlock + .notification__termBlock, .notification__termSpacing {
    margin-block-start: clamp(24px, -0.3243243243px + 6.4864864865vw, 36px);
  }
  .notification__termHeading {
    font-size: clamp(18px, -0.2432432432px + 4.8648648649vw, 27px);
  }
  .notification__termSubheading, .notification__termText, .notification__termItem, .notification__termLink {
    font-size: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
}
.faq {
  padding-block: clamp(54px, 1.2816691505px + 6.8554396423vw, 100px);
  background-color: #f99900;
}
.faq__title {
  inline-size: clamp(361px, 1.1400894188px + 46.7958271237vw, 675px);
  margin-block-end: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  margin-inline: auto;
}
.faq__list {
  display: grid;
  gap: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
}
.faq__item {
  padding: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px) clamp(27px, 0.6408345753px + 3.4277198212vw, 50px);
  border-radius: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  background-color: #fff;
}
.faq__head, .faq__body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.faq__head {
  padding-block-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  border-block-end: clamp(1px, -0.1460506706px + 0.1490312966vw, 2px) solid #eae0d8;
}
.faq__body {
  padding-block-start: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
}
.faq__icon {
  flex: 0 0 clamp(32px, -0.0894187779px + 4.172876304vw, 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: clamp(32px, -0.0894187779px + 4.172876304vw, 60px);
  aspect-ratio: 1/1;
  padding-block-end: clamp(3px, 0.7078986587px + 0.2980625931vw, 5px);
  padding-inline-start: clamp(2px, 0.8539493294px + 0.1490312966vw, 3px);
  border-radius: 100%;
  font-size: clamp(21px, -0.7749627422px + 2.8315946349vw, 40px);
  color: #fff9b9;
  font-weight: 700;
}
.faq__icon--q {
  background-color: #572a06;
}
.faq__icon--a {
  background-color: #ee7000;
}
.faq__question, .faq__answer {
  font-size: clamp(15px, 0.1013412817px + 1.9374068554vw, 28px);
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 768px) {
  .faq {
    padding-block: clamp(60px, -0.8108108108px + 16.2162162162vw, 90px);
  }
  .faq__title {
    inline-size: 100%;
    margin-block-end: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
  }
  .faq__list {
    gap: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
  }
  .faq__item {
    padding: clamp(20px, -0.2702702703px + 5.4054054054vw, 30px);
    border-radius: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .faq__head, .faq__body {
    gap: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
  .faq__head {
    padding-block-end: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
    border-block-end: clamp(2px, -0.027027027px + 0.5405405405vw, 3px) solid #eae0d8;
  }
  .faq__body {
    padding-block-start: clamp(15px, -1.2162162162px + 4.3243243243vw, 23px);
  }
  .faq__icon {
    flex: 0 0 clamp(40px, -0.5405405405px + 10.8108108108vw, 60px);
    inline-size: clamp(40px, -0.5405405405px + 10.8108108108vw, 60px);
    padding-block-end: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px);
    padding-inline-start: clamp(2px, -0.027027027px + 0.5405405405vw, 3px);
    font-size: clamp(25px, -1.3513513514px + 7.027027027vw, 38px);
  }
  .faq__question, .faq__answer {
    font-size: clamp(16px, -0.2162162162px + 4.3243243243vw, 24px);
  }
}
.floatingBtn {
  position: fixed;
  inset-block-end: 0;
  inset-inline-start: 0;
  z-index: 100;
  inline-size: 100%;
  padding-block: clamp(8px, -0.0223546945px + 1.043219076vw, 15px);
  background-color: #ffffff;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.floatingBtn.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.floatingBtn__link {
  position: relative;
  inline-size: clamp(321px, 1.2518628912px + 41.5797317437vw, 600px);
  padding-block: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  margin-block-end: clamp(4px, 0.5618479881px + 0.4470938897vw, 7px);
  margin-inline: auto;
  border: clamp(4px, 0.5618479881px + 0.4470938897vw, 7px) solid #572a05;
  border-radius: clamp(37px, -0.8196721311px + 4.9180327869vw, 70px);
  background-color: #f99900;
  text-align: center;
  transition: opacity 0.3s ease;
}
.floatingBtn__text {
  font-size: clamp(20px, -0.6289120715px + 2.6825633383vw, 38px);
  font-weight: 700;
}
.floatingBtn__arrow {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: clamp(16px, -0.044709389px + 2.086438152vw, 30px);
  transform: translateY(-50%);
  inline-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
}
.floatingBtn__note {
  font-size: clamp(9px, 0.9776453055px + 1.043219076vw, 16px);
  font-weight: 700;
  text-align: center;
}
.floatingBtn__term {
  display: inline-block;
  color: #3ea5e0;
  font-weight: 700;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}

@media (hover: hover) {
  .floatingBtn__link:hover {
    opacity: 0.6;
  }
  .floatingBtn__term:hover {
    opacity: 0.6;
  }
}
.floatingBtn__link:focus-visible {
  opacity: 0.6;
}

.floatingBtn__term:focus-visible {
  opacity: 0.6;
}

@media screen and (max-width: 768px) {
  .floatingBtn {
    padding-block: clamp(10px, -0.1351351351px + 2.7027027027vw, 15px);
  }
  .floatingBtn__link {
    inline-size: clamp(335px, -5.5405405405px + 90.8108108108vw, 503px);
    padding-block: clamp(16px, -0.2162162162px + 4.3243243243vw, 24px);
    margin-block-end: clamp(7px, -1.1081081081px + 2.1621621622vw, 11px);
    border: clamp(3px, -1.0540540541px + 1.0810810811vw, 5px) solid #572a05;
    border-radius: clamp(35px, -1.4864864865px + 9.7297297297vw, 53px);
  }
  .floatingBtn__text {
    font-size: clamp(22px, -0.2972972973px + 5.9459459459vw, 33px);
  }
  .floatingBtn__arrow {
    inset-inline-end: clamp(17px, -1.2432432432px + 4.8648648649vw, 26px);
    inline-size: clamp(11px, -1.1621621622px + 3.2432432432vw, 17px);
  }
  .floatingBtn__note {
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
  }
}
.footer__visual {
  padding-block: clamp(54px, 1.2816691505px + 6.8554396423vw, 100px);
  background-color: #fff;
  background-image: repeating-linear-gradient(90deg, transparent, transparent clamp(54px, 1.2816691505px + 6.8554396423vw, 100px), #fff9b9 clamp(54px, 1.2816691505px + 6.8554396423vw, 100px), #fff9b9 clamp(75px, 0.5067064083px + 9.6870342772vw, 140px));
}
.footer__visualImg {
  inline-size: clamp(433px, 0.9388971684px + 56.1847988077vw, 810px);
  margin-inline: auto;
}
.footer__copyrightWrap {
  padding-block: clamp(19px, 0.6631892697px + 2.3845007452vw, 35px);
  background-color: #572a06;
  text-align: center;
}
.footer__copyright {
  font-size: clamp(11px, 0.6855439642px + 1.3412816692vw, 20px);
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
}

@media screen and (max-width: 768px) {
  .footer__visual {
    padding-block: clamp(50px, -0.6756756757px + 13.5135135135vw, 75px);
    background-image: repeating-linear-gradient(90deg, transparent, transparent clamp(35px, -1.4864864865px + 9.7297297297vw, 53px), #fff9b9 clamp(35px, -1.4864864865px + 9.7297297297vw, 53px), #fff9b9 clamp(48px, -0.6486486486px + 12.972972973vw, 72px));
  }
  .footer__visualImg {
    inline-size: clamp(230px, -3.1081081081px + 62.1621621622vw, 345px);
  }
  .footer__copyrightWrap {
    padding-block: clamp(16px, -0.2162162162px + 4.3243243243vw, 24px);
  }
  .footer__copyright {
    font-size: clamp(13px, -1.1891891892px + 3.7837837838vw, 20px);
  }
}
/*# sourceMappingURL=style.css.map */