html,
body {
  height: 100%;
  color: #55402a;
}
body {
  background-color: #fff9df;
  font-size: 14px;
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
* {
  outline: none;
}
.box-shadow-button {
  box-shadow: 0 4px 0 0 #3796ad;
}
.box-shadow-button-negative {
  box-shadow: 0 4px 0 0 #b0313d;
}
.text-primary-light {
  color: #70c4d8 !important;
}
.bg-primary-light {
  background-color: #70c4d8 !important;
}
.border-primary-light {
  border-color: #70c4d8 !important;
}
.text-primary {
  color: #6cbbdb !important;
}
.bg-primary {
  background-color: #6cbbdb !important;
}
.border-primary {
  border-color: #6cbbdb !important;
}
.text-primay-dark {
  color: #3796ad !important;
}
.bg-primay-dark {
  background-color: #3796ad !important;
}
.border-primay-dark {
  border-color: #3796ad !important;
}
.text-attention-light {
  color: #ffd0df !important;
}
.bg-attention-light {
  background-color: #ffd0df !important;
}
.border-attention-light {
  border-color: #ffd0df !important;
}
.text-attention {
  color: #f05889 !important;
}
.bg-attention {
  background-color: #f05889 !important;
}
.border-attention {
  border-color: #f05889 !important;
}
.text-attention-dark {
  color: #db6cc2 !important;
}
.bg-attention-dark {
  background-color: #db6cc2 !important;
}
.border-attention-dark {
  border-color: #db6cc2 !important;
}
.text-danger {
  color: #e45866 !important;
}
.bg-danger {
  background-color: #e45866 !important;
}
.border-danger {
  border-color: #e45866 !important;
}
.text-danger-dark {
  color: #b0313d !important;
}
.bg-danger-dark {
  background-color: #b0313d !important;
}
.border-danger-dark {
  border-color: #b0313d !important;
}
.text-emerald {
  color: #6cdbaf !important;
}
.bg-emerald {
  background-color: #6cdbaf !important;
}
.border-emerald {
  border-color: #6cdbaf !important;
}
.text-custom-blue {
  color: #6cbbdb !important;
}
.bg-custom-blue {
  background-color: #6cbbdb !important;
}
.border-custom-blue {
  border-color: #6cbbdb !important;
}
.text-custom-yellow {
  color: #f2c10c !important;
}
.bg-custom-yellow {
  background-color: #f2c10c !important;
}
.border-custom-yellow {
  border-color: #f2c10c !important;
}
.text-custom-pink {
  color: #f57aa6 !important;
}
.bg-custom-pink {
  background-color: #f57aa6 !important;
}
.border-custom-pink {
  border-color: #f57aa6 !important;
}
.text-custom-purple {
  color: #7981ee !important;
}
.bg-custom-purple {
  background-color: #7981ee !important;
}
.border-custom-purple {
  border-color: #7981ee !important;
}
.text-custom-green {
  color: #0ec2ac !important;
}
.bg-custom-green {
  background-color: #0ec2ac !important;
}
.border-custom-green {
  border-color: #0ec2ac !important;
}
.text-cream {
  color: #fff9df !important;
}
.bg-cream {
  background-color: #fff9df !important;
}
.border-cream {
  border-color: #fff9df !important;
}
.text-gray97 {
  color: #979797 !important;
}
.bg-gray97 {
  background-color: #979797 !important;
}
.border-gray97 {
  border-color: #979797 !important;
}
.text-dark-012 {
  color: rgba(0, 0, 0, 0.12) !important;
}
.bg-dark-012 {
  background-color: rgba(0, 0, 0, 0.12) !important;
}
.border-dark-012 {
  border-color: rgba(0, 0, 0, 0.12) !important;
}
.text-dark-026 {
  color: rgba(0, 0, 0, 0.26) !important;
}
.bg-dark-026 {
  background-color: rgba(0, 0, 0, 0.26) !important;
}
.border-dark-026 {
  border-color: rgba(0, 0, 0, 0.26) !important;
}
.bg-modal {
  background: rgba(0, 0, 0, 0.6);
}
.rotate-90 {
  transform: rotate(90deg);
}
.w52 {
  width: 52px;
}
.h52 {
  height: 52px;
}
.s52 {
  width: 52px;
  height: 52px;
}
.m52 {
  margin: 52px;
}
.mt52 {
  margin-top: 52px;
}
.mtn52 {
  margin-top: -52px;
}
.mbn52 {
  margin-bottom: -52px;
}
.mr52 {
  margin-right: 52px;
}
.mrn52 {
  margin-right: -52px;
}
.mb52 {
  margin-bottom: 52px;
}
.ml52 {
  margin-left: 52px;
}
.mx52 {
  margin-left: 52px;
  margin-right: 52px;
}
.my52 {
  margin-top: 52px;
  margin-bottom: 52px;
}
.p52 {
  padding: 52px;
}
.pt52 {
  padding-top: 52px;
}
.pr52 {
  padding-right: 52px;
}
.pb52 {
  padding-bottom: 52px;
}
.pl52 {
  padding-left: 52px;
}
.px52 {
  padding-left: 52px;
  padding-right: 52px;
}
.py52 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.t52 {
  top: 52px;
}
.tn52 {
  top: -52px;
}
.r52 {
  right: 52px;
}
.rn52 {
  right: -52px;
}
.b52 {
  bottom: 52px;
}
.bn52 {
  bottom: -52px;
}
.l52 {
  left: 52px;
}
.ln52 {
  left: -52px;
}
.fs52 {
  font-size: 52px;
}
.w66 {
  width: 66px;
}
.h66 {
  height: 66px;
}
.s66 {
  width: 66px;
  height: 66px;
}
.m66 {
  margin: 66px;
}
.mt66 {
  margin-top: 66px;
}
.mtn66 {
  margin-top: -66px;
}
.mbn66 {
  margin-bottom: -66px;
}
.mr66 {
  margin-right: 66px;
}
.mrn66 {
  margin-right: -66px;
}
.mb66 {
  margin-bottom: 66px;
}
.ml66 {
  margin-left: 66px;
}
.mx66 {
  margin-left: 66px;
  margin-right: 66px;
}
.my66 {
  margin-top: 66px;
  margin-bottom: 66px;
}
.p66 {
  padding: 66px;
}
.pt66 {
  padding-top: 66px;
}
.pr66 {
  padding-right: 66px;
}
.pb66 {
  padding-bottom: 66px;
}
.pl66 {
  padding-left: 66px;
}
.px66 {
  padding-left: 66px;
  padding-right: 66px;
}
.py66 {
  padding-top: 66px;
  padding-bottom: 66px;
}
.t66 {
  top: 66px;
}
.tn66 {
  top: -66px;
}
.r66 {
  right: 66px;
}
.rn66 {
  right: -66px;
}
.b66 {
  bottom: 66px;
}
.bn66 {
  bottom: -66px;
}
.l66 {
  left: 66px;
}
.ln66 {
  left: -66px;
}
.fs66 {
  font-size: 66px;
}
.w110 {
  width: 110px;
}
.h110 {
  height: 110px;
}
.s110 {
  width: 110px;
  height: 110px;
}
.m110 {
  margin: 110px;
}
.mt110 {
  margin-top: 110px;
}
.mtn110 {
  margin-top: -110px;
}
.mbn110 {
  margin-bottom: -110px;
}
.mr110 {
  margin-right: 110px;
}
.mrn110 {
  margin-right: -110px;
}
.mb110 {
  margin-bottom: 110px;
}
.ml110 {
  margin-left: 110px;
}
.mx110 {
  margin-left: 110px;
  margin-right: 110px;
}
.my110 {
  margin-top: 110px;
  margin-bottom: 110px;
}
.p110 {
  padding: 110px;
}
.pt110 {
  padding-top: 110px;
}
.pr110 {
  padding-right: 110px;
}
.pb110 {
  padding-bottom: 110px;
}
.pl110 {
  padding-left: 110px;
}
.px110 {
  padding-left: 110px;
  padding-right: 110px;
}
.py110 {
  padding-top: 110px;
  padding-bottom: 110px;
}
.t110 {
  top: 110px;
}
.tn110 {
  top: -110px;
}
.r110 {
  right: 110px;
}
.rn110 {
  right: -110px;
}
.b110 {
  bottom: 110px;
}
.bn110 {
  bottom: -110px;
}
.l110 {
  left: 110px;
}
.ln110 {
  left: -110px;
}
.fs110 {
  font-size: 110px;
}
.w112 {
  width: 112px;
}
.h112 {
  height: 112px;
}
.s112 {
  width: 112px;
  height: 112px;
}
.m112 {
  margin: 112px;
}
.mt112 {
  margin-top: 112px;
}
.mtn112 {
  margin-top: -112px;
}
.mbn112 {
  margin-bottom: -112px;
}
.mr112 {
  margin-right: 112px;
}
.mrn112 {
  margin-right: -112px;
}
.mb112 {
  margin-bottom: 112px;
}
.ml112 {
  margin-left: 112px;
}
.mx112 {
  margin-left: 112px;
  margin-right: 112px;
}
.my112 {
  margin-top: 112px;
  margin-bottom: 112px;
}
.p112 {
  padding: 112px;
}
.pt112 {
  padding-top: 112px;
}
.pr112 {
  padding-right: 112px;
}
.pb112 {
  padding-bottom: 112px;
}
.pl112 {
  padding-left: 112px;
}
.px112 {
  padding-left: 112px;
  padding-right: 112px;
}
.py112 {
  padding-top: 112px;
  padding-bottom: 112px;
}
.t112 {
  top: 112px;
}
.tn112 {
  top: -112px;
}
.r112 {
  right: 112px;
}
.rn112 {
  right: -112px;
}
.b112 {
  bottom: 112px;
}
.bn112 {
  bottom: -112px;
}
.l112 {
  left: 112px;
}
.ln112 {
  left: -112px;
}
.fs112 {
  font-size: 112px;
}
.max-w300 {
  max-width: 300px;
}
.letter-spacing-0_4 {
  letter-spacing: 0.4px;
}
.rounded-16 {
  border-radius: 16px;
}
.placeholder-opacity-0_5::placeholder {
  opacity: 0.5;
}
.anim-appear {
  animation: anim-appear 500ms;
}
@keyframes anim-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.max-h0 {
  max-height: 0;
}


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