@charset "UTF-8";

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-style: normal;
  line-height: inherit;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0;
}

article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: normal;
}

html {
  font-size: 62.5%;
}

body {
  text-rendering: optimizespeed;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  scroll-behavior: smooth;
}

a {
  text-decoration: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

ol,
ul {
  list-style: none;
}

img,
video {
  max-width: 100%;
}

img,
svg {
  height: auto;
}

img {
  border-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::after,
blockquote::before,
q::after,
q::before {
  content: "";
  content: none;
}

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

/* フォーム */
input,
button,
textarea,
select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select {
  color: #333;
  border-radius: 0;
}

textarea {
  resize: vertical;
}

[type="radio"],
[type="checkbox"] {
  margin: 0;
}

[type="text"],
[type="number"],
[type="tel"],
[type="email"] {
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
}

[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

[type="number"]::-webkit-outer-spin-button,
[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}

button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;
  outline: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

input,
select {
  vertical-align: middle;
}

input::-webkit-search-cancel-button,
select::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  * {
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}

hr {
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

pre,
code {
  white-space: pre-line;
}

html,
.body,
.body__wrap {
  height: 100%;
}

body,
input,
button,
textarea,
select,
pre,
code {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}

.body__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  color: #242129;
  word-break: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px) {
  body.-is-open {
    overflow: hidden;
  }
}

body * {
  -webkit-font-feature-settings: "palt" on;
          font-feature-settings: "palt" on;
}

body.lang-jp .en {
  display: none;
}

a {
  color: #242129;
}

a:hover,
button:hover {
  opacity: 0.7;
}

label.-disabled {
  opacity: 0.3;
}

.-disabled input[type="text"] {
  opacity: 0.3;
}

:focus,
:focus-visible {
  outline: #6d50b9 auto 2px;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: #9da2a6;
}

::-moz-placeholder {
  color: #9da2a6;
}

:-ms-input-placeholder {
  color: #9da2a6;
}

::-ms-input-placeholder {
  color: #9da2a6;
}

::placeholder {
  color: #9da2a6;
}

:disabled::-webkit-input-placeholder {
  color: #cdcdcd;
}

:disabled::-moz-placeholder {
  color: #cdcdcd;
}

:disabled:-ms-input-placeholder {
  color: #cdcdcd;
}

:disabled::-ms-input-placeholder {
  color: #cdcdcd;
}

:disabled::placeholder {
  color: #cdcdcd;
}

.header {
  display: none;
}

@media (max-width: 991px) {
  .header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 80px;
    padding: 0 24px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ece6fc), to(#fff));
    background: linear-gradient(180deg, #ece6fc 0%, #fff 100%);
  }
}

@media (max-width: 991px) {
  .header__button {
    position: relative;
    width: 44px;
    height: 44px;
    padding-top: 16px;
    color: #3b1e87;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .header__button.-is-open::before,
  .header__button.-is-open::after {
    width: 42px;
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .header__button.-is-open::before {
    top: 5.28px;
    -webkit-transform: translateY(5.28px) rotate(-18deg);
            transform: translateY(5.28px) rotate(-18deg);
  }
}

@media (max-width: 991px) and (max-width: 991px) {
  .header__button.-is-open::after {
    top: 16px;
    -webkit-transform: translateY(-5.28px) rotate(18deg);
            transform: translateY(-5.28px) rotate(18deg);
  }
}

@media (max-width: 991px) {
  .header__button::before,
  .header__button::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    width: 44px;
    height: 2px;
    background-color: #3b1e87;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

@media (max-width: 991px) {
  .header__button::before {
    top: 8px;
  }
}

@media (max-width: 991px) {
  .header__button::after {
    top: 14px;
  }
}

@media (max-width: 991px) {
  .header__button:hover {
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .header__button-text {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.main {
  min-height: 100vh;
}

@media (min-width: 768px) {
  .main {
    position: relative;
    background: url("/images/common/bg_wrap.jpg") no-repeat 50% 50%/cover;
    background-attachment: fixed;
  }
}

.main__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  min-height: 100vh;
  padding: 100px 40px 24px;
}

@media (min-width: 768px) {
  .main__contents {
    width: calc(100% - 40px);
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
  }
}

@media (max-width: 767px) {
  .main__contents {
    padding: 128px 24px 24px;
  }
}

.sidenavigation {
  position: fixed;
  top: 20px;
  left: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 120px;
  width: calc(100% - 805px);
  height: calc(100% - 40px);
  padding: 101px 20px 100px 0;
  overflow-y: auto;
}

@media (min-width: 992px) {
  .sidenavigation {
    max-width: 248px;
  }
}

@media (max-width: 1399px) {
  .sidenavigation {
    left: 50px;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  .sidenavigation {
    left: 22px;
    max-width: 220px;
  }
}

@media (max-width: 991px) {
  .sidenavigation {
    top: 80px;
    right: 0;
    left: 0;
    z-index: 12;
    gap: 54px;
    width: 100%;
    height: calc(100% - 80px);
    padding: 48px 24px 36px;
    visibility: hidden;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

@media (min-width: 992px) {
  .sidenavigation::-webkit-scrollbar {
    background-color: transparent;
  }
}

@media (max-width: 991px) {
  .sidenavigation.-is-open {
    visibility: visible;
    opacity: 1;
  }
}

.sidenavigation__logo {
  display: block;
  width: 144px;
  line-height: 1;
}

@media (max-width: 991px) {
  .sidenavigation__logo {
    display: none;
  }
}

@media (min-width: 992px) {
  .sidenavigation__logo svg {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .sidenavigation__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}

@media (max-width: 991px) {
  .sidenavigation__wrap {
    border-top: 1px solid #ecdff5;
  }
}

@media (max-width: 991px) {
  .sidenavigation__list {
    border-bottom: 1px solid #ecdff5;
  }
}

.sidenavigation__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
  font-weight: 500;
}

@media (max-width: 991px) {
  .sidenavigation__link {
    padding: 24px 0;
  }
}

.sidenavigation__submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 991px) {
  .sidenavigation__submenu {
    gap: 32px;
  }
}

.input__text,
.input__date,
.input__password {
  width: 100%;
  height: 100%;
  padding: 7px 12px;
  background: no-repeat;
  background-color: #fff;
  border: 1px solid #cbcdce;
}

.input__text.-error-form,
.input__date.-error-form,
.input__password.-error-form {
  border-color: #c60415;
}

.input__text:disabled {
  background-color: #f7f7f7;
}

.input__text:disabled::-webkit-input-placeholder {
  color: #cdcdcd;
}

.input__text:disabled::-moz-placeholder {
  color: #cdcdcd;
}

.input__text:disabled:-ms-input-placeholder {
  color: #cdcdcd;
}

.input__text:disabled::-ms-input-placeholder {
  color: #cdcdcd;
}

.input__text:disabled::placeholder {
  color: #cdcdcd;
}

.input__date {
  padding-right: 34px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20fill-opacity%3D%220.01%22%2F%3E%3Cg%20clip-path%3D%22url(%23clip0_3219_27231)%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20transform%3D%22translate(1%201)%22%20fill%3D%22white%22%20fill-opacity%3D%220.01%22%2F%3E%3Cg%20clip-path%3D%22url(%23clip1_3219_27231)%22%3E%3Cpath%20d%3D%22M11.9375%200.998657C12.0535%200.998657%2012.165%201.04552%2012.2471%201.12756C12.329%201.2095%2012.3749%201.3203%2012.375%201.43616V1.87366H13.25C13.7141%201.87366%2014.1601%202.05816%2014.4883%202.38635C14.8164%202.71443%2014.9999%203.15971%2015%203.62366V13.2487C15%2013.7128%2014.8165%2014.1588%2014.4883%2014.4869C14.1601%2014.8151%2013.7141%2014.9987%2013.25%2014.9987H2.75C2.28605%2014.9985%201.84077%2014.815%201.5127%2014.4869C1.18451%2014.1588%201%2013.7128%201%2013.2487V3.62366C1.00013%203.1597%201.18462%202.71443%201.5127%202.38635C1.84077%202.05828%202.28605%201.87379%202.75%201.87366H3.625V1.43616C3.62513%201.3203%203.67197%201.2095%203.75391%201.12756C3.83584%201.04563%203.94664%200.998785%204.0625%200.998657C4.17853%200.998657%204.29002%201.04552%204.37207%201.12756C4.454%201.2095%204.49987%201.3203%204.5%201.43616V1.87366H11.5V1.43616C11.5001%201.3203%2011.547%201.2095%2011.6289%201.12756C11.7108%201.04563%2011.8216%200.998785%2011.9375%200.998657ZM1.875%2013.2487C1.875%2013.4807%201.96774%2013.7037%202.13184%2013.8678C2.29582%2014.0318%202.51811%2014.1235%202.75%2014.1237H13.25C13.4821%2014.1237%2013.705%2014.0319%2013.8691%2013.8678C14.0332%2013.7037%2014.125%2013.4807%2014.125%2013.2487V4.49866H1.875V13.2487ZM10.1875%207.12366C10.245%207.12366%2010.3024%207.13484%2010.3555%207.15686C10.4086%207.17892%2010.4574%207.21084%2010.498%207.25159C10.5388%207.29223%2010.5707%207.34102%2010.5928%207.39417C10.6147%207.44713%2010.6259%207.50383%2010.626%207.56116C10.626%207.61865%2010.6148%207.67601%2010.5928%207.72913C10.5707%207.78228%2010.5388%207.83106%2010.498%207.8717L7.87305%2010.4967C7.83241%2010.5374%207.78362%2010.5694%207.73047%2010.5914C7.67736%2010.6134%207.62%2010.6246%207.5625%2010.6246C7.50517%2010.6246%207.44847%2010.6134%207.39551%2010.5914C7.34236%2010.5694%207.29357%2010.5374%207.25293%2010.4967L5.94043%209.1842C5.89975%209.14353%205.86772%209.09477%205.8457%209.04163C5.82373%208.98852%205.8125%208.93113%205.8125%208.87366C5.81256%208.81635%205.82379%208.75962%205.8457%208.70667C5.86772%208.65352%205.89975%208.60476%205.94043%208.56409C6.02247%208.48205%206.134%208.43629%206.25%208.43616C6.30747%208.43616%206.36487%208.44739%206.41797%208.46936C6.47112%208.49137%206.51987%208.52341%206.56055%208.56409L7.5625%209.56799L9.87793%207.25159C9.91857%207.21084%209.96736%207.17892%2010.0205%207.15686C10.0735%207.1349%2010.1302%207.12372%2010.1875%207.12366Z%22%20fill%3D%22%236C757D%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_3219_27231%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22translate(1%201)%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip1_3219_27231%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22%20transform%3D%22translate(1%201)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  background-position: center right 12px;
}

.textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  width: 100%;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #cbcdce;
}

.textarea:focus,
.textarea:focus-visible {
  outline: #6d50b9 auto 2px;
}

.textarea.-error-form {
  border-color: #c60415;
}

.select {
  width: 100%;
  height: 100%;
  padding: 8px 34px 8px 12px;
  cursor: pointer;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.5%203.75L6%208.25L10.5%203.75%22%20stroke%3D%22%23343A40%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat center right 12px;
  background-color: #fff;
  border: 1px solid #cbcdce;
}

.select:focus,
.select:focus-visible {
  outline: #6d50b9 auto 2px;
}

.select.-error-form {
  border-color: #c60415;
}

.checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.checkbox.-error-form {
  color: #c60415;
}

.checkbox:has(.checkbox__input:disabled) {
  cursor: not-allowed;
}

.checkbox__input,
.checkbox__confirm {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.checkbox__input {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #cbcdce;
  border-radius: 4px;
}

.checkbox__input:checked {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3219_26581%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2224%22%3E%20%3Crect%20x%3D%220.5%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3219_26581)%22%3E%20%3Cpath%20d%3D%22M10.5%2016.4L6.5%2012.4L7.9%2011L10.5%2013.6L17.1%207L18.5%208.4L10.5%2016.4Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 50% 50%/24px 24px;
  background-color: #3b1e87;
  border-color: #3b1e87;
}

.checkbox__input:disabled,
.checkbox__input:disabled + .checkbox__parts {
  opacity: 0.3;
}

.checkbox__input:not(:disabled) {
  cursor: pointer;
}

.checkbox__input.-error-form {
  border-color: #c60415;
}

.checkbox__input.-error-form:checked {
  background-color: #c60415;
}

.radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.radio.-error-form {
  color: #c60415;
}

.radio:has(.radio__input:disabled) {
  cursor: not-allowed;
}

.radio__input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #cbcdce;
  border-radius: 50%;
}

.radio__input:checked {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2211.5%22%20fill%3D%22%233B1E87%22%20stroke%3D%22%233B1E87%22%2F%3E%20%3Ccircle%20cx%3D%2211.8828%22%20cy%3D%2211.8845%22%20r%3D%226%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat 50% 50%/24px 24px;
  border-color: #3b1e87;
}

.radio__input:disabled,
.radio__input:disabled + .radio__parts {
  opacity: 0.3;
}

.radio__input:not(:disabled) {
  cursor: pointer;
}

.radio__input.-error-form {
  border-color: #c60415;
}

.radio__input.-error-form:checked {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%228%22%20fill%3D%22%23C60415%22%2F%3E%20%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%228%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
}

.radio__wrap {
  padding-left: 32px;
  border-left: 1px solid #cbcdce;
}

.radio__wrap.-disabled {
  border-color: rgb(203 205 206 / 30%);
}

.button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 13px;
  color: #fff;
  background-color: #6b6675;
}

.button__password,
.button__upload,
.button__negative,
.button__negative-solid-fill,
.button__primary,
.button__tertiary,
.button__close,
.button__show-all,
.button__privacypolicy,
.button__modal {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.button__password:hover,
.button__upload:hover,
.button__negative:hover,
.button__negative-solid-fill:hover,
.button__primary:hover {
  opacity: 0.7;
}

.button__negative:hover,
.button__negative-solid-fill:hover,
.button__primary:hover,
.button__tertiary:hover,
.button__close:hover,
.button__show-all:hover,
.button__privacypolicy:hover,
.button__modal:hover {
  opacity: 1;
}

.button__negative,
.button__negative-solid-fill,
.button__primary,
.button__tertiary,
.button__close,
.button__privacypolicy,
.button__modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.button__negative,
.button__negative-solid-fill,
.button__primary,
.button__tertiary,
.button__close {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.button__password {
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  width: 32px;
  height: 32px;
  margin: auto 0;
  line-height: 0;
  cursor: pointer;
}

.button__upload {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 13px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  background: #6b6675;
}

.button__upload::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M15.5%209.89941C15.6326%209.89941%2015.7597%209.95213%2015.8535%2010.0459C15.9472%2010.1396%2016%2010.2669%2016%2010.3994V12.8994C15.9999%2013.4297%2015.7891%2013.9385%2015.4141%2014.3135C15.039%2014.6884%2014.5303%2014.8994%2014%2014.8994H2C1.46965%2014.8994%200.960993%2014.6884%200.585938%2014.3135C0.210948%2013.9385%209.3174e-05%2013.4297%200%2012.8994V10.3994C0%2010.2669%200.0528261%2010.1396%200.146484%2010.0459C0.240253%209.95213%200.367392%209.89941%200.5%209.89941C0.632608%209.89941%200.759747%209.95213%200.853516%2010.0459C0.947174%2010.1396%201%2010.2669%201%2010.3994V12.8994C1.00009%2013.1645%201.10552%2013.419%201.29297%2013.6064C1.48049%2013.7939%201.73487%2013.8994%202%2013.8994H14C14.2651%2013.8994%2014.5195%2013.7939%2014.707%2013.6064C14.8945%2013.419%2014.9999%2013.1645%2015%2012.8994V10.3994C15%2010.2669%2015.0528%2010.1396%2015.1465%2010.0459C15.2403%209.95213%2015.3674%209.89941%2015.5%209.89941ZM8%200.998047C8.06567%200.998047%208.13074%201.011%208.19141%201.03613C8.25214%201.06134%208.30707%201.09895%208.35352%201.14551L11.3535%204.14551C11.4474%204.23939%2011.501%204.36626%2011.501%204.49902C11.501%204.6318%2011.4474%204.75963%2011.3535%204.85352C11.2597%204.94711%2011.1326%205%2011%205C10.8674%205%2010.7403%204.94711%2010.6465%204.85352L8.5%202.70605V11.499C8.5%2011.6316%208.44727%2011.7588%208.35352%2011.8525C8.25975%2011.9463%208.13261%2011.999%208%2011.999C7.86739%2011.999%207.74025%2011.9463%207.64648%2011.8525C7.55273%2011.7588%207.5%2011.6316%207.5%2011.499V2.70605L5.35352%204.85352C5.30713%204.89978%205.25194%204.93684%205.19141%204.96191C5.13074%204.987%205.06565%205%205%205C4.93435%205%204.86926%204.987%204.80859%204.96191C4.74806%204.93684%204.69287%204.89978%204.64648%204.85352C4.6%204.80703%204.56227%204.75117%204.53711%204.69043C4.51204%204.62978%204.49902%204.56465%204.49902%204.49902C4.49903%204.43338%204.51202%204.36827%204.53711%204.30762C4.56227%204.24688%204.6%204.192%204.64648%204.14551L7.64648%201.14551C7.69293%201.09895%207.74786%201.06134%207.80859%201.03613C7.86926%201.011%207.93433%200.998047%208%200.998047Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
}

.button__upload-input {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  opacity: 0;
}

.button__negative,
.button__negative-solid-fill,
.button__tertiary,
.button__close,
.button__privacypolicy,
.button__modal {
  color: #333;
  border: 1px solid;
}

.button__negative {
  color: #c60415;
  border-color: #c60415;
}

.button__negative:hover {
  background-color: #fff0f0;
}

.button__negative-solid-fill {
  color: #fff;
  background-color: #dc3544;
  border-color: #dc3544;
}

.button__negative-solid-fill:hover {
  color: #dc3544;
  background-color: #fff;
}

.button__primary,
.button__show-all {
  color: #fff;
  background-color: #3b1e87;
}

.button__primary:hover,
.button__show-all:hover {
  background-color: #5e44a5;
}

.button__primary:disabled {
  background-color: #cec7e1;
}

.button__tertiary,
.button__close {
  border-color: #cbcdce;
}

.button__tertiary:hover,
.button__close:hover {
  background-color: #f6f6f6;
}

.button__tertiary {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3219_27645%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3219_27645)%22%3E%20%3Cpath%20d%3D%22M13.0013%2017.4224L5.57812%209.9993L13.0013%202.57617L13.825%203.39992L7.22562%209.9993L13.825%2016.5987L13.0013%2017.4224Z%22%20fill%3D%22%231C1B1F%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center left 24px/20px 20px;
}

.button__privacypolicy {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  border-color: #212529;
}

.button__privacypolicy::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3219_27062%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3219_27062)%22%3E%20%3Cpath%20d%3D%22M4.75776%2016.5834C4.38262%2016.5834%204.06554%2016.4539%203.80651%2016.1949C3.54748%2015.9358%203.41797%2015.6188%203.41797%2015.2436V4.75654C3.41797%204.3814%203.54748%204.06432%203.80651%203.80529C4.06554%203.54626%204.38262%203.41675%204.75776%203.41675H9.68068V4.50008H4.75776C4.69359%204.50008%204.63484%204.52682%204.58151%204.58029C4.52804%204.63362%204.5013%204.69237%204.5013%204.75654V15.2436C4.5013%2015.3078%204.52804%2015.3665%204.58151%2015.4199C4.63484%2015.4733%204.69359%2015.5001%204.75776%2015.5001H15.2448C15.309%2015.5001%2015.3678%2015.4733%2015.4211%2015.4199C15.4746%2015.3665%2015.5013%2015.3078%2015.5013%2015.2436V10.3207H16.5846V15.2436C16.5846%2015.6188%2016.4551%2015.9358%2016.1961%2016.1949C15.9371%2016.4539%2015.62%2016.5834%2015.2448%2016.5834H4.75776ZM8.07984%2012.6955L7.30589%2011.9215L14.7273%204.50008H12.0013V3.41675H16.5846V8.00008H15.5013V5.27404L8.07984%2012.6955Z%22%20fill%3D%22%23242129%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
}

.button__privacypolicy:hover {
  background-color: #f7f7f7;
}

.button__privacypolicy-wrap {
  margin-left: 36px;
}

.button__show-all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 8px 4px 16px;
}

.button__show-all::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3219_27890%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3219_27890)%22%3E%20%3Cpath%20d%3D%22M12%2015L7%2010H17L12%2015Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
}

.button__show-all.-is-show::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3219_27898%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2225%22%20height%3D%2224%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20transform%3D%22matrix(1%200%200%20-1%200.5%2024)%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3219_27898)%22%3E%20%3Cpath%20d%3D%22M12.5%209L7.5%2014H17.5L12.5%209Z%22%20fill%3D%22white%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.button__modal {
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
  color: #3b1e87;
  text-align: left;
  border-color: #3b1e87;
}

.button__modal::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3562_28175%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3562_28175)%22%3E%20%3Cpath%20d%3D%22M11%2017H13V13H17V11H13V7H11V11H7V13H11V17ZM12%2022C10.6167%2022%209.31667%2021.7375%208.1%2021.2125C6.88333%2020.6875%205.825%2019.975%204.925%2019.075C4.025%2018.175%203.3125%2017.1167%202.7875%2015.9C2.2625%2014.6833%202%2013.3833%202%2012C2%2010.6167%202.2625%209.31667%202.7875%208.1C3.3125%206.88333%204.025%205.825%204.925%204.925C5.825%204.025%206.88333%203.3125%208.1%202.7875C9.31667%202.2625%2010.6167%202%2012%202C13.3833%202%2014.6833%202.2625%2015.9%202.7875C17.1167%203.3125%2018.175%204.025%2019.075%204.925C19.975%205.825%2020.6875%206.88333%2021.2125%208.1C21.7375%209.31667%2022%2010.6167%2022%2012C22%2013.3833%2021.7375%2014.6833%2021.2125%2015.9C20.6875%2017.1167%2019.975%2018.175%2019.075%2019.075C18.175%2019.975%2017.1167%2020.6875%2015.9%2021.2125C14.6833%2021.7375%2013.3833%2022%2012%2022ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z%22%20fill%3D%22%233B1E87%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
}

