@charset "UTF-8";
@layer base, components, pages;
.stick {
  --topY: calc(var(--floatingPos) + var(--btnMenu) + 1rem);
  position: sticky;
  top: var(--topY);
}
@media (max-width: 1100px) {
  .stick.killSp {
    position: inherit;
    --topY: inherit;
  }
}

.noiseFade {
  --noiseSize: contain;
  --noiseBlend: hard-light;
  --noiseStart: 20%;
  --noisedEnd: 60%;
  --gradDeg: 0deg;
  --gradStartColor: var(--sub);
  --gradEndColor: white;
  --gradStart: 70%;
  --gradEnd: 100%;
  position: relative;
  isolation: isolate;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='discrete' tableValues='0 0 0 0 0 1'/%3E%3CfeFuncG type='discrete' tableValues='0 0 0 0 0 1'/%3E%3CfeFuncB type='discrete' tableValues='0 0 0 0 0 1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23d)' opacity='1'/%3E%3C/svg%3E");
  background-size: var(--noiseSize);
  opacity: 1;
  mask-image: linear-gradient(to bottom, black var(--noiseStart), transparent var(--noisedEnd));
}
.noiseFade:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(var(--gradDeg), var(--gradEndColor) var(--gradStart), var(--gradStartColor) var(--gradEnd));
  mix-blend-mode: var(--noiseBlend);
}

[data-grad] {
  --gradStart: var(--theme);
  --gradEnd: var(--accent);
  background-image: url(../images/noise.png), linear-gradient(180deg, var(--gradStart) 0%, var(--gradEnd) 100%);
  background-repeat: repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 1.25;
}

section {
  --sansSize: 8.5vw;
}
section h1, section h2, section h3 {
  line-height: 1.5;
}
section.wh {
  color: var(--ice);
}
section.wh strong {
  color: white;
}
section .tag {
  padding: 0.5em 1em;
  border-radius: 5em;
  font-size: var(--small);
  text-box-trim: trim-both;
  font-weight: var(--bold);
}
section .tag b {
  font-size: 1.25em;
  margin-left: 0.5em;
}
section .tag.bk {
  background: var(--typo);
}
@media (max-width: 1100px) {
  section {
    --sansSize: 15vw;
  }
}
@media (max-width: 721px) {
  section {
    --sansSize: 30vw;
  }
}

header.title {
  line-height: 1;
}
@media (min-width: 1100px) {
  header.title {
    --h2: 2rem;
  }
}
header.title h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75em;
}
header.title h2 span {
  display: inline-block;
}
header.title h2 strong {
  display: inline-block;
  font-size: var(--h3);
}
header.title h2 b {
  display: inline-block;
  font-size: var(--h3);
  vertical-align: bottom;
  line-height: 1;
}
header.title p {
  font-size: var(--h4);
  line-height: 2;
}
@media (min-width: 1100px) {
  header.chapter {
    --h2: 5em;
  }
}
@media (max-width: 1100px) {
  header.chapter {
    --h2: 3.5em;
    text-align: center;
  }
}
header.chapter h2 {
  font-weight: var(--bold);
  letter-spacing: -0.03em;
  line-height: 1;
}
header.chapter p {
  margin-top: 0.5em;
  font-weight: var(--bold);
  font-size: 1.25em;
}

