/*
 * variables
 */
:root {
  --main-color: #222;
  --border-color: rgba(0, 0, 0, 0.1);
  --font-weight-bold: 700;
}
:root {
  --font-weight-bold: 700;
}
* {
  -webkit-tap-highlight-color: transparent;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: initial;
}
html,
body {
  height: 100%;
}
body {
  font-family: YuGothic, "游ゴシック", 'Noto Sans JP', Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  background-color: #FAFAFD;
  font-size: 14px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
}
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.container-372 {
  margin-left: auto;
  margin-right: auto;
  max-width: 372px;
}
* {
  outline: none;
}
.text-primary {
  color: #A20019 !important;
}
.bg-primary {
  background-color: #A20019 !important;
}
.border-primary {
  border-color: #A20019 !important;
}
.text-primary_pale {
  color: rgba(162, 0, 25, 0.07) !important;
}
.bg-primary_pale {
  background-color: rgba(162, 0, 25, 0.07) !important;
}
.border-primary_pale {
  border-color: rgba(162, 0, 25, 0.07) !important;
}
.text-gray_light {
  color: #AEAEAE !important;
}
.bg-gray_light {
  background-color: #AEAEAE !important;
}
.border-gray_light {
  border-color: #AEAEAE !important;
}
.text-gray_pale {
  color: #f7f7fc !important;
}
.bg-gray_pale {
  background-color: #f7f7fc !important;
}
.border-gray_pale {
  border-color: #f7f7fc !important;
}
.text-label_high {
  color: #2E2E38 !important;
}
.bg-label_high {
  background-color: #2E2E38 !important;
}
.border-label_high {
  border-color: #2E2E38 !important;
}
.text-label_medium {
  color: #4E4E55 !important;
}
.bg-label_medium {
  background-color: #4E4E55 !important;
}
.border-label_medium {
  border-color: #4E4E55 !important;
}
.text-label_low {
  color: #96969C !important;
}
.bg-label_low {
  background-color: #96969C !important;
}
.border-label_low {
  border-color: #96969C !important;
}
.text-label_disabled {
  color: #B9B9C9 !important;
}
.bg-label_disabled {
  background-color: #B9B9C9 !important;
}
.border-label_disabled {
  border-color: #B9B9C9 !important;
}
.text-label_pale {
  color: #F7F7F8 !important;
}
.bg-label_pale {
  background-color: #F7F7F8 !important;
}
.border-label_pale {
  border-color: #F7F7F8 !important;
}
.text-label_blue {
  color: #0029FF !important;
}
.bg-label_blue {
  background-color: #0029FF !important;
}
.border-label_blue {
  border-color: #0029FF !important;
}
.text-label_weak {
  color: #F7F7F8 !important;
}
.bg-label_weak {
  background-color: #F7F7F8 !important;
}
.border-label_weak {
  border-color: #F7F7F8 !important;
}
.text-alert_primary {
  color: #FF0000 !important;
}
.bg-alert_primary {
  background-color: #FF0000 !important;
}
.border-alert_primary {
  border-color: #FF0000 !important;
}
.text-background_primary {
  color: #FAFAFD !important;
}
.bg-background_primary {
  background-color: #FAFAFD !important;
}
.border-background_primary {
  border-color: #FAFAFD !important;
}
.text-separator_opaque {
  color: #EBEBF0 !important;
}
.bg-separator_opaque {
  background-color: #EBEBF0 !important;
}
.border-separator_opaque {
  border-color: #EBEBF0 !important;
}
.text-overlay_primary {
  color: rgba(46, 46, 56, 0.7) !important;
}
.bg-overlay_primary {
  background-color: rgba(46, 46, 56, 0.7) !important;
}
.border-overlay_primary {
  border-color: rgba(46, 46, 56, 0.7) !important;
}
.text-overlay_secondary {
  color: #FFFFFF !important;
}
.bg-overlay_secondary {
  background-color: #FFFFFF !important;
}
.border-overlay_secondary {
  border-color: #FFFFFF !important;
}
.p42 {
  padding: 42px;
}
.pt42 {
  padding-top: 42px;
}
.pr42 {
  padding-right: 42px;
}
.pb42 {
  padding-bottom: 42px;
}
.pl42 {
  padding-left: 42px;
}
.px42 {
  padding-left: 42px;
  padding-right: 42px;
}
.py42 {
  padding-top: 42px;
  padding-bottom: 42px;
}
.p46 {
  padding: 46px;
}
.pt46 {
  padding-top: 46px;
}
.pr46 {
  padding-right: 46px;
}
.pb46 {
  padding-bottom: 46px;
}
.pl46 {
  padding-left: 46px;
}
.px46 {
  padding-left: 46px;
  padding-right: 46px;
}
.py46 {
  padding-top: 46px;
  padding-bottom: 46px;
}
.p58 {
  padding: 58px;
}
.pt58 {
  padding-top: 58px;
}
.pr58 {
  padding-right: 58px;
}
.pb58 {
  padding-bottom: 58px;
}
.pl58 {
  padding-left: 58px;
}
.px58 {
  padding-left: 58px;
  padding-right: 58px;
}
.py58 {
  padding-top: 58px;
  padding-bottom: 58px;
}
.p77 {
  padding: 77px;
}
.pt77 {
  padding-top: 77px;
}
.pr77 {
  padding-right: 77px;
}
.pb77 {
  padding-bottom: 77px;
}
.pl77 {
  padding-left: 77px;
}
.px77 {
  padding-left: 77px;
  padding-right: 77px;
}
.py77 {
  padding-top: 77px;
  padding-bottom: 77px;
}
.m52 {
  margin: 52px;
}
.mt52 {
  margin-top: 52px;
}
.mr52 {
  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;
}
.m88 {
  margin: 88px;
}
.mt88 {
  margin-top: 88px;
}
.mr88 {
  margin-right: 88px;
}
.mb88 {
  margin-bottom: 88px;
}
.ml88 {
  margin-left: 88px;
}
.mx88 {
  margin-left: 88px;
  margin-right: 88px;
}
.my88 {
  margin-top: 88px;
  margin-bottom: 88px;
}
.m99 {
  margin: 99px;
}
.mt99 {
  margin-top: 99px;
}
.mr99 {
  margin-right: 99px;
}
.mb99 {
  margin-bottom: 99px;
}
.ml99 {
  margin-left: 99px;
}
.mx99 {
  margin-left: 99px;
  margin-right: 99px;
}
.my99 {
  margin-top: 99px;
  margin-bottom: 99px;
}
.w45 {
  width: 45px;
}
.h45 {
  height: 45px;
}
.s45 {
  width: 45px;
  height: 45px;
}
.w48 {
  width: 48px;
}
.h48 {
  height: 48px;
}
.s48 {
  width: 48px;
  height: 48px;
}
.w52 {
  width: 52px;
}
.h52 {
  height: 52px;
}
.s52 {
  width: 52px;
  height: 52px;
}
.w54 {
  width: 54px;
}
.h54 {
  height: 54px;
}
.s54 {
  width: 54px;
  height: 54px;
}
.w56 {
  width: 56px;
}
.h56 {
  height: 56px;
}
.s56 {
  width: 56px;
  height: 56px;
}
.w82 {
  width: 82px;
}
.h82 {
  height: 82px;
}
.s82 {
  width: 82px;
  height: 82px;
}
.w88 {
  width: 88px;
}
.h88 {
  height: 88px;
}
.s88 {
  width: 88px;
  height: 88px;
}
.w92 {
  width: 92px;
}
.h92 {
  height: 92px;
}
.s92 {
  width: 92px;
  height: 92px;
}
.w113 {
  width: 113px;
}
.h113 {
  height: 113px;
}
.s113 {
  width: 113px;
  height: 113px;
}
.w120 {
  width: 120px;
}
.h120 {
  height: 120px;
}
.s120 {
  width: 120px;
  height: 120px;
}
.w144 {
  width: 144px;
}
.h144 {
  height: 144px;
}
.s144 {
  width: 144px;
  height: 144px;
}
.w150 {
  width: 150px;
}
.h150 {
  height: 150px;
}
.s150 {
  width: 150px;
  height: 150px;
}
.w152 {
  width: 152px;
}
.h152 {
  height: 152px;
}
.s152 {
  width: 152px;
  height: 152px;
}
.w158 {
  width: 158px;
}
.h158 {
  height: 158px;
}
.s158 {
  width: 158px;
  height: 158px;
}
.w182 {
  width: 182px;
}
.h182 {
  height: 182px;
}
.s182 {
  width: 182px;
  height: 182px;
}
.w192 {
  width: 192px;
}
.h192 {
  height: 192px;
}
.s192 {
  width: 192px;
  height: 192px;
}
.w250 {
  width: 250px;
}
.h250 {
  height: 250px;
}
.s250 {
  width: 250px;
  height: 250px;
}
.w252 {
  width: 252px;
}
.h252 {
  height: 252px;
}
.s252 {
  width: 252px;
  height: 252px;
}
.w266 {
  width: 266px;
}
.h266 {
  height: 266px;
}
.s266 {
  width: 266px;
  height: 266px;
}
.w280 {
  width: 280px;
}
.h280 {
  height: 280px;
}
.s280 {
  width: 280px;
  height: 280px;
}
.w320 {
  width: 320px;
}
.h320 {
  height: 320px;
}
.s320 {
  width: 320px;
  height: 320px;
}
.w420 {
  width: 420px;
}
.h420 {
  height: 420px;
}
.s420 {
  width: 420px;
  height: 420px;
}
.w472 {
  width: 472px;
}
.h472 {
  height: 472px;
}
.s472 {
  width: 472px;
  height: 472px;
}
.min-width-100 {
  min-width: 100px;
}
.min-width-150 {
  min-width: 150px;
}
.min-width-175 {
  min-width: 175px;
}
.min-width-190 {
  min-width: 190px;
}
.min-width-210 {
  min-width: 210px;
}
.min-width-250 {
  min-width: 250px;
}
.min-width-300 {
  min-width: 300px;
}
.min-width-772 {
  min-width: 772px;
}
.max-width-256 {
  max-width: 256px;
}
.max-width-320 {
  max-width: 320px;
}
.max-width-372 {
  max-width: 372px;
}
.max-width-420 {
  max-width: 420px;
}
.max-width-500 {
  max-width: 500px;
}
.max-height-200 {
  max-height: 200px;
}
.max-height-238 {
  max-height: 238px;
}
.border-spacing-0 {
  border-spacing: 0;
}
.border-dashed {
  border: 1px dashed;
}
.hover-trigger:hover.hover-bg-light,
.hover-trigger:hover .hover-bg-light {
  background-color: rgba(255, 255, 255, 0.1);
}
.hover-trigger:hover.hover-bg-dark,
.hover-trigger:hover .hover-bg-dark {
  background-color: rgba(0, 0, 0, 0.1);
}
.hover-trigger:hover.hover-opacity-100,
.hover-trigger:hover .hover-opacity-100 {
  opacity: 1;
}
.hover-trigger:hover.hover-opacity-60,
.hover-trigger:hover .hover-opacity-60 {
  opacity: 0.6;
}
.hover-trigger:hover.hover-bg-primary_pale,
.hover-trigger:hover .hover-bg-primary_pale {
  background: rgba(162, 0, 25, 0.05);
}
.hover-trigger:hover.hover-bg-label_pale,
.hover-trigger:hover .hover-bg-label_pale {
  background-color: #F7F7F8 !important;
}
.hover-trigger:hover.hover-text-label_medium,
.hover-trigger:hover .hover-text-label_medium {
  color: #4E4E55 !important;
}
.hover-trigger:hover.hover-text-label_low,
.hover-trigger:hover .hover-text-label_low {
  color: #96969C !important;
}
.hover-trigger:hover.hover-bg-separator_opaque,
.hover-trigger:hover .hover-bg-separator_opaque {
  background-color: #EBEBF0 !important;
}
.box-shadow {
  box-shadow: 0px 2px 10px rgba(46, 46, 56, 0.08);
}
.button {
  border: transparent 1px solid;
  border-radius: 4px;
  font-weight: bold;
  padding: 6px 16px;
  line-height: 150%;
  transition: 128ms;
}
.button.primary {
  color: #A20019 !important;
  border-color: #A20019 !important;
  background-color: transparent;
}
.button.primary:hover,
.button.primary:focus-visible {
  background-color: rgba(162, 0, 25, 0.07) !important;
}
.button.primary_pale {
  color: #A20019 !important;
  background-color: transparent;
  border-radius: 50%;
}
.button.primary_pale:hover,
.button.primary_pale:focus-visible {
  background-color: rgba(162, 0, 25, 0.07) !important;
}
.button.primary_fill {
  background-color: #A20019 !important;
  color: #ffffff;
}
.button.primary_fill:hover,
.button.primary_fill:focus-visible {
  background-color: #800014 !important;
}
.button.disabled {
  color: #B9B9C9 !important;
  border-color: #B9B9C9 !important;
  pointer-events: none;
}
.button.disabled_fill {
  background-color: #B9B9C9 !important;
  color: #ffffff;
  pointer-events: none;
}
.button.high {
  color: #2E2E38 !important;
  border-color: #B9B9C9 !important;
}
.button.high:hover,
.button.high:focus-visible {
  background-color: #F7F7F8 !important;
}
.button.label_pale {
  color: #4E4E55 !important;
  background-color: transparent;
  border-radius: 50%;
}
.button.label_pale:hover,
.button.label_pale:focus-visible {
  background-color: #F7F7F8 !important;
}
.button.separator_opaque {
  color: #2E2E38 !important;
  border-color: #EBEBF0 !important;
}
.button.separator_opaque:hover,
.button.separator_opaque:focus-visible {
  background-color: #FAFAFD !important;
}
.button_outline_primary {
  border: 1px solid #A20019 !important;
  border-radius: 4px;
  background-color: white !important;
  color: #A20019 !important;
  padding: 3px 4px;
  font-size: 12px;
}
.button_outline_primary:hover {
  background-color: #AEAEAE !important;
}
.focus-visible:focus-visible {
  outline: auto;
  outline-color: #A20019;
  padding: 1px;
}
/*
 * form
 */