.button__modal:hover {
  color: #fff;
  background-color: #3b1e87;
}

.button__modal:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3562_28175%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2224%22%20height%3D%2224%22%3E%20%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3562_28175)%22%3E%20%3Cpath%20d%3D%22M11%2017H13V13H17V11H13V7H11V11H7V13H11V17ZM12%2022C10.6167%2022%209.31667%2021.7375%208.1%2021.2125C6.88333%2020.6875%205.825%2019.975%204.925%2019.075C4.025%2018.175%203.3125%2017.1167%202.7875%2015.9C2.2625%2014.6833%202%2013.3833%202%2012C2%2010.6167%202.2625%209.31667%202.7875%208.1C3.3125%206.88333%204.025%205.825%204.925%204.925C5.825%204.025%206.88333%203.3125%208.1%202.7875C9.31667%202.2625%2010.6167%202%2012%202C13.3833%202%2014.6833%202.2625%2015.9%202.7875C17.1167%203.3125%2018.175%204.025%2019.075%204.925C19.975%205.825%2020.6875%206.88333%2021.2125%208.1C21.7375%209.31667%2022%2010.6167%2022%2012C22%2013.3833%2021.7375%2014.6833%2021.2125%2015.9C20.6875%2017.1167%2019.975%2018.175%2019.075%2019.075C18.175%2019.975%2017.1167%2020.6875%2015.9%2021.2125C14.6833%2021.7375%2013.3833%2022%2012%2022ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}

