/*
* top.css
*
*/
/* --------------------------------
  top
-------------------------------- */
header#top_base {
  background-color: var(--tohato-cc55thcp-primitive-red-header);
}

body.is-ready {
  position: fixed;
  top: 0;
  left: 0;
}
body.is-menu-open {
  overflow: hidden;
}

main {
  margin-top: 0 !important;
}

.un_loading {
  position: fixed;
  z-index: var(--tohato-cc55thcp-z_index-loading);
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: var(--tohato-cc55thcp-bg-color-red);
}
.un_loading.is-loading-end {
  display: none;
  pointer-events: none;
}

.un_loadingObj {
  position: fixed;
}
.un_loadingObj.un_loadingObj__cc {
  display: grid;
  top: calc(50% + min(10.2564102564vw, 50.8717948718px));
  left: calc(50% - min(2.5641025641vw, 12.7179487179px));

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__cc {
    top: 50%;
    left: calc(50% + 3.4375rem);
  }
}
@media (min-width: 1024px) {
  .un_loadingObj.un_loadingObj__cc {
    left: calc(50% + 1.5625rem);
  }
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-confetti {
  position: relative;
  bottom: min(9.7435897436vw, 48.3282051282px);
  left: max(-16.6666666667vw, -82.6666666667px);
  margin: auto;
  width: min(52.0512820513vw, 258.1743589744px);

  grid-area: 1/-1;
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__cc .un_loadingObj-confetti {
    bottom: 0.6875rem;
    left: -6.25rem;
    width: 30.8125rem;
  }
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-confetti img {
  opacity: 0;

  scale: 0.7;
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-cc {
  position: relative;
  width: min(41.0256410256vw, 203.4871794872px);

  grid-area: 1/-1;
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__cc .un_loadingObj-cc {
    width: 14.5rem;
  }
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-cc > span {
  display: block;
  position: absolute;
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-cc > span.--frame_02 {
  top: max(-6.4102564103vw, -31.7948717949px);
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__cc .un_loadingObj-cc > span.--frame_02 {
    top: -1.25rem;
  }
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-cc > span.--frame_02 img {
  opacity: 0;
  transform-origin: left bottom;
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-ccLine {
  position: relative;
  top: max(-27.6923076923vw, -137.3538461538px);
  left: max(-15.8974358974vw, -78.8512820513px);
  width: min(70vw, 347.2px);

  grid-area: 1/-1;
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__cc .un_loadingObj-ccLine {
    top: -6.6875rem;
    left: -3.125rem;
    width: 18.875rem;
  }
}
.un_loadingObj.un_loadingObj__cc .un_loadingObj-ccLine img {
  opacity: 0;

  scale: 0.9;
}
.un_loadingObj.un_loadingObj__peanuts {
  display: grid;
  top: calc(50% + min(17.9487179487vw, 89.0256410256px));
  right: calc(50% - min(44.1025641026vw, 218.7487179487px));

  translate: 50% -50%;
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__peanuts {
    top: calc(50% + 4.9375rem);
    right: calc(50% - 17.375rem);
  }
}
@media (min-width: 1024px) {
  .un_loadingObj.un_loadingObj__peanuts {
    right: calc(50% - 16.125rem);
  }
}
.un_loadingObj.un_loadingObj__peanuts .un_loadingObj-peanuts {
  position: relative;
  width: min(19.4871794872vw, 96.6564102564px);

  grid-area: 1/-1;
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__peanuts .un_loadingObj-peanuts {
    width: 6.4375rem;
  }
}
.un_loadingObj.un_loadingObj__peanuts .un_loadingObj-peanutsLine {
  position: relative;
  top: max(-14.358974359vw, -71.2205128205px);
  left: max(-15.1282051282vw, -75.0358974359px);
  width: min(55.641025641vw, 275.9794871795px);

  grid-area: 1/-1;
}
@media (min-width: 768px) {
  .un_loadingObj.un_loadingObj__peanuts .un_loadingObj-peanutsLine {
    top: -4.1875rem;
    left: -5.25rem;
    width: 18.6875rem;
  }
}
.un_loadingObj.un_loadingObj__peanuts .un_loadingObj-peanutsLine img {
  opacity: 0;
}

.un_page_container {
  position: relative;
}

.un_page_mainArea {
  overflow-x: clip;
  padding-top: 50px;
  width: min(100vw, 496px);
  min-height: 100vh;
  background-color: var(--tohato-cc55thcp-primitive-red);
  box-shadow: 0 min(1.2820512821vw, 6.358974359px) min(5.3846153846vw, 26.7076923077px) color-mix(in srgb, #591f0b59, transparent 35%);

  margin-inline: auto;
}
@media (min-width: 768px) {
  .un_page_mainArea {
    padding-top: 56px;
    box-shadow: 0 0.3125rem 1.3125rem color-mix(in srgb, #591f0b59, transparent 35%);
  }
}

.un_page_bgDots {
  position: fixed;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-image: url(../img/bg_pattern.png);

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .un_page_bgDots {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1920px auto;
  }
}
@media (min-width: 1920px) {
  .un_page_bgDots {
    background-size: 100vw auto;
  }
}

.un_pageNav {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 47%;
  left: 50%;
  width: 100%;
  max-width: 1440px;

  translate: -50% -50%;
}
@media screen and (max-height: 719.9px) {
  .un_pageNav {
    min-width: 1298px;
    max-width: 200vh;
  }
}
@media screen and (max-width: 1299.9px) {
  .cc-55th_topPage .un_pageNav {
    display: none;
  }
}

.un_pageNav_block-01 {
  display: flex;
  flex-direction: column;
  width: calc(19.25rem + var(--_padding-inline-start));

  --_padding-inline-start: 5.375rem;
  -webkit-padding-start: var(--_padding-inline-start);
          padding-inline-start: var(--_padding-inline-start);
  gap: 0.5rem;
}
@media screen and (max-height: 719.9px) {
  .un_pageNav_block-01 {
    width: 55.97vh;

    gap: 0;
  }
}

.un_pageNav_logo {
  margin-inline: 0.25rem;
}
@media (min-width: 768px) {
  .un_pageNav_logo {
    max-width: 20rem;
  }
}
.un_pageNav_logo img {
  width: 100%;
}

.un_pageNav_linkList {
  position: relative;
  right: -1.25rem;
}

.un_pageNav_link {
  position: relative;
}
@media (min-width: 768px) {
  .un_pageNav_link {
    max-width: 16.8125rem;
  }
}
.un_pageNav_link > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  color: var(--tohato-cc55thcp-font-white);
  font-size: min(3.5897435897vw, 17.8051282051px);
  font-weight: 600;

  gap: 0.45em;
  padding-block: min(4.6153846154vw, 22.8923076923px);
}
@media (min-width: 768px) {
  .un_pageNav_link > a {
    font-size: 0.875rem;

    padding-block: 1.125rem;
  }
}
.un_pageNav_link > a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: min(0.2564102564vw, 1.2717948718px);
  background-image: url(../img/dots_line_white_sm.png);
  background-repeat: repeat-x;
  background-size: min(0.5128205128vw, 2.5435897436px) min(0.2564102564vw, 1.2717948718px);

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_pageNav_link > a::before {
    height: 0.125rem;
    background-image: url(../img/dots_line_white_lg.png);
    background-size: 0.5rem 0.125rem;
  }
}
.un_pageNav_link > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: min(1.5384615385vw, 7.6307692308px);
  width: min(6.4102564103vw, 31.7948717949px);
  height: min(6.4102564103vw, 31.7948717949px);
  transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  background-color: currentColor;

  translate: 0 -50%;
  -webkit-mask-image: url(../img/icon_arrow.svg);
          mask-image: url(../img/icon_arrow.svg);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (min-width: 768px) {
  .un_pageNav_link > a::after {
    right: 0.375rem;
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .un_pageNav_link > a:where(:-webkit-any-link, :enabled, summary):hover::after {
    -webkit-transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: min(1.0256410256vw, 5.0871794872px) -50%;
  }
  .un_pageNav_link > a:where(:-moz-any-link, :enabled, summary):hover::after {
    -moz-transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: min(1.0256410256vw, 5.0871794872px) -50%;
  }
  .un_pageNav_link > a:where(:any-link, :enabled, summary):hover::after {
    transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: min(1.0256410256vw, 5.0871794872px) -50%;
  }
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
  .un_pageNav_link > a:where(:-webkit-any-link, :enabled, summary):hover::after {
    translate: 0.25rem -50%;
  }
  .un_pageNav_link > a:where(:-moz-any-link, :enabled, summary):hover::after {
    translate: 0.25rem -50%;
  }
  .un_pageNav_link > a:where(:any-link, :enabled, summary):hover::after {
    translate: 0.25rem -50%;
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_pageNav_link > a.is-touched::after {
    transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: min(1.0256410256vw, 5.0871794872px) -50%;
  }
}
@media (hover: none) and (any-pointer: coarse) and (min-width: 768px) {
  .un_pageNav_link > a.is-touched::after {
    translate: 0.25rem -50%;
  }
}
.un_pageNav_link > a[target=_blank]::after {
  -webkit-mask-image: url(../img/icon_blank.svg);
          mask-image: url(../img/icon_blank.svg);
}
@media (hover: hover) and (pointer: fine) {
  .un_pageNav_link > a[target=_blank]:where(:-webkit-any-link, :enabled, summary):hover::after {
    translate: 0 -50%;
  }
  .un_pageNav_link > a[target=_blank]:where(:-moz-any-link, :enabled, summary):hover::after {
    translate: 0 -50%;
  }
  .un_pageNav_link > a[target=_blank]:where(:any-link, :enabled, summary):hover::after {
    translate: 0 -50%;
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_pageNav_link > a[target=_blank].is-touched::after {
    translate: 0 -50%;
  }
}
.un_pageNav_link.un_pageNav_link__top > a .un_pageNav_linkTxt-en {
  width: min(11.2820512821vw, 55.958974359px);
}
@media (min-width: 768px) {
  .un_pageNav_link.un_pageNav_link__top > a .un_pageNav_linkTxt-en {
    width: 2.75rem;
  }
}
.un_pageNav_link.un_pageNav_link__history > a .un_pageNav_linkTxt-en {
  width: min(18.4615384615vw, 91.5692307692px);
}
@media (min-width: 768px) {
  .un_pageNav_link.un_pageNav_link__history > a .un_pageNav_linkTxt-en {
    width: 4.5rem;
  }
}
.un_pageNav_link.un_pageNav_link__gallery > a .un_pageNav_linkTxt-en {
  width: min(18.4615384615vw, 91.5692307692px);
}
@media (min-width: 768px) {
  .un_pageNav_link.un_pageNav_link__gallery > a .un_pageNav_linkTxt-en {
    width: 4.5rem;
  }
}

.un_pageNav_block-02 {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 8vh;
  width: calc(21.25rem + var(--_padding-inline-end));

  --_padding-inline-end: 3.5rem;
  gap: 1.5rem;
  -webkit-padding-end: var(--_padding-inline-end);
          padding-inline-end: var(--_padding-inline-end);
}
@media screen and (max-height: 719.9px) {
  .un_pageNav_block-02 {
    width: 53.88vh;
  }
}

.un_pageNav_campaign_anchorList {
  display: flex;
  flex-direction: column;

  gap: 3.5rem;
}
@media (min-width: 768px) {
  body.is-teaser .un_pageNav_campaign_anchorList {
    margin-top: 2.8125rem;
  }
}

.un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a {
  display: inline-grid;
  width: 100%;
  transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

  place-content: center;
}
.un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a .el_btn-assets_inner img {
  width: 100%;
  transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

  filter: drop-shadow(var(--tohato-cc55thcp-shadow-btn));
}
@media (hover: hover) and (pointer: fine) {
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a:where(:any-link, :enabled, summary):hover {
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a:where(:-webkit-any-link, :enabled, summary):hover .el_btn-assets_inner img {
    -webkit-transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a:where(:-moz-any-link, :enabled, summary):hover .el_btn-assets_inner img {
    -moz-transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a:where(:any-link, :enabled, summary):hover .el_btn-assets_inner img {
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a.is-touched {
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn > a.is-touched .el_btn-assets_inner img {
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
}
.un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn.el_btn-assets .el_btn-assets_inner {
  width: 100%;
}
.un_pageNav_campaign_anchorItem .un_pageNav_campaign_anchorItem_btn.el_btn-assets .el_btn-assets_obj {
  top: 48%;
  width: 109%;
}

.un_pageNav_blockObj {
  position: absolute;
  right: var(--_padding-inline-end);
  bottom: -3.4375rem;
  width: 6.5rem;
}
@media (min-width: 768px) {
  body.is-teaser .un_pageNav_blockObj {
    bottom: 3.75rem;
  }
}

.un_kv {
  position: relative;
  width: 100%;
}

.un_kvObj {
  position: absolute;
}
.un_kvObj.un_kvObj__confetti {
  top: max(-2.5641025641vw, -12.7179487179px);
  left: max(-1.7948717949vw, -8.9025641026px);
  width: min(105.1282051282vw, 521.4358974359px);
}
@media (min-width: 768px) {
  .un_kvObj.un_kvObj__confetti {
    top: -0.25rem;
    left: -0.5625rem;
    width: 32.5rem;
  }
}
.un_kvObj.un_kvObj__cc {
  top: min(1.5384615385vw, 7.6307692308px);
  left: max(-6.6666666667vw, -33.0666666667px);
  width: min(111.7948717949vw, 554.5025641026px);
}
@media (min-width: 768px) {
  .un_kvObj.un_kvObj__cc {
    top: 0.8125rem;
    left: -1.8125rem;
    width: 34.5rem;
  }
}

.un_kvInner {
  padding-block: min(14.358974359vw, 71.2205128205px) min(28.7179487179vw, 142.441025641px);
}
@media (min-width: 768px) {
  .un_kvInner {
    padding-block: 4.375rem 7rem;
  }
}

.un_kvTtl {
  position: relative;
  right: max(-0.5128205128vw, -2.5435897436px);
  margin-bottom: max(-10.2564102564vw, -50.8717948718px);
}
@media (min-width: 768px) {
  .un_kvTtl {
    margin-bottom: -2.0625rem;
  }
}
.un_kvTtl img {
  opacity: 0;

  scale: 0.8;
}

.un_kvLogo {
  position: relative;
  left: max(-1.0256410256vw, -5.0871794872px);
  margin: min(2.8205128205vw, 13.9897435897px) auto 0;
  width: min(85.1282051282vw, 422.2358974359px);
}
@media (min-width: 768px) {
  .un_kvLogo {
    margin: 0 auto 0;
    width: 27.25rem;
  }
}
.un_kvLogo img {
  opacity: 0;
  width: 100%;
  height: auto;

  scale: 0.8;
}

.un_statement {
  position: relative;
  z-index: var(--tohato-cc55thcp-z_index-1);
  text-align: center;
  color: var(--tohato-cc55thcp-font-white);
}
.un_statement > p {
  width: 100%;
  font-family: var(--tohato-cc55thcp-font-family-state);
  font-size: min(4.6153846154vw, 22.8923076923px);
  font-weight: 700;
  line-height: 2.1;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .un_statement > p {
    font-size: 1.375rem;
  }
}
.un_statement > p + p {
  margin-top: min(9.2307692308vw, 45.7846153846px);
}
@media (min-width: 768px) {
  .un_statement > p + p {
    margin-top: min(8.2051282051vw, 40.6974358974px);
  }
}
.un_statement > p:nth-of-type(1) {
  width: min(70.2564102564vw, 348.4717948718px);
}
.un_statement > p:nth-of-type(2) {
  width: min(77.4358974359vw, 384.0820512821px);
}

.un_info {
  position: relative;
  z-index: 2;
  margin-top: min(14.358974359vw, 71.2205128205px);
  padding-bottom: min(5.1282051282vw, 25.4358974359px);
}
@media (min-width: 768px) {
  .un_info {
    margin-top: 3.5rem;
    padding-bottom: 0;
  }
}

.un_infoTtl {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;

  gap: min(5.1282051282vw, 25.4358974359px);
}
@media (min-width: 768px) {
  .un_infoTtl {
    gap: 1.5625rem;
  }
}
.un_infoTtl > span {
  display: inline-block;
  position: relative;
}
.un_infoTtl > span:first-of-type {
  width: min(51.7948717949vw, 256.9025641026px);
}
.un_infoTtl > span:last-of-type {
  width: min(82.3076923077vw, 408.2461538462px);
}

.un_infoBtn_list {
  display: flex;
  flex-direction: column;
  margin-top: min(10.2564102564vw, 50.8717948718px);

  gap: 2rem;
}
@media (min-width: 768px) {
  .un_infoBtn_list {
    margin-top: 4rem;
  }
}

.un_special {
  position: relative;
  z-index: var(--tohato-cc55thcp-z_index-1);
  padding: min(15.3846153846vw, 76.3076923077px) 0 0;
}
@media (min-width: 768px) {
  .un_special {
    padding: 7.125rem 0 3.125rem;
  }
}
.un_special::before {
  content: "";
  position: absolute;
  background-color: var(--tohato-cc55thcp-bg-color-red);

  inset: 0 0 max(-25.641025641vw, -127.1794871795px) 0;
}

.un_specialObj {
  position: absolute;
  z-index: 1;
  top: min(1.0256410256vw, 5.0871794872px);
  left: calc(50% + min(0.5128205128vw, 2.5435897436px));
  width: min(110.2564102564vw, 546.8717948718px);
  pointer-events: none;

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_specialObj {
    top: 2.625rem;
    left: 50%;
    width: 34.0625rem;
  }
}

.un_specialBg_bottom {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: max(-30.7692307692vw, -152.6153846154px);
  left: 50%;
  width: calc(100% + min(0.5128205128vw, 2.5435897436px));

  translate: -50% 0;
}

.un_specialHeading {
  width: min(83.8461538462vw, 415.8769230769px);

  margin-inline: auto;
}
@media (min-width: 768px) {
  .un_specialHeading {
    width: 26.625rem;
  }
}

.un_special_contentList {
  margin-top: min(10.7692307692vw, 53.4153846154px);
}

.un_special_content + .un_special_content {
  margin-top: min(10.2564102564vw, 50.8717948718px);
}
@media (min-width: 768px) {
  .un_special_content + .un_special_content {
    margin-top: 4rem;
  }
}

.un_special_contentTtl {
  width: min(43.8461538462vw, 217.4769230769px);

  margin-inline: auto;
}
@media (min-width: 768px) {
  .un_special_contentTtl {
    width: 13.375rem;
  }
}

.un_special_contentTxt {
  margin-top: 1rem;
  text-align: center;
  color: var(--tohato-cc55thcp-font-white);
  font-size: min(5.641025641vw, 27.9794871795px);
  font-weight: 600;
}
@media (min-width: 768px) {
  .un_special_contentTxt {
    font-size: 1.625rem;
  }
}

.un_special_contentBtn {
  margin-top: min(5.1282051282vw, 25.4358974359px);
}
@media (min-width: 768px) {
  .un_special_contentBtn {
    margin-top: 2rem;
  }
}
.un_special_contentBtn > a {
  display: inline-grid;
  width: 100%;
  transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.un_special_contentBtn > a img {
  width: 100%;
  transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

  filter: drop-shadow(var(--tohato-cc55thcp-shadow-btn));
}
@media (hover: hover) and (pointer: fine) {
  .un_special_contentBtn > a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_special_contentBtn > a:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_special_contentBtn > a:where(:any-link, :enabled, summary):hover {
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_special_contentBtn > a:where(:-webkit-any-link, :enabled, summary):hover img {
    -webkit-transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
  .un_special_contentBtn > a:where(:-moz-any-link, :enabled, summary):hover img {
    -moz-transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
  .un_special_contentBtn > a:where(:any-link, :enabled, summary):hover img {
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_special_contentBtn > a.is-touched {
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_special_contentBtn > a.is-touched img {
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
}

.un_campaign {
  position: relative;
  margin-top: min(10.2564102564vw, 50.8717948718px);
}
@media (min-width: 768px) {
  .un_campaign {
    margin-top: 1.875rem;
  }
}
.un_campaign::before {
  content: "";
  position: absolute;
  background-color: var(--tohato-cc55thcp-primitive-light-green);
  pointer-events: none;

  inset: 0;
}

.un_campaignBg {
  position: sticky;
  top: max(-46.1538461538vw, -228.9230769231px);
  left: 0;
  margin-bottom: calc(-183.8461538462vw + 10.2564102564vw);
  width: 100%;
  height: 183.8461538462vw;
  pointer-events: none;
}
@media (min-width: 768px) {
  .un_campaignBg {
    top: -12.5rem;
    margin-bottom: calc(max(-183.8461538462vw, -911.8769230769px) + min(14.1025641026vw, 69.9487179487px));
    height: min(183.8461538462vw, 911.8769230769px);
  }
}
.un_campaignBg img {
  width: 100%;

  -o-object-fit: contain;

     object-fit: contain;
  -o-object-position: center top;
     object-position: center top;
}

.un_campaignHeading {
  position: relative;
  z-index: 1;
  width: 20.5625rem;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .un_campaignHeading {
    width: 27.625rem;
  }
}
.un_campaignHeading img {
  filter: drop-shadow(0 min(1.5384615385vw, 7.6307692308px) min(1.7948717949vw, 8.9025641026px) color-mix(in srgb, #000, transparent 93%));
}

.un_campaign_headingObj {
  position: absolute;
  z-index: 2;
  top: min(5.8974358974vw, 29.2512820513px);
  left: max(-2.0512820513vw, -10.1743589744px);
  width: min(83.3333333333vw, 413.3333333333px);
}
@media (min-width: 768px) {
  .un_campaign_headingObj {
    top: 2.9375rem;
    left: 0;
    width: 25.875rem;
  }
}

.un_campaignInner {
  position: relative;
  margin-top: min(5.1282051282vw, 25.4358974359px);
}

.un_campaignInfo_txt {
  display: block;
  margin: 0 auto;
  width: min(87.1794871795vw, 432.4102564103px);
}
@media (min-width: 768px) {
  .un_campaignInfo_txt {
    width: 26.625rem;
  }
}

.un_campaignInfo_logo {
  display: block;
  margin: min(2.5641025641vw, 12.7179487179px) auto;
  width: min(90.5128205128vw, 448.9435897436px);
}
@media (min-width: 768px) {
  .un_campaignInfo_logo {
    margin: 0.625rem auto;
    width: 28rem;
  }
}

.un_campaignInfo_img {
  position: relative;
  margin: min(8.7179487179vw, 43.241025641px) auto 0;
  width: min(75.3846153846vw, 373.9076923077px);
}
@media (min-width: 768px) {
  .un_campaignInfo_img {
    right: -0.625rem;
    margin: 1.5rem auto 0;
    width: 23.375rem;
  }
}

.un_campaignInfo_content {
  display: grid;
  position: relative;
  margin-top: min(8.2051282051vw, 40.6974358974px);
}
@media (min-width: 768px) {
  .un_campaignInfo_content {
    margin-top: 2.5rem;
  }
}

.un_campaignInfo_contentTag {
  position: absolute;
  top: max(-3.0769230769vw, -15.2615384615px);
  left: 50%;
  padding: min(0.7692307692vw, 3.8153846154px) min(3.5897435897vw, 17.8051282051px) min(1.0256410256vw, 5.0871794872px);
  border-radius: 999px;
  background-color: var(--tohato-cc55thcp-primitive-blue);
  letter-spacing: 0.05em;
  color: var(--tohato-cc55thcp-font-white);
  font-size: min(3.5897435897vw, 17.8051282051px);
  font-weight: 700;

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_campaignInfo_contentTag {
    top: -0.75rem;
    padding: 0.1875rem 0.875rem 0.25rem;
    font-size: 1rem;
  }
}

.un_campaignInfo_contentHeader {
  padding: min(4.8717948718vw, 24.1641025641px) min(8.4615384615vw, 41.9692307692px) min(4.8717948718vw, 24.1641025641px) min(8.9743589744vw, 44.5128205128px);
  border-radius: min(4.1025641026vw, 20.3487179487px) min(4.1025641026vw, 20.3487179487px) 0 0;
  background-color: var(--tohato-cc55thcp-primitive-yellow-cp);
  color: var(--tohato-cc55thcp-primitive-blue);
}
@media (min-width: 768px) {
  .un_campaignInfo_contentHeader {
    padding: 1.1875rem 3.125rem 1.1875rem;
    border-radius: 1rem 1rem 0 0;
  }
}

.un_campaignInfo_contentInner {
  padding: min(4.8717948718vw, 24.1641025641px) min(8.4615384615vw, 41.9692307692px) min(4.8717948718vw, 24.1641025641px) min(8.9743589744vw, 44.5128205128px);
  border-radius: 0 0 min(4.1025641026vw, 20.3487179487px) min(4.1025641026vw, 20.3487179487px);
  background-color: var(--tohato-cc55thcp-bg-color);
  text-align: center;
  color: var(--tohato-cc55thcp-font-brown);
  font-weight: 500;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .un_campaignInfo_contentInner {
    padding: 1.1875rem 3.125rem 1.8125rem;
    border-radius: 0 0 1rem 1rem;
  }
}

.un_campaignInfo_contentPeriod {
  padding-block: min(2.5641025641vw, 12.7179487179px) min(2.0512820513vw, 10.1743589744px);
}
@media (min-width: 768px) {
  .un_campaignInfo_contentPeriod {
    padding-block: 0.625rem 0.5rem;
  }
}

.un_campaignInfo_contentSubPeriod {
  display: flex;
  flex-direction: column;

  gap: 0.125rem;
}
@media (min-width: 768px) {
  .un_campaignInfo_contentSubPeriod {
    padding-inline: 1.75rem;
  }
}
.un_campaignInfo_contentSubPeriod dt {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: min(0.7692307692vw, 3.8153846154px);
  color: inherit;
  font-size: min(3.0769230769vw, 15.2615384615px);
  font-weight: 500;

  -moz-column-gap: min(0.7692307692vw, 3.8153846154px);

       column-gap: min(0.7692307692vw, 3.8153846154px);
}
@media (min-width: 768px) {
  .un_campaignInfo_contentSubPeriod dt {
    margin-top: 0.1875rem;
    font-size: 0.75rem;

    -moz-column-gap: 0.1875rem;

         column-gap: 0.1875rem;
  }
}
.un_campaignInfo_contentSubPeriod dt::before,
.un_campaignInfo_contentSubPeriod dt::after {
  content: "";
  flex-grow: 1;
  height: min(0.2564102564vw, 1.2717948718px);
  background-image: url(../img/dots_line_blue_sm.png);
  background-repeat: repeat-x;
  background-size: min(1.0256410256vw, 5.0871794872px) min(0.2564102564vw, 1.2717948718px);
}
@media (min-width: 768px) {
  .un_campaignInfo_contentSubPeriod dt::before,
  .un_campaignInfo_contentSubPeriod dt::after {
    height: 0.125rem;
    background-image: url(../img/dots_line_blue_lg.png);
    background-size: 0.25rem 0.125rem;
  }
}
.un_campaignInfo_contentSubPeriod dd {
  font-size: min(3.0769230769vw, 15.2615384615px);
  font-weight: 500;
}
@media (min-width: 768px) {
  .un_campaignInfo_contentSubPeriod dd {
    font-size: 0.75rem;
  }
}

.un_campaignRewards {
  margin-top: min(14.358974359vw, 71.2205128205px);
}
@media (min-width: 768px) {
  .un_campaignRewards {
    margin-top: 5.375rem;
  }
}

.un_campaignRewards_inner {
  position: relative;
  z-index: 1;

  padding-inline: min(15.3846153846vw, 76.3076923077px);
}
@media (min-width: 768px) {
  .un_campaignRewards_inner {
    padding-inline: 4.375rem;
  }
}

.un_campaignRewards_list {
  margin-top: min(21.0256410256vw, 104.2871794872px);
}
@media (min-width: 768px) {
  .un_campaignRewards_list {
    margin-top: 6.375rem;
  }
}

.un_campaignRewards_item {
  position: relative;
  padding: min(8.2051282051vw, 40.6974358974px) min(6.1538461538vw, 30.5230769231px) min(8.2051282051vw, 40.6974358974px);
  background-color: var(--tohato-cc55thcp-bg-color);
  color: var(--tohato-cc55thcp-font-brown);
}
@media (min-width: 768px) {
  .un_campaignRewards_item {
    padding: 3rem 1.875rem 2.1875rem;
    border-image-width: 4.25rem;
    border-image-outset: 1.875rem;
  }
}
.un_campaignRewards_item::after {
  content: "";
  position: absolute;
  top: max(-13.3333333333vw, -66.1333333333px);
  left: max(-14.358974359vw, -71.2205128205px);
  width: min(48.7179487179vw, 241.641025641px);
  height: min(26.1538461538vw, 129.7230769231px);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-width: 768px) {
  .un_campaignRewards_item::after {
    top: -4.0625rem;
    left: -4rem;
    width: 15.375rem;
    height: 8.125rem;
  }
}
.un_campaignRewards_item::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: min(6.6666666667vw, 33.0666666667px);
  left: max(-10.7692307692vw, -53.4153846154px);
  width: min(6.6666666667vw, 33.0666666667px);
  height: min(8.9743589744vw, 44.5128205128px);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media (min-width: 768px) {
  .un_campaignRewards_item::before {
    top: 2.4375rem;
    left: -2.875rem;
    width: 1.875rem;
    height: 2.875rem;
  }
}
.un_campaignRewards_item + .un_campaignRewards_item {
  margin-top: min(33.3333333333vw, 165.3333333333px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item + .un_campaignRewards_item {
    margin-top: 9.375rem;
  }
}
.un_campaignRewards_item .un_campaignRewards_itemTxt_02 {
  position: relative;
  margin-top: min(3.5897435897vw, 17.8051282051px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item .un_campaignRewards_itemTxt_02 {
    margin-top: 1.125rem;
  }
}
.un_campaignRewards_item .un_campaignRewards_itemTxt_03 {
  position: relative;
  margin-top: min(4.1025641026vw, 20.3487179487px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item .un_campaignRewards_itemTxt_03 {
    margin-top: 1.4375rem;
  }
}
.un_campaignRewards_item .un_campaignRewards_itemImg {
  margin-top: min(5.1282051282vw, 25.4358974359px);

  margin-inline: auto;
}
@media (min-width: 768px) {
  .un_campaignRewards_item .un_campaignRewards_itemImg {
    margin-top: 1.5rem;
    width: 16.5625rem;
  }
}
.un_campaignRewards_item .un_campaignRewards_itemBg {
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: min(83.0769230769vw, 412.0615384615px);

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .un_campaignRewards_item .un_campaignRewards_itemBg {
    width: 25.9375rem;
  }
}
.un_campaignRewards_item .un_campaignRewards_itemLink {
  position: relative;
  margin-top: min(1.5384615385vw, 7.6307692308px);
  text-align: center;
}
@media (min-width: 768px) {
  .un_campaignRewards_item .un_campaignRewards_itemLink {
    right: -0.3125rem;
    margin-top: 1.25rem;
  }
}
.un_campaignRewards_item .un_campaignRewards_itemLink > a {
  display: inline-block;
  color: inherit;
  font-size: min(3.5897435897vw, 17.8051282051px);
  font-weight: 600;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .un_campaignRewards_item .un_campaignRewards_itemLink > a {
    font-size: 1.25rem;
  }
}
.un_campaignRewards_item .un_campaignRewards_itemLink > a::before {
  content: "";
  position: absolute;

  inset: -0.5em -0.8em;
}
.un_campaignRewards_item.un_campaignRewards_item__a {
  padding: min(10.2564102564vw, 50.8717948718px) min(6.1538461538vw, 30.5230769231px) min(8.2051282051vw, 40.6974358974px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__a {
    padding: 3rem 1.875rem 2.1875rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__a::after {
  top: max(-10.7692307692vw, -53.4153846154px);
  background-image: url(../img/rewards_label_a_sm.png);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__a::after {
    top: -4.0625rem;
    background-image: url(../img/rewards_label_a_lg.png);
  }
}
.un_campaignRewards_item.un_campaignRewards_item__a::before {
  top: min(9.2307692308vw, 45.7846153846px);
  background-image: url(../img/rewards_label_subtract_a.png);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__a::before {
    top: 2.4375rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemTxt_01 {
  width: min(49.2307692308vw, 244.1846153846px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemTxt_01 {
    width: 14.375rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemTxt_02 {
  width: min(40.5128205128vw, 200.9435897436px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemTxt_02 {
    width: 11.5rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemTxt_03 {
  right: max(-1.2820512821vw, -6.358974359px);
  width: min(55.1282051282vw, 273.4358974359px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemTxt_03 {
    right: -0.3125rem;
    width: 15.625rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemImg {
  width: min(54.358974359vw, 269.6205128205px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__a .un_campaignRewards_itemImg {
    width: 16.5625rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__b::after {
  background-image: url(../img/rewards_label_b_sm.png);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__b::after {
    background-image: url(../img/rewards_label_b_lg.png);
  }
}
.un_campaignRewards_item.un_campaignRewards_item__b::before {
  background-image: url(../img/rewards_label_subtract_b.png);
}
.un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemTxt_01 {
  width: min(49.2307692308vw, 244.1846153846px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemTxt_01 {
    width: 14.375rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemTxt_02 {
  width: min(45.1282051282vw, 223.8358974359px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemTxt_02 {
    width: 12.5rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemTxt_03 {
  width: min(45.1282051282vw, 223.8358974359px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemTxt_03 {
    left: -0.8125rem;
    width: 20.75rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemImg {
  width: min(51.2820512821vw, 254.358974359px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemImg {
    width: 15.875rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemLink {
  margin-top: min(4.8717948718vw, 24.1641025641px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__b .un_campaignRewards_itemLink {
    margin-top: 1.6875rem;
  }
}
@media (max-width: 767.98px) {
  .un_campaignRewards_item.un_campaignRewards_item__c {
    padding: min(9.2307692308vw, 45.7846153846px) min(6.1538461538vw, 30.5230769231px) min(8.2051282051vw, 40.6974358974px);
  }
}
.un_campaignRewards_item.un_campaignRewards_item__c::after {
  top: max(-10.2564102564vw, -50.8717948718px);
  background-image: url(../img/rewards_label_c_sm.png);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__c::after {
    top: -4.0625rem;
    background-image: url(../img/rewards_label_c_lg.png);
  }
}
.un_campaignRewards_item.un_campaignRewards_item__c::before {
  top: min(9.2307692308vw, 45.7846153846px);
  background-image: url(../img/rewards_label_subtract_c.png);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__c::before {
    top: 2.4375rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemTxt_01 {
  width: min(49.2307692308vw, 244.1846153846px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemTxt_01 {
    width: 14.375rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemTxt_02 {
  width: min(40.5128205128vw, 200.9435897436px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemTxt_02 {
    width: 12.125rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemTxt_03 {
  width: min(55.1282051282vw, 273.4358974359px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemTxt_03 {
    width: 14.875rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemImg {
  margin-top: min(2.5641025641vw, 12.7179487179px);
  width: min(56.1538461538vw, 278.5230769231px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemImg {
    margin-top: 1.5rem;
    width: 17.375rem;
  }
}
.un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemLink {
  margin-top: max(-4.1025641026vw, -20.3487179487px);
}
@media (min-width: 768px) {
  .un_campaignRewards_item.un_campaignRewards_item__c .un_campaignRewards_itemLink {
    margin-top: -0.8125rem;
  }
}

.un_campaignRewards_itemTxt {
  margin-inline: auto;
}
.un_campaignRewards_itemTxt img {
  width: 100%;
}

.un_campaignProducts {
  margin-top: min(27.1794871795vw, 134.8102564103px);
}
@media (min-width: 768px) {
  .un_campaignProducts {
    margin-top: 6.625rem;
  }
}

.un_campaignProducts_box {
  margin-top: min(10.2564102564vw, 50.8717948718px);
  padding: min(10.2564102564vw, 50.8717948718px);
  border-radius: min(6.1538461538vw, 30.5230769231px);
  background-color: var(--tohato-cc55thcp-bg-color);
  background-image: url(../img/products_bg_pattern.png);
  background-repeat: repeat;
  background-position: center top max(-3.3333333333vw, -16.5333333333px);
  background-size: 100% auto;
}
@media (min-width: 768px) {
  .un_campaignProducts_box {
    margin-top: 4rem;
    padding: 4rem 4.375rem;
    border-radius: 1.875rem;
  }
}

.un_campaignProducts_list {
  display: grid;
  position: relative;

  grid-template-columns: repeat(2, 1fr);
  gap: min(6.1538461538vw, 30.5230769231px) min(6.1538461538vw, 30.5230769231px);
}
@media (min-width: 768px) {
  .un_campaignProducts_list {
    left: -0.25rem;

    gap: 1.5rem 2.375rem;
  }
}

.un_campaignProducts_boxList_desc {
  position: relative;
}
.un_campaignProducts_boxList_desc + .un_campaignProducts_boxList_desc {
  margin-top: min(7.1794871795vw, 35.6102564103px);
  padding-top: min(7.6923076923vw, 38.1538461538px);
}
@media (min-width: 768px) {
  .un_campaignProducts_boxList_desc + .un_campaignProducts_boxList_desc {
    margin-top: 3.375rem;
    padding-top: 3.5rem;
  }
}
.un_campaignProducts_boxList_desc:not(:first-of-type)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% + min(2.0512820513vw, 10.1743589744px));
  height: min(0.7692307692vw, 3.8153846154px);
  background-image: url(../img/dots_line_brown_lg.png);
  background-repeat: repeat-x;
  background-size: min(1.5384615385vw, 7.6307692308px) min(0.7692307692vw, 3.8153846154px);

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_campaignProducts_boxList_desc:not(:first-of-type)::before {
    width: calc(100% + 3.75rem);
    height: 0.25rem;
    background-image: url(../img/dots_line_brown_lg.png);
    background-size: 0.5rem 0.25rem;
  }
}

.un_campaignProducts_item {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.un_campaignProducts_item.un_campaignProducts_item__obj .un_campaignProducts_itemImg {
  width: min(29.4871794872vw, 146.2564102564px);
}
@media (min-width: 768px) {
  .un_campaignProducts_item.un_campaignProducts_item__obj .un_campaignProducts_itemImg {
    bottom: -0.6875rem;
    left: -0.9375rem;
    width: 9.1875rem;
  }
}

.un_campaignProducts_itemImg {
  position: relative;
  width: min(22.5641025641vw, 111.9179487179px);

  justify-self: center;
}
@media (min-width: 768px) {
  .un_campaignProducts_itemImg {
    width: 7.1875rem;
  }
}

.un_campaignProducts_boxList_name {
  position: relative;
  margin: 0 auto min(4.6153846154vw, 22.8923076923px);
}
@media (min-width: 768px) {
  .un_campaignProducts_boxList_name {
    margin: 0 auto 1.5625rem;
  }
}
.un_campaignProducts_boxList_name.un_campaignProducts_boxList_name__a-b {
  width: min(53.0769230769vw, 263.2615384615px);
}
@media (min-width: 768px) {
  .un_campaignProducts_boxList_name.un_campaignProducts_boxList_name__a-b {
    width: 16.75rem;
  }
}
.un_campaignProducts_boxList_name.un_campaignProducts_boxList_name__c {
  width: min(29.2307692308vw, 144.9846153846px);
}
@media (min-width: 768px) {
  .un_campaignProducts_boxList_name.un_campaignProducts_boxList_name__c {
    width: 7.125rem;
  }
}

.un_campaignProducts_itemName {
  margin-top: min(1.5384615385vw, 7.6307692308px);
  text-align: center;
  color: var(--tohato-cc55thcp-font-brown);
  font-size: min(3.5897435897vw, 17.8051282051px);
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .un_campaignProducts_itemName {
    margin-top: 0.375rem;
    font-size: 0.875rem;
  }
}

.un_campaignProducts_btn {
  margin-top: min(10.2564102564vw, 50.8717948718px);
}
@media (min-width: 768px) {
  .un_campaignProducts_btn {
    margin-top: 3.5rem;
  }
}

.un_campaignProducts_noteList {
  margin-top: min(6.6666666667vw, 33.0666666667px);
}
@media (min-width: 768px) {
  .un_campaignProducts_noteList {
    margin-top: 2rem;
  }
}

.un_campaignHowto {
  position: relative;
  z-index: var(--tohato-cc55thcp-z_index-1);
  margin-top: calc(min(20.5128205128vw, 101.7435897436px) + min(18.4615384615vw, 91.5692307692px));
  background-color: var(--tohato-cc55thcp-bg-color-red);
}
@media (min-width: 768px) {
  .un_campaignHowto {
    margin-top: calc(7.5rem + 6.375rem);
  }
}

.un_campaignHowtoBg_top {
  display: block;
  position: absolute;
  top: max(-18.4615384615vw, -91.5692307692px);
  left: 50%;
  width: min(131.5384615385vw, 652.4307692308px);

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_campaignHowtoBg_top {
    top: -6.375rem;
    width: 40.75rem;
  }
}

.un_campaignHowto_inner {
  overflow: hidden;
}

.un_campaignHowto_heading {
  position: relative;
  z-index: 1;
}

.un_campaignHowto_headingObj {
  position: absolute;
  top: max(-11.5384615385vw, -57.2307692308px);
  left: calc(50% + min(1.0256410256vw, 5.0871794872px));
  width: min(104.1025641026vw, 516.3487179487px);

  translate: -50% 0;
}
@media (min-width: 768px) {
  .un_campaignHowto_headingObj {
    top: -3.4375rem;
    left: 50%;
    width: 32.1875rem;
  }
}

.un_campaignHowto_list {
  margin-top: min(8.2051282051vw, 40.6974358974px);
}
@media (min-width: 768px) {
  .un_campaignHowto_list {
    margin-top: 4rem;
  }
}

.un_campaignHowto_precautions {
  margin-top: min(12.3076923077vw, 61.0461538462px);
}
@media (min-width: 768px) {
  .un_campaignHowto_precautions {
    margin-top: 3rem;
  }
}

.un_campaignHowto_terms {
  margin-top: min(10.2564102564vw, 50.8717948718px);
}
@media (min-width: 768px) {
  .un_campaignHowto_terms {
    margin-top: 3.125rem;
  }
}

.un_campaignHowto_btn {
  margin-top: min(8.2051282051vw, 40.6974358974px);
}
@media (min-width: 768px) {
  .un_campaignHowto_btn {
    margin-top: 3.125rem;
  }
}

.un_pageTop_btn {
  display: flex;
  justify-content: center;
  margin-top: min(19.4871794872vw, 96.6564102564px);
  width: 100%;
}
@media (min-width: 768px) {
  .un_pageTop_btn {
    margin-top: 4.75rem;
  }
}
.un_pageTop_btn > a {
  display: block;
  margin-bottom: max(-17.9487179487vw, -89.0256410256px);
  width: min(48.7179487179vw, 241.641025641px);
  transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 768px) {
  .un_pageTop_btn > a {
    margin-bottom: -4.375rem;
    width: 11.875rem;
  }
}
.un_pageTop_btn > a img {
  width: 100%;
  transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

  filter: drop-shadow(var(--tohato-cc55thcp-shadow-btn));
}
@media (hover: hover) and (pointer: fine) {
  .un_pageTop_btn > a:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageTop_btn > a:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageTop_btn > a:where(:any-link, :enabled, summary):hover {
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageTop_btn > a:where(:-webkit-any-link, :enabled, summary):hover img {
    -webkit-transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
  .un_pageTop_btn > a:where(:-moz-any-link, :enabled, summary):hover img {
    -moz-transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
  .un_pageTop_btn > a:where(:any-link, :enabled, summary):hover img {
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
}
@media (hover: none) and (any-pointer: coarse) {
  .un_pageTop_btn > a.is-touched {
    transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    translate: 0 0.15rem 0;
  }
  .un_pageTop_btn > a.is-touched img {
    transition: filter 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

    filter: drop-shadow(0 1px 2px color-mix(in srgb, #000, transparent 76%));
  }
}

.un_cv {
  display: flex;
  justify-content: center;
  position: fixed;
  z-index: var(--tohato-cc55thcp-z_index-floating);
  bottom: min(2.0512820513vw, 10.1743589744px);
  left: 0;
  width: 100%;

  filter: drop-shadow(0 -3px 5px color-mix(in srgb, #000, transparent 76%));
}
@media screen and (min-width: 1300px) {
  .un_cv {
    display: none;
  }
}
.un_cv.is-active .el_btn-assets {
  transition: translate 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);

  translate: 0 0 0;
}
.un_cv .el_btn-assets {
  transition: translate 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);

  translate: 0 120% 0;
}

[data-scroll-animation] {
  opacity: 0;

  scale: 0.8;
}

[data-scroll-animation-heading] img {
  opacity: 0;

  scale: 0.7;
}

[data-scroll-animation-confetti] img {
  opacity: 0;

  scale: 0.9;
}