.symbol {
  --wrapH: var(--fitH);
  --markW: 54vw;
  --markColor1: transparent;
  --markColor2: var(--noiseColor, #c4d7f1);
  --mark1Y: calc(var(--wrapH) * .33);
  --mark1X: calc(0% - var(--markW) * .55);
  --mark2Y: calc(0% - var(--markW) * .1);
  --mark2X: calc(0% - var(--markW) * .025);
  pointer-events: none;
  width: 100%;
  height: var(--wrapH);
  z-index: -1;
  margin-right: -100%;
}
@media (max-width: 1100px) {
  .symbol {
    --markW: 80vmin;
    --mark1Y: calc(var(--wrapH) * .15);
    --mark1X: calc(0% - var(--markW) * .65);
    --mark2Y: calc(0% - var(--markW) * .3);
    --mark2X: calc(0% - var(--markW) * .4);
  }
}
@media (max-width: 721px) {
  .symbol {
    --markW: 120vmin;
    --mark1Y: calc(var(--wrapH) * .4);
    --mark1X: calc(0% - var(--markW) * .65);
    --mark2Y: calc(0% - var(--markW) * .4);
    --mark2X: calc(0% - var(--markW) * .65);
  }
}
.symbol div {
  width: var(--markW);
  aspect-ratio: 600/541;
  flex-shrink: 0;
  background-image: url(../images/temp/hero2.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  rotate: 45deg;
  position: absolute;
}
.symbol div:first-child {
  top: var(--mark1Y);
  left: var(--mark1X);
}
.symbol div:last-child {
  top: var(--mark2Y);
  right: var(--mark2X);
}

:root {
  --bg1: #bae6e0;
  --bg2: #E6F6F4;
  --bg3: #A1DFD5;
}

body {
  background-image: linear-gradient(-135deg, var(--bg1) 20%, var(--bg2) 50%, var(--bg2) 80%, var(--bg3) 160%);
  position: relative;
  z-index: 0;
}
body main {
  align-items: flex-start;
  width: 100%;
}
body main .content {
  width: 100%;
  position: relative;
  z-index: 1;
}

.frontPage {
  background-attachment: fixed;
  overflow-x: clip;
}
.frontPage section:not(.hero) {
  --chapSize: 5vw;
}
@media (max-width: 1100px) {
  .frontPage section:not(.hero) {
    --chapSize: 8vw;
  }
}
@media (max-width: 721px) {
  .frontPage section:not(.hero) {
    --chapSize: 9.5vw;
  }
}
.frontPage section:not(.hero) header em {
  font-size: var(--chapSize);
  letter-spacing: -0.03em;
  line-height: 1;
}
.frontPage section:not(.hero) header p {
  margin-top: 1em;
  opacity: 0.75;
}
.frontPage section:has(.inner) {
  --innOff: 6vw;
  --innOuter: calc(var(--innNarrow) - var(--innOff));
  padding-left: var(--innOuter);
  padding-right: var(--innOuter);
  margin-left: auto;
  margin-right: auto;
}
.frontPage section:has(.inner) .inner {
  --padTop: calc(var(--innOff));
  --padBottom: calc(var(--innOff));
  --padLeft: calc(var(--innOff));
  --padRight: calc(var(--innOff));
  position: relative;
  backdrop-filter: blur(1em);
  will-change: backdrop-filter;
  border-radius: var(--rad5);
  box-shadow: 0 0 2em var(--bk01);
  background: var(--wh05);
}
.frontPage .hero {
  --padTop: calc(var(--pad) * 6);
  --padBottom: calc(var(--pad) * 3);
  --sloganSize: 4.5vw;
  --badgeSize: 1em;
  --liPad: 3em;
  --gridW: auto;
  align-items: flex-start;
}
@media (max-width: 1536px) {
  .frontPage .hero {
    --padTop: calc(var(--pad) * 5);
    --padBottom: calc(var(--pad) * 1.5);
  }
}
@media (max-width: 1100px) {
  .frontPage .hero {
    --sloganSize: 6vw;
    --liPad: 2em;
    align-items: center;
  }
  .frontPage .hero header {
    text-align: center;
  }
}
@media (max-width: 721px) {
  .frontPage .hero {
    --sloganSize: 9.5vw;
    --liPad: 1em 0;
    --badgeSize: .85em;
    --gridW: 100%;
  }
}
.frontPage .hero header {
  text-box-trim: trim-both;
}
.frontPage .hero header em {
  color: var(--theme);
}
.frontPage .hero header strong {
  font-size: var(--h3);
}
.frontPage .hero header p {
  font-size: var(--sloganSize);
  font-weight: var(--bold);
  line-height: 1.5;
}
.frontPage .hero header h1 {
  font-size: 1rem;
  margin: 1em 0 0;
}
.frontPage .hero ul {
  --gridCol: repeat(3, 1fr);
  --gridGap: .5em;
  width: var(--gridW);
  margin-top: calc(var(--pad) * 1);
}
.frontPage .hero ul li {
  aspect-ratio: 1;
  color: white;
  border-radius: 50%;
  font-size: var(--badgeSize);
  font-weight: var(--bold);
  position: relative;
  align-items: center;
  justify-content: center;
  padding: var(--liPad);
  flex-shrink: 0;
  --maskSize: contain;
  --maskRepeat: repeat-x;
  --maskPosition: left;
  --maskColor: currentColor;
  --maskWidth: 100%;
  --ratio: 1;
  --maskImage: url("../images/temp/badge.svg");
}
.frontPage .hero ul li:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  width: var(--maskWidth);
  mask-repeat: var(--maskRepeat);
  mask-position: var(--maskPosition);
  mask-size: var(--maskSize);
  aspect-ratio: var(--ratio);
  mask-image: var(--maskImage);
  background: var(--maskColor);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../images/noise.png), linear-gradient(180deg, var(--theme), #229886);
  background-repeat: repeat;
}
.frontPage .hero ul li small {
  display: block;
  font-size: var(--small);
}
.frontPage .hero ul li span {
  display: block;
  font-size: var(--h4);
}
.frontPage .discover .genreScroll {
  position: relative;
  margin-top: calc(var(--pad) * 2);
  mask-image: linear-gradient(to right, black 97%, transparent 100%);
}
.frontPage .discover .genreScroll.is-end {
  mask-image: none;
}
.frontPage .discover .genreLists {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5em;
  line-height: 1;
  overflow-x: auto;
  scrollbar-width: none;
  padding-bottom: 2px;
}
.frontPage .discover .genreLists::-webkit-scrollbar {
  display: none;
}
.frontPage .discover .genreLists.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.frontPage .discover .genreLists.is-dragging a {
  pointer-events: none;
}
.frontPage .discover .genreLists li {
  flex-shrink: 0;
  min-width: 15em;
}
.frontPage .discover .genreLists li a {
  display: block;
  text-align: center;
  white-space: nowrap;
  color: var(--theme);
  box-shadow: 0 0 0 1px var(--theme) inset;
  border-radius: var(--rad0);
  padding: 1em 1.5em;
  transition: all 0.4s ease-in-out;
}
.frontPage .discover .genreLists li a:hover {
  color: white;
  background: var(--sub);
}
.frontPage .discover .genreLists li.current a {
  color: white;
  background: var(--theme);
}
.frontPage .discover .cardList {
  --gridCol: repeat(2, 1fr);
  --gridGap: 2em;
  --logoW: 6em;
  --titleSize: 1.75em;
  --figW: 30%;
  --catOffset: calc(0% - var(--pad));
  text-box-trim: trim-both;
  margin-top: 3em;
}
@media (max-width: 1100px) {
  .frontPage .discover .cardList {
    --gridCol: repeat(1, 1fr);
    --gridGap: 1em;
    --logoW: 5em;
    --titleSize: 1.5em;
    --figW: 20%;
  }
}
@media (max-width: 721px) {
  .frontPage .discover .cardList {
    --figW: 35%;
    --catOffset: calc(0% - var(--pad) * 1.5 - .5em);
  }
}
.frontPage .discover .cardList .card {
  border-radius: var(--rad1);
  box-shadow: 0 0 1em var(--bk01);
  padding: calc(var(--pad) * 1.5);
  background: white;
}
.frontPage .discover .cardList .card .summary {
  display: flex;
  align-items: flex-start;
  gap: calc(var(--pad) * 0.5);
  position: relative;
}
.frontPage .discover .cardList .card .summary figure {
  width: var(--logoW);
  aspect-ratio: 1;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--bk01) inset, 0 0.25em 0.5em var(--bk01);
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.frontPage .discover .cardList .card .summary figure img {
  width: 70%;
  height: 70%;
  object-fit: contain;
  object-position: center;
}
.frontPage .discover .cardList .card .summary figure:not(:has(img)) {
  background-color: var(--ice);
}
.frontPage .discover .cardList .card .summary > div strong {
  color: var(--theme);
}
.frontPage .discover .cardList .card .summary > div h3 {
  font-size: var(--titleSize);
}
.frontPage .discover .cardList .card .summary > div .tags {
  display: flex;
  gap: 0.5em;
}
.frontPage .discover .cardList .card .summary span {
  border: 1px solid;
  color: var(--theme);
  border-radius: var(--rad0);
  display: inline-block;
  position: absolute;
  top: var(--catOffset);
  right: var(--catOffset);
  padding: 0 1em;
  font-size: 0.8em;
  background: white;
}
.frontPage .discover .cardList .card .description {
  --gridCol: 1fr 1fr var(--figW);
  --gridGap: 1em;
  grid-template-rows: repeat(2, auto);
  margin: 1em 0;
  font-size: var(--paragraph);
}
.frontPage .discover .cardList .card .description dl {
  background: var(--ice);
  padding: 1em;
  border-radius: var(--rad1);
  grid-column: 1/3;
}
.frontPage .discover .cardList .card .description dl dt {
  color: var(--theme);
}
.frontPage .discover .cardList .card .description p {
  display: block;
  grid-column: 1/3;
}
.frontPage .discover .cardList .card .description p.is-clamped {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.frontPage .discover .cardList .card .description .pToggle {
  grid-column: 1/3;
  display: block;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--theme);
  font-size: var(--paragraph);
  font-weight: var(--bold);
  text-decoration: underline;
  text-underline-offset: 0.33em;
  text-align: left;
  padding: 0;
  margin-top: -1em;
}
.frontPage .discover .cardList .card .description figure {
  grid-column: 3;
  grid-row: 1/-1;
  align-self: start;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--rad1);
  cursor: zoom-in;
}
.frontPage .discover .cardList .card .description figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 1100px) {
  .frontPage .discover .cardList .card .description {
    --gridCol: 1fr var(--figW);
    grid-template-rows: auto auto;
  }
  .frontPage .discover .cardList .card .description dl {
    grid-column: 1;
    grid-row: 1;
  }
  .frontPage .discover .cardList .card .description figure {
    grid-column: 2;
    grid-row: 1;
  }
  .frontPage .discover .cardList .card .description p {
    grid-column: 1/-1;
    grid-row: 2;
  }
  .frontPage .discover .cardList .card .description .pToggle {
    grid-column: 1/-1;
    grid-row: 3;
  }
}
.frontPage .discover .cardList .card .cta {
  gap: 1em;
  justify-content: flex-end;
  font-size: var(--paragraph);
  margin: auto 0 0;
}
.frontPage .discover .cardList .card .cta .btn {
  --btnColor: var(--sub);
  --btnHover: var(--dark);
  width: calc(50% - 0.5em);
}
.frontPage .loadMoreWrap {
  display: flex;
  justify-content: center;
  margin-top: 2.5em;
}
.frontPage .loadMoreWrap .loadMore {
  --btnColor: var(--theme);
  --btnHover: var(--sub);
  min-width: 14em;
  background: transparent;
}
.frontPage .loadMoreWrap .loadMore:hover {
  background: var(--theme);
}
.frontPage .flow {
  --padding: calc(var(--pad) * 5);
  --padTop: var(--padding);
  --padBottom: var(--padding);
  --cardPad: 4em 2em 2em;
  width: 100%;
}
.frontPage .flow .cardList {
  --gridCol: repeat(4, 1fr);
  --gridGap: .25em;
  margin: 2em 0 0;
}
@media (max-width: 1100px) {
  .frontPage .flow .cardList {
    --cardPad: 2em 1.5em 1.5em;
  }
}
@media (max-width: 721px) {
  .frontPage .flow .cardList {
    --gridCol: repeat(2, 1fr);
  }
}
.frontPage .flow .cardList .card {
  padding: var(--cardPad);
  background: var(--wh07);
  align-items: center;
  gap: 2em;
  border-radius: var(--rad0);
  backdrop-filter: blur(0.5em);
}
.frontPage .flow .cardList .card em {
  font-size: 4em;
  color: var(--sub);
  line-height: 0.8em;
}
.frontPage .flow .cardList .card em small {
  font-size: 1rem;
  display: block;
  line-height: 0.8em;
  margin: 0 0 0.5em;
}
.frontPage .flow .cardList .card h3 {
  text-align: center;
}
.frontPage .flow .cardList .card p {
  opacity: 0.75;
}
.frontPage .banner {
  --titleSize: 3em;
  width: 100%;
}
@media (max-width: 1100px) {
  .frontPage .banner {
    --titleSize: 7vw;
  }
  .frontPage .banner:has(.inner) .inner {
    --padLeft: 0;
    --padRight: 0;
    --padBottom: 0;
  }
  .frontPage .banner:has(.inner) .inner div {
    padding: 0 var(--innPad) calc(var(--innPad) * 3);
  }
}
.frontPage .banner .inner {
  overflow: hidden;
  border: 1em solid white;
}
.frontPage .banner .inner div {
  gap: 1.5em;
  position: relative;
  z-index: 1;
  align-items: flex-start;
}
.frontPage .banner .inner div h2 {
  font-size: var(--titleSize);
}
.frontPage .banner .inner div h3 {
  color: var(--theme);
}
.frontPage .banner .inner div p {
  max-width: 30em;
  line-height: 2;
  font-size: var(--h5);
}
@media (min-width: 1100px) {
  .frontPage .banner .inner figure {
    position: absolute;
    top: 0;
    right: -7%;
    height: 100%;
  }
}
.frontPage .banner .inner figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  margin-right: -10%;
}