.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}

.tag__required,
.tag__color,
.tag__parma,
.tag__haircare,
.tag__others {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tag__required {
  padding: 4.5px 7.5px;
  color: #fff;
  background-color: #212529;
}

.tag__color,
.tag__parma,
.tag__haircare,
.tag__others {
  padding: 4px 8px;
  border: 1px solid;
}

.tag__color {
  color: #15575e;
  background-color: #f0fbfc;
  border-color: #c0e4e8;
}

.tag__parma {
  color: #8c3131;
  background-color: #fcf0f0;
  border-color: #ffc9c9;
}

.tag__haircare {
  color: #634c00;
  background-color: #fcf7e6;
  border-color: #ffe89e;
}

.tag__others {
  color: #54526c;
  background-color: #e7e6f1;
  border-color: #bcbad3;
}

.label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.alert__success,
.alert__danger,
.alert__warning,
.alert__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border: 1px solid;
}

.alert__success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.alert__danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f8d7da;
}

.alert__warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.alert__info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

.alert__ng,
.alert__ok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 16px;
  border: 2px solid;
}

.alert__ng {
  color: #c60415;
  border-color: #c60415;
}

.alert__ng-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 16px 0;
  background-color: #ffebeb;
}

.alert__ok {
  color: #3b1e87;
  border-color: #3b1e87;
}

.alert__normal {
  padding: 12px 16px;
  background: #f5f5f5;
}

.line {
  height: 1px;
  background-image: linear-gradient(to right, rgb(33 37 41 / 25%) 3px, transparent 2px);
  background-repeat: repeat-x;
  background-position: left top;
  background-size: 6px 1px;
}

.headline {
  padding-bottom: 16px;
  font-size: 2rem;
  line-height: 120%;
  color: #3b1e87;
  border-bottom: 1px solid #cec7e1;
}

.heading__18,
.heading__20,
.heading__24 {
  font-style: normal;
  font-weight: 500;
}

.heading__18,
.heading__24 {
  line-height: 135%;
}

.heading__18 {
  font-size: 18px;
}

.heading__20 {
  font-size: 20px;
  line-height: 135%;
}

.heading__24 {
  font-size: 24px;
}