.input,
input.input,
textarea.input {
  border: none;
  border-radius: 8px;
  background-color: #FAFAFD;
  padding: 8px;
}
.input.large,
input.input.large,
textarea.input.large {
  border: 1px solid #EBEBF0 !important;
  background-color: transparent;
  border-radius: 4px;
  padding: 8px 7px;
}
input::placeholder {
  color: #B9B9C9;
}
textarea::placeholder {
  color: #B9B9C9;
}
textarea {
  resize: none;
}
input.checkbox[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
}
input.checkbox[type="checkbox"]:after {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid;
  border-color: #B9B9C9 !important;
  border-radius: 2px;
  display: block;
}
input.checkbox[type="checkbox"]:checked:after {
  border-color: #A20019 !important;
  border-radius: 2px;
}
input.checkbox[type="checkbox"]:checked:before {
  content: url(check.f42b9976.svg);
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
input.checkbox[type="checkbox"]:not(:disabled):after {
  cursor: pointer;
}
input.checkbox[type="checkbox"]:not(:disabled):before {
  cursor: pointer;
}
.select {
  background-color: #f7f7fc;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 6px 8px;
}
.cursor-grab {
  cursor: grab;
}
@keyframes blink {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.popper,
.tooltip {
  background: rgba(46, 46, 56, 0.65);
  backdrop-filter: blur(3px);
  color: white;
  border-radius: 4px;
  z-index: 1000;
  margin: 4px 0;
  font-size: 10px;
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 1.5;
  max-width: 180px;
}
.tooltip-inner {
  padding: 4px 8px;
  font-size: 12px;
}
.focus-primary:focus-within {
  outline: 1px solid #A20019 !important;
}
.transition-128 {
  transition: 128ms;
}
@media only screen and (max-width : 600px) {
  .s-overflow-x-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}


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