.subPage {
  --chapSize: 5em;
  --sloganSize: 6vw;
  --heroTop: calc(var(--floatingPos) + var(--btnMenu) + var(--pad) * 4);
  --heroAlign: center;
  --heroH2Size: calc(var(--h2) * 1.28);
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
@media (min-width: 1100px) {
  .subPage {
    overflow-x: clip;
  }
  .subPage .hero h2 br {
    display: none;
  }
}
@media (max-width: 1100px) {
  .subPage {
    overflow: hidden;
    --chapSize: 14vw;
    --sloganSize: 9vw;
    --heroAlign: left;
  }
}
.subPage article {
  width: 100%;
  position: relative;
}
.subPage .hero {
  --padTop: var(--heroTop);
  --padBottom: 0;
  --heroGap: calc(var(--pad) * 1);
  align-items: center;
  text-align: var(--heroAlign);
}
.subPage .hero h1 {
  margin-top: var(--heroGap);
}
.subPage .hero em.sans {
  font-size: var(--sloganSize);
  font-weight: var(--bold);
  line-height: 1;
}
.subPage .hero hgroup {
  margin-top: calc(var(--heroGap) * 1);
  display: grid;
  gap: calc(var(--heroGap) * 0.5);
}
.subPage .hero hgroup h2 {
  font-size: var(--heroH2Size);
  margin-top: calc(var(--heroGap) * 0.5);
}

.formsWrap {
  --formMax: 54em;
  --sectsAlign: center;
  --inputPad: 1.5em;
  --confPad: var(--pad);
  --confDtW: 10em;
  --confDdW: calc(100% - var(--confDtW));
  --telSize: 2em;
  --tplRad: var(--rad3);
  --labelW: 15em;
  --labelPad: 1.5em 0 0;
  --controlsW: auto;
  --formPad: 1em 0;
  --tplPrime: var(--theme);
  --tplSecond: var(--typo);
  --tplSub: var(--sub);
  --tplPad: calc(var(--pad) * 2);
  --tplBg: white;
}
@media (max-width: 1100px) {
  .formsWrap {
    --inputPad: 1em;
    --labelW: 100%;
    --labelPad: 0;
    --controlsW: 100%;
    --formPad: 0 0 3em;
  }
}
.formsWrap .tel {
  margin-bottom: var(--pad);
  gap: 1em;
}
.formsWrap .tel:before, .formsWrap .tel:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: currentColor;
  opacity: 1;
  margin: 1em 0 1em;
}
.formsWrap .tel dt {
  font-size: var(--h5);
  font-weight: var(--bold);
}
.formsWrap .tel dd a {
  font-size: var(--telSize);
  font-weight: var(--semi);
}
.formsWrap .tel dd small {
  display: block;
}
.formsWrap .inner {
  align-items: var(--sectsAlign);
}
.formsWrap .snow-monkey-form {
  width: 100%;
  margin: 0 auto;
  padding: var(--tplPad);
  background-color: var(--tplBg);
  color: var(--tplSecond);
  border-radius: var(--tplRad);
}
.formsWrap .snow-monkey-form .smf-form {
  max-width: var(--formMax);
  margin: 0 auto;
}
.formsWrap .snow-monkey-form .smf-form .smf-system-error-content {
  text-align: center;
}
.formsWrap .snow-monkey-form .smf-action {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1em;
}
.formsWrap .snow-monkey-form .smf-action .smf-button-control {
  display: block;
}
@media (min-width: 1100px) {
  .formsWrap .snow-monkey-form .smf-action .smf-button-control {
    min-width: 10em;
  }
}
@media (max-width: 1100px) {
  .formsWrap .snow-monkey-form .smf-action .smf-button-control {
    min-width: calc(50% - 0.5em);
  }
}
.formsWrap .snow-monkey-form .smf-action .smf-button-control + .smf-button-control {
  margin: 0;
}
.formsWrap .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control {
  --arrow: .75em;
  --paddingPort: calc(var(--arrow) * 1.5);
  --paddingLand: calc(var(--arrow) * 2);
  --arrowPsos: var(--arrow);
  --display: inline-block;
  --borderWid: 2px;
  --btnMin: 15em;
  font-size: var(--h4);
  border: none;
  margin: 0;
  text-align: center;
  line-height: 1.5;
  position: relative;
  display: var(--display);
  z-index: 1;
  cursor: pointer;
  padding: var(--paddingPort) var(--paddingLand);
  transition: all 1.2s var(--springGlide);
  border-radius: 5em;
  gap: var(--padding);
  background-color: var(--typo);
  background-image: url(../images/noise.png);
  background-repeat: repeat;
  color: white;
  min-width: var(--btnMin);
  font-weight: var(--bold);
  box-shadow: 0 0 1em transparent inset, 0 0 3em transparent inset;
  background-attachment: inherit;
}
@media (min-width: 1100px) {
  .formsWrap .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:hover {
    box-shadow: 0.5em 0.5em 3em var(--wh02) inset, -0.75em -0.75em 1.5em var(--typo) inset, 0.5em -1em 0.5em 1.25em var(--bk02) inset, 0 0 5em var(--sub) inset;
  }
}
@media (max-width: 1100px) {
  .formsWrap .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control {
    --btnMin: inherit;
  }
}
.formsWrap .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url(../images/noise.png);
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  mix-blend-mode: overlay;
}
.formsWrap .snow-monkey-form .smf-action .smf-button-control .smf-button-control__control:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: var(--arrow);
  height: var(--arrow);
  z-index: 0;
  border-top: var(--borderWid) solid;
  border-right: var(--borderWid) solid;
  transform: rotate(45deg);
  margin-left: var(--arrowPsos);
  flex-shrink: 0;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item {
  margin: 0 auto;
  text-align: left;
  padding: var(--formPad);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--label {
  width: var(--labelW);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: var(--labelPad);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--label .smf-item__label {
  display: inline-block;
  font-weight: var(--bold);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--label .smf-item__description {
  background-color: var(--tplSecond);
  color: var(--tplPrime);
  display: block;
  margin: 0 0 0 1em;
  padding: 0.2em 1em;
  font-size: 0.6em;
  border-radius: var(--rad0);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls {
  flex: 1;
  width: var(--controlsW);
  text-align: left;
  position: relative;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls input, .formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls textarea {
  font-size: 1em;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls input::placeholder, .formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls textarea::placeholder {
  color: var(--bk02);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls input.hasDatepicker, .formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls textarea.hasDatepicker {
  width: auto;
  min-width: 6em;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls input:not([type=checkbox]),
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls textarea {
  width: 100%;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls input:not([type=checkbox]),
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls select,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls textarea {
  text-align: left;
  border-radius: 0.5em;
  padding: var(--inputPad);
  border: 2px solid;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls select {
  width: 100%;
  padding-right: calc(var(--inputPad) * 2);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1em;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label {
  --btnWidth: 2em;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control {
  display: flex;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__control,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__control {
  position: relative;
  display: inline-block;
  line-height: 1.75;
  cursor: pointer;
  padding: 0;
  width: var(--btnWidth);
  height: var(--btnWidth);
  transition: var(--tr04);
  border-radius: 50%;
  border: 2px solid;
  margin: 0 0.5em 0 0;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__control:checked,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__control:checked,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__control:checked,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__control:checked,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__control:checked,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__control:checked,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__control:checked,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__control:checked {
  background: var(--tplSecond);
  color: var(--tplPrime);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__control:checked:before,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__control:checked:before,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__control:checked:before,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__control:checked:before,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__control:checked:before,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__control:checked:before,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__control:checked:before,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__control:checked:before {
  background: none;
  content: "";
  position: absolute;
  top: 33%;
  left: 25%;
  margin: auto;
  width: 1em;
  height: 0.5em;
  border-style: none;
  border-width: 0;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: currentColor;
  rotate: -45deg;
  transform: none;
  border-radius: 0;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-radio-buttons-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-radio-button-control__label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-radio-button-control .smf-checkbox-control__label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-radio-button-control__label,
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item .smf-checkboxes-control__control .smf-label label .smf-checkbox-control .smf-checkbox-control__label {
  display: block;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item:has(.smf-file-control) .smf-item__col--controls {
  margin-top: calc(var(--pad) * 0.5);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item:has(.smf-file-control) .smf-item__col--controls .smf-item__controls {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: calc(var(--pad) * 0.5) var(--pad);
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item:has(.smf-file-control) .smf-item__col--controls .smf-item__controls .smf-file-control .smf-file-control__label {
  border: none;
  border-radius: 3em;
  padding: 0.5em 1em;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item:has(.smf-file-control) .smf-item__col--controls .smf-item__controls .smf-file-control .smf-file-control__filename {
  font-size: 0.7em;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item.smf-item:has(.smf-file-control) .smf-item__col--controls .smf-item__controls .smf-file-control p {
  width: 100%;
  font-size: 0.7em;
  opacity: 0.5;
}
.formsWrap .snow-monkey-form .wp-block-snow-monkey-forms-item p {
  font-size: 0.75em;
}
.formsWrap .snow-monkey-form .smf-error-messages {
  color: var(--tplSecond);
  background: var(--tplSub);
  display: inline-block;
  padding: 0.2em 0.5em;
  line-height: 2;
  font-size: 0.6rem !important;
  margin-top: 0.5em;
}
.formsWrap .snow-monkey-form .smf-error-messages:before {
  content: "!";
  margin-right: 0.5em;
  display: inline-block;
  border: 1px solid var(--tplSecond);
  width: 1.5em;
  line-height: 1.5;
  text-align: center;
  border-radius: 50%;
  flex-shrink: 0;
}
.formsWrap .snow-monkey-form[data-screen=confirm] {
  --labelPad: 0;
}
.formsWrap .snow-monkey-form[data-screen=confirm] .smf-form {
  padding: var(--confPad);
  border-radius: var(--rad3);
}
.formsWrap .snow-monkey-form[data-screen=confirm] .smf-form .wp-block-snow-monkey-forms-item.smf-item {
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
}
.formsWrap .snow-monkey-form[data-screen=confirm] .smf-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--label {
  width: var(--confDtW);
}
.formsWrap .snow-monkey-form[data-screen=confirm] .smf-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--label .smf-item__description {
  display: none;
}
.formsWrap .snow-monkey-form[data-screen=confirm] .smf-form .wp-block-snow-monkey-forms-item.smf-item .smf-item__col--controls {
  width: var(--confDdW);
}
.formsWrap .snow-monkey-form[data-screen=confirm] .smf-form .wp-block-snow-monkey-forms-item.smf-item:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: currentColor;
  opacity: 0.2;
  margin: 0 0 0;
}
.formsWrap .snow-monkey-form[data-screen=confirm] .smf-action:before {
  content: "入力内容に間違いがなければ「送信」をクリックしてください。";
  display: block;
  width: 100%;
  margin-bottom: 1em;
}
.formsWrap .snow-monkey-form[data-screen=complete] .smf-complete-content {
  text-align: center;
}

/*# sourceMappingURL=pages.css.map */