.image__check {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  color: #5e5e5e;
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.breadcrumb__list:not(:last-child)::after {
  content: "/";
  color: #cbcdce;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

@media (max-width: 767px) {
  .pagination {
    gap: 6px;
  }
}

.pagination__list,
.pagination__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #3b1e87;
  border-radius: 8px;
}

.pagination__list {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.pagination__list.-is-current {
  width: 48px;
  height: 48px;
  color: #fff;
  background-color: #3b1e87;
  border: 1px solid #3b1e87;
}

@media (max-width: 575px) {
  .pagination__list.-is-current {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 375px) {
  .pagination__list.-is-current {
    width: 37px;
  }
}

.pagination__list:first-child,
.pagination__list:nth-child(2),
.pagination__list:nth-last-child(2),
.pagination__list:last-child,
.pagination__list.-is-current,
.pagination__list:has(+ .pagination__list.-is-current),
.pagination__list.-is-current + .pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

@media (max-width: 575px) {
  .pagination__list:first-child,
  .pagination__list:nth-child(2),
  .pagination__list:nth-last-child(2),
  .pagination__list:last-child,
  .pagination__list.-is-current,
  .pagination__list:has(+ .pagination__list.-is-current),
  .pagination__list.-is-current + .pagination__list {
    gap: 6px;
  }
}

.pagination__list:has(+ .pagination__list.-is-current):not(:first-child, :nth-child(2))::before,
.pagination__list.-is-current + .pagination__list:not(:last-child, :nth-last-child(2), :nth-last-child(3))::after {
  content: "...";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
  font-size: 1.2rem;
}

.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border: 1px solid #3b1e87;
}

@media (max-width: 575px) {
  .pagination__link {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 375px) {
  .pagination__link {
    width: 37px;
    height: 40px;
  }
}

.pagination__link:hover {
  background-color: #ede3fa;
  opacity: 1;
}

.link__item,
.link__list-href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.link__item::after,
.link__list-href::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%20%3Cmask%20id%3D%22mask0_3219_27612%22%20style%3D%22mask-type%3Aalpha%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2220%22%20height%3D%2220%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22%23D9D9D9%22%2F%3E%20%3C%2Fmask%3E%20%3Cg%20mask%3D%22url(%23mask0_3219_27612)%22%3E%20%3Cpath%20d%3D%22M5.9913%2017.7115L4.87109%2016.5913L11.4623%2010L4.87109%203.40878L5.9913%202.28857L13.7028%2010L5.9913%2017.7115Z%22%20fill%3D%22%23242129%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
}

.link__item:hover,
.link__list-href:hover {
  opacity: 1;
}

.link__item-wrap,
.link__list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.link__item {
  gap: 18px;
  height: 100%;
  padding: 24px;
  background: #fff;
  -webkit-box-shadow: 0 0 1px 0 rgb(78 75 86 / 16%), 0 3px 7px 3px rgb(78 75 86 / 10%), 0 1px 3px 0 rgb(78 75 86 / 25%);
          box-shadow: 0 0 1px 0 rgb(78 75 86 / 16%), 0 3px 7px 3px rgb(78 75 86 / 10%), 0 1px 3px 0 rgb(78 75 86 / 25%);
}

@media (max-width: 767px) {
  .link__item {
    padding: 30px 24px;
  }
}

.link__item:hover {
  -webkit-box-shadow: 0 0 1px 0 rgb(78 75 86 / 16%), 0 1px 3px 0 rgb(78 75 86 / 25%);
          box-shadow: 0 0 1px 0 rgb(78 75 86 / 16%), 0 1px 3px 0 rgb(78 75 86 / 25%);
}

.link__item-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 38px);
}

.link__item-text {
  width: calc(100% - 48px);
}

.link__list {
  border-top: 1px solid #cbcdce;
}

.link__list-item {
  border-bottom: 1px solid #cbcdce;
}

.link__list-href {
  padding: 20px 12px;
}

.link__list-href:hover {
  background-color: #f7f7f7;
}

.link__list-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 20px);
}

.link__list-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.link__list-date {
  color: #5e5e5e;
}

.step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.step__list,
.step__wrap,
.step__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.step__list {
  gap: 12px;
  text-align: center;
}

.step__list:not(:last-child)::after {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  margin-top: 14px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2220%22%20viewBox%3D%220%200%2012%2020%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1.35353%2019.8916C1.18557%2019.8916%201.01367%2019.8252%200.884766%2019.6963C0.626953%2019.4385%200.626953%2019.0166%200.884766%2018.7588L9.70898%209.93457L1.01367%201.23926C0.755859%200.981445%200.755859%200.55957%201.01367%200.301758C1.27148%200.0439452%201.69336%200.0439452%201.95117%200.301758L11.1191%209.46582C11.377%209.72363%2011.377%2010.1455%2011.1191%2010.4033L1.82617%2019.6963C1.69336%2019.8291%201.52541%2019.8916%201.35353%2019.8916Z%22%20fill%3D%22%23E1DDEC%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
}

.step__wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.step__number {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #f1f4f5;
  border-radius: 50%;
}

.step__number.-is-current {
  background-color: #3b1e87;
}

.step__title {
  color: #5e5e5e;
}

.step__title.-is-current {
  color: #3b1e87;
}

.tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  background-color: #f5f5f5;
  border-radius: 8px;
}

.tab__list,
.tab__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab__list {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.tab__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 48px;
  color: #5e5e5e;
  border-radius: 6px;
}

.tab__button:hover {
  background-color: #e5e5e5;
  opacity: 1;
}

.tab__button.-is-current {
  font-weight: 500;
  color: #242129;
  background-color: #fff;
  -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 14%);
          box-shadow: 0 0 5px 0 rgb(0 0 0 / 14%);
}

.tab__contents-list {
  height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tab__contents-list.-is-show {
  height: auto;
  overflow: inherit;
  visibility: visible;
  opacity: 1;
}

.copyright {
  color: #5e5e5e;
  text-align: center;
}

.monitor__list {
  padding: 2px;
  background-color: #fff;
  border-radius: 16px;
  -webkit-box-shadow: 0 0 2px 0 rgb(78 75 86 / 30%), 0 2px 3px 1px rgb(78 75 86 / 15%);
          box-shadow: 0 0 2px 0 rgb(78 75 86 / 30%), 0 2px 3px 1px rgb(78 75 86 / 15%);
}

.monitor__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 30px 22px;
}

.monitor__items,
.monitor__items-list {
  gap: 8px;
}

.monitor__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .monitor__items-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.monitor__items-name {
  color: #5e5e5e;
}

@media (min-width: 768px) {
  .monitor__items-name {
    word-break: keep-all;
  }
}

.monitor__text {
  display: -webkit-box;
  overflow: hidden;
  color: #5e5e5e;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.monitor__rejected,
.monitor__applied {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  margin-bottom: -6px;
  letter-spacing: 0.7px;
  border-radius: 15px 15px 0 0;
}

.monitor__rejected::before,
.monitor__applied::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: no-repeat 0 0/contain;
}

.monitor__rejected {
  color: #5e5e5e;
  background-color: #ededed;
}

.monitor__rejected::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M15.5%203.14275L13.3573%201L8%206.35725L2.64275%201L0.5%203.14275L5.85725%208.5L0.5%2013.8573L2.64275%2016L8%2010.6427L13.3573%2016L15.5%2013.8573L10.1427%208.5L15.5%203.14275Z%22%20fill%3D%22%235E5E5E%22%2F%3E%3C%2Fsvg%3E");
}

.monitor__applied {
  color: #1a8754;
  background-color: #e4f5e7;
}

.monitor__applied::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M5.4343%2014.2314L0.234305%209.03136C-0.0781016%208.71895%20-0.0781016%208.21242%200.234305%207.89998L1.36565%206.76861C1.67805%206.45617%202.18462%206.45617%202.49702%206.76861L5.99999%2010.2715L13.503%202.76861C13.8154%202.4562%2014.3219%202.4562%2014.6343%202.76861L15.7657%203.89998C16.0781%204.21239%2016.0781%204.71892%2015.7657%205.03136L6.56568%2014.2314C6.25324%2014.5438%205.74671%2014.5438%205.4343%2014.2314Z%22%20fill%3D%22%231A8754%22%2F%3E%3C%2Fsvg%3E");
}

.hide-parts {
  position: relative;
}

.hide-parts__button {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  margin-top: 8px;
  text-align: center;
}

.hide-parts__button.-is-show {
  position: static;
}

.hide-parts__button.-is-hide {
  display: none;
}

.hide-parts__textarea {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  overflow: hidden;
}

.hide-parts__textarea.-is-hide {
  height: 144px;
}

.hide-parts__textarea.-is-hide::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 96px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255 255 255 / 0%)), to(#fff));
  background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, #fff 100%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hide-parts__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.schedule {
  overflow: hidden;
  border: 1px solid #cbcdce;
  border-radius: 16px;
}

.schedule__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 24px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #cbcdce;
}

.schedule__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 24px;
}

@media (min-width: 768px) {
  .schedule__list {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
  }
}

.schedule__list:not(:last-child) {
  border-bottom: 1px solid #cbcdce;
}

.schedule__title {
  color: #5e5e5e;
}

.schedule__time-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
}

.schedule__time-list::before {
  content: "・";
}

.date-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding: 28px;
  overflow: hidden;
  background-color: #f7f7f7;
  border: 1px solid #cbcdce;
  border-radius: 16px;
}

.date-selection__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #cbcdce;
}

.date-selection__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.date-selection__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .date-selection__list {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
  }
}

.date-selection__title {
  color: #3b1e87;
}

.date-selection__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.date-selection__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 28px 24px;
}

@media (min-width: 768px) {
  .date-selection__time {
    margin-left: 12px;
  }
}

.date-selection__time-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.img__hair {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 116px;
  height: 116px;
  aspect-ratio: 1/1;
  border-radius: 2px;
}

.img__no-image {
  width: 86px;
  height: 86px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}

.img__profile {
  width: 86px;
  height: 86px;
  margin-right: auto;
  border-radius: 2px;
  -o-object-fit: contain;
     object-fit: contain;
}

.special-button__radio {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 16px 8px;
  background-color: #fff;
  border-radius: 5px;
}

.special-button__radio::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 1px solid #cdd2d7;
  border-radius: 5px;
}

.special-button__radio:has(.special-button__radio-input:checked) {
  background-color: #f8f5ff;
  border-color: transparent;
}

.special-button__radio:has(.special-button__radio-input:checked)::after {
  top: -2px;
  left: -2px;
  border: 2px solid #6d50b9;
}

.special-button__radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.special-button__radio.-error-form::after {
  border-color: #c60415;
}

.notes__list::before {
  content: "※";
}

.blank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 48px 24px;
  background: #f7f7f7;
  border: 1px solid #cbcdce;
}

.terms {
  padding: 24px;
  background: #f7f7f7;
}

.terms__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-height: 248px;
  overflow-y: auto;
}

.list__disc {
  margin-left: 1.8em;
  list-style-type: disc;
}

.list__decimal {
  padding-left: 1.5em;
  list-style-type: decimal;
}

.list__star::before {
  content: "★";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.modal__inner,
.modal__bg {
  width: 100%;
}

.modal__inner {
  position: relative;
  z-index: 1;
  width: calc(100% - 48px);
  max-width: 800px;
  height: auto;
  max-height: 700px;
  padding: 24px 16px 24px 24px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
}

@media (max-height: 767px) and (min-width: 768px) {
  .modal__inner {
    height: calc(100% - 92px);
  }
}

@media (max-width: 767px) {
  .modal__inner {
    height: calc(100% - 92px);
    max-height: 665px;
  }
}

.modal__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal__close {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.modal__contents {
  padding-right: 8px;
  overflow-y: auto;
}

.modal__bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background: rgb(0 0 0 / 50%);
}

.dz-image {
  -o-object-fit: contain;
     object-fit: contain;
}

.text__16 {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.48px;
}

@-webkit-keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

*[class*="-fadeup"] {
  opacity: 0;
}

*[class*="-fadeup"].-is-animated {
  -webkit-animation-name: fadeup;
          animation-name: fadeup;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
          animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.-fadeup-1 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.-fadeup-2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.-fadeup-3 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.-fadeup-4 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.-fadeup-5 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.-fadeup-6 {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

.-fadeup-7 {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}

.-fadeup-8 {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.-fadeup-9 {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}

@media (min-width: 768px) {
  .-scale {
    -webkit-transition: all 0.5s 0s;
    transition: all 0.5s 0s;
    -webkit-transform: scale(1.05, 1.05);
            transform: scale(1.05, 1.05);
  }
}

@media (min-width: 768px) {
  .-is-scale {
    -webkit-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
}

.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
  background: rgb(255 255 255 / 50%);
}

.loading__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 80px;
  margin: auto;
}

body .modaal-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  min-width: 335px;
  max-width: inherit;
  border-radius: 10px;
}

body .modaal-content-container {
  padding: 40px 68px 40px 67px;
}

@media (max-width: 767px) {
  body .modaal-content-container {
    padding: 40px 17px;
  }
}

body .modaal-confirm-wrap {
  padding-top: 26px;
}

body .modaal-confirm-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 200px;
  height: 50px;
  margin: 0 auto;
  font-size: 1.5rem;
}

body .modaal-confirm-btn.modaal-ok,
body .modaal-confirm-btn.modaal-cancel {
  border-radius: 25px;
}

body .modaal-confirm-btn.modaal-ok {
  margin-bottom: 20px;
  background: #333;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

body .modaal-confirm-btn.modaal-cancel {
  text-decoration: none;
  border: 1px solid #333;
}

body .modaal-overlay {
  opacity: 0.7 !important;
}

.fc .fc-toolbar-title {
  font-size: 1.4rem;
  color: #888;
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 9px;
}

.fc .fc-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 70px;
  height: 33px;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.fc .fc-button-primary {
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
}

.fc .fc-prev-button,
.fc .fc-next-button {
  background-repeat: no-repeat;
  background-size: 5px 10px;
}

.fc .fc-prev-button {
  padding-left: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%209L1%205.29412L4%201.58824%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-position: top 50% left 10px;
}

.fc .fc-prev-button:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4%209L1%205.29412L4%201.58824%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.fc .fc-next-button {
  padding-right: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%209L4%205.29412L1%201.58824%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-position: top 50% right 10px;
}

.fc .fc-next-button:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%209L4%205.29412L1%201.58824%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.fc .fc-daygrid-day.fc-day-today {
  background: rgb(221 0 51 / 20%);
}

.fc .fc-col-header-cell {
  border-bottom: 2px solid #ddd;
}

.fc .fc-col-header-cell-cushion {
  font-size: 1.2rem;
  font-weight: 400;
  color: #888;
}

.fc .fc-col-header-cell.fc-day-sun {
  background: #fdd;
}

.fc .fc-col-header-cell.fc-day-sat {
  background: #cff;
}

.fc .fc-col-header-cell .fc-day-sun {
  background: #fdd;
}

.fc .fc-col-header-cell .fc-day-sat {
  background: #cff;
}

.fc .fc-col-header-cell .fc-scrollgrid-sync-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 23px;
}

.fc .fc-daygrid-day-top {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
}

.fc .fc-daygrid-day-number {
  padding: 5px 5px 2px;
}

.fc .fc-daygrid-day-event {
  margin-top: 0;
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
  min-height: 1.25em;
  margin-bottom: 5px;
}

.fc .fc-event {
  text-align: center;
}

.fc .fc-event-title {
  padding: 0;
  overflow: inherit;
  white-space: normal;
}

.fc .fc-today-button {
  width: auto;
  height: auto;
  color: #333;
  background-color: transparent;
  border: 0;
}

.fc .fc-today-button:hover {
  color: #333;
  background: none;
}

.fc .fc-today-button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.fc .fc-today-button:not(:disabled):active {
  color: #333;
  background: none;
  border: 0;
}

.fc-toolbar-chunk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fc-toolbar-title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fc-toolbar-title::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  margin-left: 0.7em;
  background: #bbb;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start {
  margin-right: 6px;
}

@media (max-width: 767px) {
  .fc-direction-ltr .fc-daygrid-event.fc-event-start {
    margin-right: 8px;
  }
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end {
  margin-left: 6px;
}

@media (max-width: 767px) {
  .fc-direction-ltr .fc-daygrid-event.fc-event-end {
    margin-left: 8px;
  }
}

.fc-h-event {
  font-size: 1.1rem;
  font-weight: 600;
}

.dropzone.dz-message {
  width: 136.25px;
  min-height: 48px;
  padding: 0;
  border: 0;
}

.dropzone.dz-message.dz-clickable {
  cursor: default;
}

.dropzone.dz-message.dz-clickable .dz-message {
  cursor: default;
}

.dropzone.dz-message .dz-message {
  margin: 0;
  text-align: left;
}

.dropzone.dz-message .dz-message .dz-button {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 13px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  background: #6b6675;
  border-radius: 6px;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.dropzone.dz-message .dz-message .dz-button::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M15.5%209.89941C15.6326%209.89941%2015.7597%209.95213%2015.8535%2010.0459C15.9472%2010.1396%2016%2010.2669%2016%2010.3994V12.8994C15.9999%2013.4297%2015.7891%2013.9385%2015.4141%2014.3135C15.039%2014.6884%2014.5303%2014.8994%2014%2014.8994H2C1.46965%2014.8994%200.960993%2014.6884%200.585938%2014.3135C0.210948%2013.9385%209.3174e-05%2013.4297%200%2012.8994V10.3994C0%2010.2669%200.0528261%2010.1396%200.146484%2010.0459C0.240253%209.95213%200.367392%209.89941%200.5%209.89941C0.632608%209.89941%200.759747%209.95213%200.853516%2010.0459C0.947174%2010.1396%201%2010.2669%201%2010.3994V12.8994C1.00009%2013.1645%201.10552%2013.419%201.29297%2013.6064C1.48049%2013.7939%201.73487%2013.8994%202%2013.8994H14C14.2651%2013.8994%2014.5195%2013.7939%2014.707%2013.6064C14.8945%2013.419%2014.9999%2013.1645%2015%2012.8994V10.3994C15%2010.2669%2015.0528%2010.1396%2015.1465%2010.0459C15.2403%209.95213%2015.3674%209.89941%2015.5%209.89941ZM8%200.998047C8.06567%200.998047%208.13074%201.011%208.19141%201.03613C8.25214%201.06134%208.30707%201.09895%208.35352%201.14551L11.3535%204.14551C11.4474%204.23939%2011.501%204.36626%2011.501%204.49902C11.501%204.6318%2011.4474%204.75963%2011.3535%204.85352C11.2597%204.94711%2011.1326%205%2011%205C10.8674%205%2010.7403%204.94711%2010.6465%204.85352L8.5%202.70605V11.499C8.5%2011.6316%208.44727%2011.7588%208.35352%2011.8525C8.25975%2011.9463%208.13261%2011.999%208%2011.999C7.86739%2011.999%207.74025%2011.9463%207.64648%2011.8525C7.55273%2011.7588%207.5%2011.6316%207.5%2011.499V2.70605L5.35352%204.85352C5.30713%204.89978%205.25194%204.93684%205.19141%204.96191C5.13074%204.987%205.06565%205%205%205C4.93435%205%204.86926%204.987%204.80859%204.96191C4.74806%204.93684%204.69287%204.89978%204.64648%204.85352C4.6%204.80703%204.56227%204.75117%204.53711%204.69043C4.51204%204.62978%204.49902%204.56465%204.49902%204.49902C4.49903%204.43338%204.51202%204.36827%204.53711%204.30762C4.56227%204.24688%204.6%204.192%204.64648%204.14551L7.64648%201.14551C7.69293%201.09895%207.74786%201.06134%207.80859%201.03613C7.86926%201.011%207.93433%200.998047%208%200.998047Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/contain;
}

.dropzone.dz-message .dz-message .dz-button:hover {
  opacity: 0.7;
}

.dropzone.dz-message .dz-preview {
  margin: 0;
}

.-word-break-all {
  word-break: break-all;
}

.-word-break-keep-all {
  word-break: keep-all;
}

.-underline {
  text-decoration: underline;
}

.-text-link {
  color: #3b1e87;
  text-decoration-line: underline;
  text-decoration-thickness: auto;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-underline-offset: auto;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

.-text-link-arrow {
  padding-right: 10px;
  line-height: normal;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%208.76562L4%205.05974L1%201.35386%22%20stroke%3D%22%23333333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") no-repeat top 5px right 0/5px 10px;
}

.-text-link-arrow.-color-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%2210%22%20viewBox%3D%220%200%205%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1%208.76562L4%205.05974L1%201.35386%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.-text-emphasis {
  color: #d03;
}

.-font-size-t-12 {
  font-size: 1.2rem;
  line-height: 100%;
}

.-font-size-t-14,
.-font-size-t-16 {
  line-height: 150%;
}

.-font-size-t-14 {
  font-size: 1.4rem;
}

.-font-size-t-15 {
  font-size: 1.5rem;
  line-height: normal;
  letter-spacing: 0.45px;
}

.-font-size-t-16 {
  font-size: 1.6rem;
  letter-spacing: 0.48px;
}

.-font-size-h-18,
.-font-size-h-24 {
  line-height: 135%;
}

.-font-size-h-18 {
  font-size: 1.8rem;
}

.-font-size-h-20 {
  font-size: 2rem;
  line-height: 120%;
}

.-font-size-h-22 {
  font-size: 2.2rem;
  line-height: 145%;
}

.-font-size-h-24 {
  font-size: 2.4rem;
}

.-font-size-h-36 {
  font-size: 3.6rem;
  line-height: 110%;
}

@media (max-width: 767px) {
  .-font-size-h-XS-28 {
    font-size: 2.8rem;
    line-height: 142%;
  }
}

.-font-size-10 {
  font-size: 1rem;
}

.-font-size-11 {
  font-size: 1.1rem;
}

.-font-size-12 {
  font-size: 1.2rem;
}

.-font-size-14 {
  font-size: 1.4rem;
}

.-font-size-15 {
  font-size: 1.5rem;
}

.-font-size-16 {
  font-size: 1.6rem;
}

.-font-size-18 {
  font-size: 1.8rem;
}

.-font-size-19 {
  font-size: 1.9rem;
}

.-font-size-20 {
  font-size: 2rem;
}

.-font-size-22 {
  font-size: 2.2rem;
}

@media (max-width: 767px) {
  .-font-size-XS-10 {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .-font-size-XS-11 {
    font-size: 1.1rem;
  }
}

@media (max-width: 767px) {
  .-font-size-XS-12 {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .-font-size-XS-13 {
    font-size: 1.3rem;
  }
}

@media (max-width: 767px) {
  .-font-size-XS-14 {
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .-font-size-XS-15 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .-font-size-XS-16 {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .-font-size-XS-18 {
    font-size: 1.8rem;
  }
}

@media (max-width: 374px) {
  .-font-size-XXS-11 {
    font-size: 1.1rem;
  }
}

.-font-weight-400 {
  font-weight: 400;
}

.-font-weight-500 {
  font-weight: 500;
}

.-font-weight-600 {
  font-weight: 600;
}

.-font-weight-700 {
  font-weight: 700;
}

.-font-feature-settings-normal {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

.-color-danger {
  color: #c60415;
}

.-color-white {
  color: #fff;
}

.-color-red {
  color: #d03;
}

.-color-text-sub {
  color: #5e5e5e;
}

@media (max-width: 767px) {
  .-color-XS-gray1 {
    color: #888;
  }
}

.-w-100,
.-w-116,
.-w-139,
.-w-145,
.-w-191,
.-w-196,
.-w-217,
.-w-220,
.-w-233,
.-w-237,
.-w-254,
.-w-270,
.-w-326,
.-w-327,
.-w-360,
.-w-444,
.-w-480,
.-w-1116 {
  width: 100%;
}

.-w-116 {
  max-width: 116px;
}

.-w-139 {
  max-width: 139px;
}

.-w-145 {
  max-width: 145px;
}

.-w-191 {
  max-width: 191px;
}

.-w-196 {
  max-width: 196px;
}

.-w-217 {
  max-width: 217px;
}

.-w-220 {
  max-width: 220px;
}

.-w-233 {
  max-width: 233px;
}

.-w-237 {
  max-width: 237px;
}

.-w-254 {
  max-width: 254px;
}

.-w-270 {
  max-width: 270px;
}

.-w-326 {
  max-width: 326px;
}

.-w-327 {
  max-width: 327px;
}

.-w-360 {
  max-width: 360px;
}

.-w-444 {
  max-width: 444px;
}

.-w-480 {
  max-width: 480px;
}

.-w-1116 {
  max-width: 1116px;
}

@media (max-width: 767px) {
  .-w-XS-min-191,
  .-w-XS-min-220,
  .-w-XS-min-326,
  .-w-XS-min-327,
  .-w-XS-min-360,
  .-w-XS-min-444,
  .-w-XS-min-480,
  .-w-XS-min-1116 {
    max-width: inherit;
  }
}

@media (max-width: 767px) {
  .-w-XS-min-220 {
    min-width: 220px;
  }
}

.-h-32 {
  height: 32px;
}

.-h-48 {
  height: 48px;
}

.-h-64 {
  height: 64px;
}

.-h-88 {
  height: 88px;
}

.-h-100 {
  height: 100px;
}

.-h-110 {
  height: 110px;
}

.-h-134 {
  height: 134px;
}

.-h-158 {
  height: 158px;
}

@media (max-width: 767px) {
  .-h-XS-182 {
    height: 182px;
  }
}

.-border-radius-4 {
  border-radius: 4px;
}

.-border-radius-6 {
  border-radius: 6px;
}

.-border-radius-8 {
  border-radius: 8px;
}

.-border-radius-16 {
  border-radius: 16px;
}

.-border-radius-58 {
  border-radius: 58px;
}

.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

.-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .-align-XS-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .-align-XS-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-right: 0;
    margin-left: 0;
    text-align: left;
  }
}

@media (min-width: 576px) {
  .-sm-max-only {
    display: none;
  }
}

.-display-none {
  display: none;
}

.-d-block {
  display: block;
}

.-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.-d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 991px) {
  .-d-LG-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .-d-XS-block {
    display: block;
  }
}

@media (max-width: 767px) {
  .-d-XS-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 767px) {
  .-pc-only {
    display: none;
  }
}

@media (min-width: 768px) {
  .-sp-only {
    display: none;
  }
}

.-flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 767px) {
  .-flex-XS-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.-flex-direction-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.-flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767px) {
  .-flex-direction-XS-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.-justify-content-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.-justify-content-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.-justify-content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 375px) {
  .-justify-content-XS-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.-align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.-align-items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.-align-items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.-align-items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.-align-items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media (max-width: 767px) {
  .-align-items-XS-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .-align-items-XS-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.-gap-4 {
  gap: 4px;
}

.-gap-8 {
  gap: 8px;
}

.-gap-10 {
  gap: 10px;
}

.-gap-12 {
  gap: 12px;
}

.-gap-16 {
  gap: 16px;
}

.-gap-20 {
  gap: 20px;
}

.-gap-24 {
  gap: 24px;
}

.-gap-28 {
  gap: 28px;
}

.-gap-32 {
  gap: 32px;
}

.-gap-40 {
  gap: 40px;
}

.-gap-48 {
  gap: 48px;
}

.-gap-64 {
  gap: 64px;
}

.-gap-72 {
  gap: 72px;
}

.-column-gap-8 {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.-column-gap-12 {
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}

.-column-gap-20 {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.-row-gap-12 {
  row-gap: 12px;
}

.-row-gap-16 {
  row-gap: 16px;
}

.-order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.-order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 767px) {
  .-order-XS-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 767px) {
  .-order-XS-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.-no-wrap {
  display: inline-block;
}

.-border {
  border: 1px solid #f2f2f2;
}

.-border-top {
  border-top: 1px solid #f2f2f2;
}

.-border-bottom {
  border-bottom: 1px solid #f2f2f2;
}

.-border-0 {
  border: 0;
}

.-border-color-gray {
  border-color: #666;
}

.-border-color-light-gray {
  border-color: #ddd;
}

@media (max-width: 767px) {
  .-border-XS-top {
    border-top: 1px solid #f2f2f2;
  }
}

@media (max-width: 767px) {
  .-border-XS-bottom {
    border-bottom: 1px solid #f2f2f2;
  }
}

@media (max-width: 767px) {
  .-border-bottom-width-XS-2 {
    border-bottom-width: 2px;
  }
}

@media (max-width: 767px) {
  .-border-color-XS-light-gray {
    border-color: #ddd;
  }
}

.-border-radius-5 {
  border-radius: 5px;
}

.-border-radius-10 {
  border-radius: 10px;
}

.-border-radius-50 {
  border-radius: 50%;
}

@media (max-width: 767px) {
  .-border-radius-XS-0 {
    border-radius: 0;
  }
}

.-line-height-0 {
  line-height: 0;
}

.-line-height-normal {
  line-height: normal;
}

.-line-height-150 {
  line-height: 150%;
}

.-bg-light-gray {
  background-color: #f2f2f2;
}

@media (min-width: 768px) {
  .-bg-min-light-gray {
    background-color: #f2f2f2;
  }
}

@media (max-width: 767px) {
  .-bg-XS-white {
    background-color: #fff;
  }
}

@media (max-width: 767px) {
  .-bg-XS-light-gray {
    background-color: #f2f2f2;
  }
}

@media (max-width: 767px) {
  .-bg-XS-light-gray3 {
    background-color: #ddd;
  }
}

.-position-relative {
  position: relative;
}

@media (max-width: 767px) {
  .-position-XS-absolute {
    position: absolute;
  }
}

@media (max-width: 767px) {
  .-top-XS-46 {
    top: 46px;
  }
}

@media (max-width: 767px) {
  .-right-XS-0 {
    right: 0;
  }
}

@media (max-width: 767px) {
  .-left-XS-0 {
    left: 0;
  }
}

.-indent-2 {
  padding-left: 2.5em;
}

.-mt-auto {
  margin-top: auto;
}

.-mt-1 {
  margin-top: 1px;
}

.-mt-2 {
  margin-top: 2px;
}

.-mt-4 {
  margin-top: 4px;
}

.-mt-7 {
  margin-top: 7px;
}

.-mt-8 {
  margin-top: 8px;
}

.-mt-9 {
  margin-top: 9px;
}

.-mt-10 {
  margin-top: 10px;
}

.-mt-11 {
  margin-top: 11px;
}

.-mt-14 {
  margin-top: 14px;
}

.-mt-16 {
  margin-top: 16px;
}

.-mt-20 {
  margin-top: 20px;
}

.-mt-23 {
  margin-top: 23px;
}

.-mt-25 {
  margin-top: 25px;
}

.-mt-30 {
  margin-top: 30px;
}

.-mt-60 {
  margin-top: 60px;
}

.-mt-m-6 {
  margin-top: -6px;
}

@media (max-width: 767px) {
  .-mt-XS-5 {
    margin-top: 5px;
  }
}

@media (max-width: 767px) {
  .-mt-XS-14 {
    margin-top: 14px;
  }
}

@media (max-width: 767px) {
  .-mt-XS-15 {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .-mt-XS-19 {
    margin-top: 19px;
  }
}

@media (max-width: 767px) {
  .-mt-XS-23 {
    margin-top: 23px;
  }
}

@media (max-width: 767px) {
  .-mt-XS-85 {
    margin-top: 85px;
  }
}

@media (max-width: 767px) {
  .-mt-XS-140 {
    margin-top: 140px;
  }
}

.-mr-4 {
  margin-right: 4px;
}

.-mr-6 {
  margin-right: 6px;
}

.-mr-7 {
  margin-right: 7px;
}

.-mr-10 {
  margin-right: 10px;
}

.-mr-12 {
  margin-right: 12px;
}

.-mr-14 {
  margin-right: 14px;
}

.-mr-16 {
  margin-right: 16px;
}

.-mr-20 {
  margin-right: 20px;
}

.-mr-24 {
  margin-right: 24px;
}

.-mr-27 {
  margin-right: 27px;
}

.-mr-29 {
  margin-right: 29px;
}

.-mr-30 {
  margin-right: 30px;
}

.-mr-61 {
  margin-right: 61px;
}

.-mr-auto {
  margin-right: auto;
}

.-mr-0 {
  margin-right: 0;
}

@media (max-width: 991px) {
  .-mr-LG-10 {
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .-mr-XS-1 {
    margin-right: 1px;
  }
}

@media (max-width: 767px) {
  .-mr-XS-8 {
    margin-right: 8px;
  }
}

@media (max-width: 767px) {
  .-mr-XS-22 {
    margin-right: 22px;
  }
}

@media (max-width: 767px) {
  .-mr-XS-0 {
    margin-right: 0;
  }
}

.-mb-1 {
  margin-bottom: 1px;
}

.-mb-2 {
  margin-bottom: 2px;
}

.-mb-3 {
  margin-bottom: 3px;
}

.-mb-4 {
  margin-bottom: 4px;
}

.-mb-5 {
  margin-bottom: 5px;
}

.-mb-6 {
  margin-bottom: 6px;
}

.-mb-7 {
  margin-bottom: 7px;
}

.-mb-8 {
  margin-bottom: 8px;
}

.-mb-9 {
  margin-bottom: 9px;
}

.-mb-10 {
  margin-bottom: 10px;
}

.-mb-11 {
  margin-bottom: 11px;
}

.-mb-12 {
  margin-bottom: 12px;
}

.-mb-13 {
  margin-bottom: 13px;
}

.-mb-14 {
  margin-bottom: 14px;
}

.-mb-15 {
  margin-bottom: 15px;
}

.-mb-16 {
  margin-bottom: 16px;
}

.-mb-17 {
  margin-bottom: 17px;
}

.-mb-18 {
  margin-bottom: 18px;
}

.-mb-19 {
  margin-bottom: 19px;
}

.-mb-20 {
  margin-bottom: 20px;
}

.-mb-22 {
  margin-bottom: 22px;
}

.-mb-23 {
  margin-bottom: 23px;
}

.-mb-24 {
  margin-bottom: 24px;
}

.-mb-25 {
  margin-bottom: 25px;
}

.-mb-26 {
  margin-bottom: 26px;
}

.-mb-30 {
  margin-bottom: 30px;
}

.-mb-32 {
  margin-bottom: 32px;
}

.-mb-34 {
  margin-bottom: 34px;
}

.-mb-35 {
  margin-bottom: 35px;
}

.-mb-36 {
  margin-bottom: 36px;
}

.-mb-39 {
  margin-bottom: 39px;
}

.-mb-40 {
  margin-bottom: 40px;
}

.-mb-44 {
  margin-bottom: 44px;
}

.-mb-45 {
  margin-bottom: 45px;
}

.-mb-48 {
  margin-bottom: 48px;
}

.-mb-49 {
  margin-bottom: 49px;
}

.-mb-50 {
  margin-bottom: 50px;
}

.-mb-55 {
  margin-bottom: 55px;
}

.-mb-56 {
  margin-bottom: 56px;
}

.-mb-58 {
  margin-bottom: 58px;
}

.-mb-60 {
  margin-bottom: 60px;
}

.-mb-64 {
  margin-bottom: 64px;
}

.-mb-65 {
  margin-bottom: 65px;
}

.-mb-70 {
  margin-bottom: 70px;
}

.-mb-75 {
  margin-bottom: 75px;
}

.-mb-77 {
  margin-bottom: 77px;
}

.-mb-80 {
  margin-bottom: 80px;
}

.-mb-85 {
  margin-bottom: 85px;
}

.-mb-90 {
  margin-bottom: 90px;
}

.-mb-95 {
  margin-bottom: 95px;
}

.-mb-100 {
  margin-bottom: 100px;
}

.-mb-110 {
  margin-bottom: 110px;
}

.-mb-120 {
  margin-bottom: 120px;
}

.-mb-125 {
  margin-bottom: 125px;
}

.-mb-130 {
  margin-bottom: 130px;
}

.-mb-140 {
  margin-bottom: 140px;
}

.-mb-150 {
  margin-bottom: 150px;
}

.-mb-160 {
  margin-bottom: 160px;
}

.-mb-170 {
  margin-bottom: 170px;
}

.-mb-180 {
  margin-bottom: 180px;
}

.-mb-190 {
  margin-bottom: 190px;
}

.-mb-200 {
  margin-bottom: 190px;
}

.-mb-m-5 {
  margin-bottom: -5px;
}

.-mb-m-8 {
  margin-bottom: -8px;
}

.-mb-0 {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .-mb-XS-3 {
    margin-bottom: 3px;
  }
}

@media (max-width: 991px) {
  .-mb-LG-10 {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-4 {
    margin-bottom: 4px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-5 {
    margin-bottom: 5px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-6 {
    margin-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-9 {
    margin-bottom: 9px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-10 {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-11 {
    margin-bottom: 11px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-14 {
    margin-bottom: 14px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-15 {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-16 {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-17 {
    margin-bottom: 17px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-18 {
    margin-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-19 {
    margin-bottom: 19px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-20 {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-21 {
    margin-bottom: 21px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-22 {
    margin-bottom: 22px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-23 {
    margin-bottom: 23px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-24 {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-25 {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-27 {
    margin-bottom: 27px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-30 {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-33 {
    margin-bottom: 33px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-35 {
    margin-bottom: 35px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-37 {
    margin-bottom: 37px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-40 {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-42 {
    margin-bottom: 42px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-44 {
    margin-bottom: 44px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-45 {
    margin-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-48 {
    margin-bottom: 48px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-50 {
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-55 {
    margin-bottom: 55px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-56 {
    margin-bottom: 56px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-60 {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-65 {
    margin-bottom: 65px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-70 {
    margin-bottom: 70px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-75 {
    margin-bottom: 75px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-80 {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-85 {
    margin-bottom: 85px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-90 {
    margin-bottom: 90px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-95 {
    margin-bottom: 95px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-100 {
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-110 {
    margin-bottom: 110px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-120 {
    margin-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-130 {
    margin-bottom: 130px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-140 {
    margin-bottom: 140px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-150 {
    margin-bottom: 150px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-151 {
    margin-bottom: 151px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-160 {
    margin-bottom: 160px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-170 {
    margin-bottom: 170px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-180 {
    margin-bottom: 180px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-190 {
    margin-bottom: 190px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-200 {
    margin-bottom: 200px;
  }
}

@media (max-width: 767px) {
  .-mb-XS-0 {
    margin-bottom: 0;
  }
}

.-ml-6 {
  margin-left: 6px;
}

.-ml-7 {
  margin-left: 7px;
}

.-ml-8 {
  margin-left: 8px;
}

.-ml-9 {
  margin-left: 9px;
}

.-ml-12 {
  margin-left: 12px;
}

.-ml-14 {
  margin-left: 14px;
}

.-ml-20 {
  margin-left: 20px;
}

.-ml-28 {
  margin-left: 28px;
}

.-ml-30 {
  margin-left: 30px;
}

.-ml-34 {
  margin-left: 34px;
}

.-ml-auto {
  margin-left: auto;
}

@media (max-width: 1199px) {
  .-ml-XL-6 {
    margin-left: 6px;
  }
}

@media (max-width: 991px) {
  .-ml-LG-0 {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .-ml-XS-1 {
    margin-left: 1px;
  }
}

@media (max-width: 767px) {
  .-ml-XS-5 {
    margin-left: 5px;
  }
}

@media (max-width: 767px) {
  .-ml-XS-8 {
    margin-left: 8px;
  }
}

.-p-30 {
  padding: 30px;
}

.-p-0 {
  padding: 0;
}

@media (max-width: 767px) {
  .-p-XS-0 {
    padding: 0;
  }
}

.-pt-6 {
  padding-top: 6px;
}

.-pt-14 {
  padding-top: 14px;
}

.-pt-15 {
  padding-top: 15px;
}

.-pt-19 {
  padding-top: 19px;
}

.-pt-20 {
  padding-top: 20px;
}

.-pt-21 {
  padding-top: 21px;
}

.-pt-28 {
  padding-top: 28px;
}

.-pt-30 {
  padding-top: 30px;
}

.-pt-39 {
  padding-top: 39px;
}

.-pt-60 {
  padding-top: 60px;
}

.-pt-160 {
  padding-top: 160px;
}

.-pt-0 {
  padding-top: 0;
}

@media (max-width: 767px) {
  .-pt-XS-13 {
    padding-top: 13px;
  }
}

@media (max-width: 767px) {
  .-pt-XS-14 {
    padding-top: 14px;
  }
}

@media (max-width: 767px) {
  .-pt-XS-20 {
    padding-top: 20px;
  }
}

@media (max-width: 767px) {
  .-pt-XS-36 {
    padding-top: 36px;
  }
}

@media (max-width: 767px) {
  .-pt-XS-0 {
    padding-top: 0;
  }
}

.-pr-13 {
  padding-right: 13px;
}

.-pr-20 {
  padding-right: 20px;
}

.-pr-24 {
  padding-right: 24px;
}

.-pr-30 {
  padding-right: 30px;
}

.-pr-32 {
  padding-right: 32px;
}

.-pr-0 {
  padding-right: 0;
}

@media (max-width: 767px) {
  .-pr-XS-20 {
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .-pr-XS-44 {
    padding-right: 44px;
  }
}

@media (max-width: 767px) {
  .-pr-XS-0 {
    padding-right: 0;
  }
}

.-pb-5 {
  padding-bottom: 5px;
}

.-pb-6 {
  padding-bottom: 6px;
}

.-pb-8 {
  padding-bottom: 8px;
}

.-pb-10 {
  padding-bottom: 10px;
}

.-pb-15 {
  padding-bottom: 15px;
}

.-pb-16 {
  padding-bottom: 16px;
}

.-pb-17 {
  padding-bottom: 17px;
}

.-pb-20 {
  padding-bottom: 20px;
}

.-pb-22 {
  padding-bottom: 22px;
}

.-pb-23 {
  padding-bottom: 23px;
}

.-pb-25 {
  padding-bottom: 25px;
}

.-pb-30 {
  padding-bottom: 30px;
}

.-pb-40 {
  padding-bottom: 40px;
}

.-pb-60 {
  padding-bottom: 60px;
}

.-pb-100 {
  padding-bottom: 100px;
}

.-pb-0 {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .-pb-XS-13 {
    padding-bottom: 13px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-14 {
    padding-bottom: 14px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-15 {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-17 {
    padding-bottom: 17px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-18 {
    padding-bottom: 18px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-19 {
    padding-bottom: 19px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-20 {
    padding-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-24 {
    padding-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-39 {
    padding-bottom: 39px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-125 {
    padding-bottom: 125px;
  }
}

@media (max-width: 767px) {
  .-pb-XS-0 {
    padding-bottom: 0;
  }
}

.-pl-13 {
  padding-left: 13px;
}

.-pl-24 {
  padding-left: 24px;
}

.-pl-26 {
  padding-left: 26px;
}

.-pl-27 {
  padding-left: 27px;
}

.-pl-30 {
  padding-left: 30px;
}

.-pl-31 {
  padding-left: 31px;
}

.-pl-32 {
  padding-left: 32px;
}

.-pl-0 {
  padding-left: 0;
}

@media (max-width: 767px) {
  .-pl-XS-20 {
    padding-left: 20px;
  }
}

@media (max-width: 767px) {
  .-pl-XS-21 {
    padding-left: 21px;
  }
}

@media (max-width: 767px) {
  .-pl-XS-22 {
    padding-left: 22px;
  }
}

@media (max-width: 767px) {
  .-pl-XS-44 {
    padding-left: 44px;
  }
}

@media (max-width: 767px) {
  .-pl-XS-0 {
    padding-left: 0;
  }
}

.-w-100 {
  width: 100%;
}