@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-family: "Noto Sans JP", "Helvetica Neue", arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", meiryo, sans-serif;
  font-size: inherit;
  line-height: inherit;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0;
}

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

html {
  overflow: auto;
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  scroll-behavior: auto;
  text-rendering: optimizespeed;
}

a,
a:visited {
  text-decoration: none;
}

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

ol,
ul {
  list-style: none;
}

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

img {
  display: block;
  width: 100%;
  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;
}

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

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

select {
  border-radius: 0;
}

select::-ms-expand {
  display: none;
}

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;
  background: transparent;
  border: none;
  outline: none;
}

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;
}

.swal2-container .swal2-popup {
  width: 34em;
}
.swal2-deny {
  color: white !important;
  background-color: #abb !important;
  border: none;
}
.swal2-confirm {
  background-color: #74b13b !important;
}
.swal2-confirm:focus, .swal2-deny:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.swal2__link {
  color: white;
}
.swal2__link:hover {
  color: white;
}

.header {
  position: fixed;
  top: 0;
  height: 100%;
  margin-right: auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (max-width: 991px) {
  .header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 70px;
    margin-right: 0;
    overflow: visible;
    background-color: #74b13b;
  }
}
.header__menu {
  display: none;
}
@media (max-width: 991px) {
  .header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: calc(100% - 70px);
    padding-right: 20px;
    margin-left: auto;
  }
  .header__menu--name {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    color: white;
  }
}
@media (max-width: 991px) and (max-width: 767px) {
  .header__menu--name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .header:has(.nav.checked) {
    width: 66px;
  }
}

.nav {
  z-index: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 208px;
  max-width: 208px;
  height: 100vh;
  min-height: 720px;
  padding: 20px 0;
  overflow: hidden;
  background-color: #1b8400;
  -webkit-transition: all 0.5s, height 0s;
  transition: all 0.5s, height 0s;
}
@media (max-width: 991px) {
  .nav {
    position: fixed;
    max-height: 100vh;
    padding: 23px 0 18px;
    background-color: #74b13b;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateX(-142px);
            transform: translateX(-142px);
  }
  .nav > div:not(.nav__top) {
    visibility: hidden;
  }
}
.nav__toggle {
  position: absolute;
}
.nav__item {
  min-width: 164px;
  margin: 0 22px;
}
.nav__top {
  position: relative;
  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: 24px;
  margin-bottom: 30px;
}
.nav__top--title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  color: white;
}
.nav__top--title:hover {
  color: white;
}
.nav__top--menu {
  display: block;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-size: 28px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .nav__top--menu {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.nav__top--menu .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 2px;
  background-color: white;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.nav__top--menu .line:not(:last-child) {
  margin-bottom: 7px;
}
.nav__info {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 18px 15px;
  margin-bottom: 48px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.nav__info--row:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.nav.checked {
  z-index: 3;
  -webkit-transition: z-index 0s, -webkit-transform 0.5s;
  transition: z-index 0s, -webkit-transform 0.5s;
  transition: z-index 0s, transform 0.5s;
  transition: z-index 0s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transform: translateX(-142px);
          transform: translateX(-142px);
}
@media (max-width: 991px) {
  .nav.checked {
    position: fixed;
    height: 100%;
    min-height: 100%;
    overflow-y: scroll;
    background-color: #1b8400;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .nav.checked > div:not(.nav__top) {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .nav.checked .nav__top {
    margin-bottom: 0;
  }
  .nav.checked .nav__top--menu {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .nav.checked .nav__info {
    margin-bottom: 0;
    -webkit-transform: translateX(-46px);
            transform: translateX(-46px);
  }
  .nav.checked .nav__link, .nav.checked .nav__text {
    width: 0;
    height: 26px;
    padding-left: 66px;
    margin-left: 0;
    overflow: hidden;
    background-position-x: center;
    -webkit-transform: translateX(142px);
            transform: translateX(142px);
  }
  .nav.checked .nav__link.active::before, .nav.checked .nav__text.active::before {
    left: 0;
  }
  .nav.checked .nav__link.reserve, .nav.checked .nav__text.reserve {
    margin-bottom: 24px !important;
  }
  .nav.checked .nav__subLink {
    display: none;
  }
}
.nav__level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-top: 8px;
  margin-bottom: 16px;
}
.nav__level--icon {
  padding: 0 8px;
  font-size: 14px;
  color: white;
  border: 1px solid white;
  border-radius: 34px;
}
.nav__level--icon.-level-white, .nav__level--icon.-level-yellow {
  color: #333;
}
.nav__level--icon.-level-white {
  background-color: white;
}
.nav__level--icon.-level-lgreen {
  background-color: #D6FFAD;
}
.nav__level--icon.-level-pink {
  background-color: #FFADFF;
}
.nav__level--icon.-level-orange {
  background-color: #FFD6AD;
}
.nav__level--icon.-level-red {
  background-color: #FFADAD;
}
.nav__level--icon.-level-green {
  background-color: #ADFFAD;
}
.nav__level--icon.-level-blue {
  background-color: #ADD6FF;
}
.nav__level--icon.-level-yellow {
  background-color: #FFFFAD;
}
.nav__level--icon.-level-purple {
  background-color: #D6ADFF;
}
.nav__level--icon.-level-sliver {
  background-color: #E6E6E6;
}
.nav__level--icon.-level-glod {
  background-color: #FFE866;
}
.nav__level--icon.-level-other {
  background-color: #F2E5D5;
}
.nav__point {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 18px;
}
.nav__point--text, .nav__point--value, .nav__point--type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-weight: 700;
  color: white;
}
.nav__point--text {
  font-size: 14px;
  line-height: 120%;
}
.nav__point--value {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 2px;
  font-size: 24px;
  line-height: 120%;
}
.nav__point--value-point {
  font-size: 16px;
}
.nav__point--type {
  font-size: 14px;
  line-height: 140%;
  text-align: center;
}
.nav__point--plan {
  font-size: 10px;
  color: white;
}
.nav__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 48px;
}
.nav__link.dashboard, .nav__link.reserve, .nav__link.profile, .nav__link.logout, .nav__text.dashboard, .nav__text.reserve, .nav__text.profile, .nav__text.logout {
  background-repeat: no-repeat;
  background-position-y: center;
}
.nav__link.dashboard, .nav__text.dashboard {
  background-image: url('data:image/svg+xml, <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1507_14835)"><path d="M0.503962 8.92788L0.506945 8.95507V8.98242C0.506945 9.33936 0.800655 9.61094 1.11806 9.61094H1.12153H2.23264H2.7348L2.73263 10.1131L2.70833 15.743C2.70833 15.7434 2.70833 15.7438 2.70833 15.7441C2.70839 15.8188 2.71367 15.8938 2.72248 15.9711L2.72569 15.9993V16.0277V16.5973C2.72569 17.104 3.1292 17.5035 3.61458 17.5035H4.17014C4.21211 17.5035 4.22735 17.5032 4.2389 17.5021L4.27981 17.4983L4.32078 17.5013C4.3484 17.5033 4.37896 17.5035 4.43056 17.5035H6.39236C6.87774 17.5035 7.28125 17.104 7.28125 16.5973V13.5035C7.28125 12.611 7.9958 11.8785 8.89236 11.8785H11.1146C12.0111 11.8785 12.7257 12.611 12.7257 13.5035V16.5973C12.7257 17.104 13.1292 17.5035 13.6146 17.5035H15.5556C15.588 17.5035 15.6232 17.5013 15.6781 17.4976L15.716 17.4951L15.7538 17.4983C15.7991 17.5021 15.8197 17.5035 15.8368 17.5035H16.3924C16.8777 17.5035 17.2812 17.104 17.2812 16.5973V12.6598C17.2812 12.6409 17.2812 12.631 17.281 12.6226C17.2809 12.6192 17.2808 12.6171 17.2807 12.616C17.2807 12.6156 17.2807 12.6154 17.2807 12.6152L17.2778 12.5887V12.5613V10.1109V9.61094H17.7778H18.8889C19.2299 9.61094 19.5 9.34703 19.5 8.98242C19.5 8.79643 19.4464 8.64607 19.3078 8.50105L10.4157 0.656191L10.4029 0.644825L10.3908 0.632601C10.3319 0.572941 10.2757 0.54389 10.2193 0.526756C10.1567 0.507765 10.0824 0.5 9.98264 0.5C9.82521 0.5 9.67503 0.546907 9.58001 0.62483L5.88814 3.91358L5.05556 4.65526V3.54023V2.25C5.05556 1.898 4.77705 1.625 4.44444 1.625H3.33333C3.00073 1.625 2.72222 1.898 2.72222 2.25V6.50391V6.72797L2.55499 6.87709L0.721657 8.51186L0.720453 8.51293C0.525146 8.68596 0.491949 8.81842 0.503962 8.92788Z" stroke="white"/></g><defs><clipPath id="clip0_1507_14835"><rect width="20" height="18" fill="white" transform="matrix(-1 0 0 1 20 0)"/></clipPath></defs></svg>');
}
.nav__link.dashboard.active, .nav__text.dashboard.active {
  background-image: url('data:image/svg+xml,<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.11806 10.1109C0.527777 10.1109 0.00694466 9.61875 0.00694466 8.98242C-0.0277786 8.66602 0.111111 8.38477 0.388889 8.13867L2.22222 6.50391V2.25C2.22222 1.62773 2.71875 1.125 3.33333 1.125H4.44444C5.05903 1.125 5.55556 1.62773 5.55556 2.25V3.54023L9.25347 0.246094C9.46181 0.0703125 9.73958 0 9.98264 0C10.2257 0 10.5035 0.0351562 10.7465 0.28125L19.6528 8.13867C19.8958 8.38477 20 8.66602 20 8.98242C20 9.61523 19.5139 10.1109 18.8889 10.1109H17.7778V12.5613C17.7812 12.593 17.7812 12.6246 17.7812 12.6598V16.5973C17.7812 17.3742 17.1597 18.0035 16.3924 18.0035H15.8368C15.7951 18.0035 15.7535 18 15.7118 17.9965C15.6597 18 15.6076 18.0035 15.5556 18.0035H13.6146C12.8472 18.0035 12.2257 17.3742 12.2257 16.5973V13.5035C12.2257 12.8813 11.7292 12.3785 11.1146 12.3785H8.89236C8.27778 12.3785 7.78125 12.8813 7.78125 13.5035V16.5973C7.78125 17.3742 7.15972 18.0035 6.39236 18.0035H4.43056C4.38194 18.0035 4.33333 18.0035 4.28472 18C4.24653 18.0035 4.20833 18.0035 4.17014 18.0035H3.61458C2.84722 18.0035 2.22569 17.3742 2.22569 16.5973V16.0277C2.21528 15.9363 2.20833 15.8414 2.20833 15.743L2.23264 10.1109H1.12153H1.11806Z" fill="white"/></svg>');
}
.nav__link.reserve, .nav__text.reserve {
  background-image: url('data:image/svg+xml, <svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.4028 13.8229H11.165C11.9862 13.7486 12.7477 13.356 13.2912 12.7267C13.8348 12.0973 14.1185 11.2796 14.0835 10.4434C14.0486 9.6072 13.6976 8.81682 13.1035 8.23649C12.5094 7.65615 11.7179 7.33048 10.8934 7.32714H8.52912C8.88259 6.84467 9.1354 6.29409 9.2721 5.70906C9.40881 5.12403 9.42653 4.51684 9.32418 3.92462C9.22183 3.3324 9.00156 2.76759 8.67685 2.26473C8.35213 1.76187 7.92979 1.33152 7.43565 1L18.4028 1C18.9061 1.00076 19.3887 1.20428 19.7443 1.56587C20.1 1.92747 20.2998 2.41758 20.2998 2.92857V11.8986C20.2998 12.9614 19.4498 13.8243 18.4028 13.8243V13.8229ZM5.02775 7.33C5.37428 7.33818 5.71892 7.27597 6.04142 7.14701C6.36392 7.01805 6.65777 6.82495 6.9057 6.57906C7.15363 6.33317 7.35064 6.03945 7.48515 5.71517C7.61965 5.39088 7.68894 5.04257 7.68894 4.69071C7.68894 4.33886 7.61965 3.99055 7.48515 3.66626C7.35064 3.34198 7.15363 3.04826 6.9057 2.80237C6.65777 2.55648 6.36392 2.36338 6.04142 2.23442C5.71892 2.10546 5.37428 2.04324 5.02775 2.05143C4.34866 2.06747 3.70271 2.35258 3.22801 2.84579C2.75331 3.33901 2.48755 4.00118 2.48755 4.69071C2.48755 5.38025 2.75331 6.04242 3.22801 6.53564C3.70271 7.02885 4.34866 7.31396 5.02775 7.33ZM12.3387 10.5814C12.3387 9.77 11.6913 9.11286 10.8934 9.11286H5.02916C4.04007 9.11286 3.0915 9.51171 2.39211 10.2217C1.69272 10.9316 1.2998 11.8945 1.2998 12.8986V14.62C1.2998 15.38 1.90776 15.9957 2.65644 15.9957H2.8985L3.29536 19.7243C3.33247 20.0744 3.49564 20.3982 3.75356 20.6337C4.01147 20.8691 4.34595 20.9996 4.69281 21H5.39928C5.73877 20.9999 6.06677 20.8751 6.3228 20.6488C6.57884 20.4225 6.74566 20.1099 6.79251 19.7686L7.85221 12.0486H10.892C11.6899 12.0486 12.3373 11.3914 12.3373 10.5814H12.3387Z" stroke="white" stroke-linejoin="round"/></svg>');
}
.nav__link.reserve.active, .nav__text.reserve.active {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.4028 12.8229H10.165C10.9862 12.7486 11.7477 12.356 12.2912 11.7267C12.8348 11.0973 13.1185 10.2796 13.0835 9.4434C13.0486 8.6072 12.6976 7.81682 12.1035 7.23649C11.5094 6.65615 10.7179 6.33048 9.89339 6.32714H7.52912C7.88259 5.84467 8.1354 5.29409 8.2721 4.70906C8.40881 4.12403 8.42653 3.51684 8.32418 2.92462C8.22183 2.3324 8.00156 1.76759 7.67685 1.26473C7.35213 0.761867 6.92979 0.33152 6.43565 0L17.4028 0C17.9061 0.000757029 18.3887 0.204279 18.7443 0.565875C19.1 0.92747 19.2998 1.41758 19.2998 1.92857V10.8986C19.2998 11.9614 18.4498 12.8243 17.4028 12.8243V12.8229ZM4.02775 6.33C4.37428 6.33818 4.71892 6.27597 5.04142 6.14701C5.36392 6.01805 5.65777 5.82495 5.9057 5.57906C6.15363 5.33317 6.35064 5.03945 6.48515 4.71517C6.61965 4.39088 6.68894 4.04257 6.68894 3.69071C6.68894 3.33886 6.61965 2.99055 6.48515 2.66626C6.35064 2.34198 6.15363 2.04826 5.9057 1.80237C5.65777 1.55648 5.36392 1.36338 5.04142 1.23442C4.71892 1.10546 4.37428 1.04324 4.02775 1.05143C3.34866 1.06747 2.70271 1.35258 2.22801 1.84579C1.75331 2.33901 1.48755 3.00118 1.48755 3.69071C1.48755 4.38025 1.75331 5.04242 2.22801 5.53564C2.70271 6.02885 3.34866 6.31396 4.02775 6.33ZM11.3387 9.58143C11.3387 8.77 10.6913 8.11286 9.89339 8.11286H4.02916C3.04007 8.11286 2.0915 8.51171 1.39211 9.22167C0.692717 9.93163 0.299805 10.8945 0.299805 11.8986V13.62C0.299805 14.38 0.90776 14.9957 1.65644 14.9957H1.8985L2.29536 18.7243C2.33247 19.0744 2.49564 19.3982 2.75356 19.6336C3.01147 19.8691 3.34595 19.9996 3.69281 20H4.39928C4.73877 19.9999 5.06676 19.8751 5.3228 19.6488C5.57884 19.4225 5.74566 19.1099 5.79251 18.7686L6.85221 11.0486H9.89198C10.6899 11.0486 11.3373 10.3914 11.3373 9.58143H11.3387Z" fill="white"/></svg>');
}
.nav__link.profile, .nav__text.profile {
  background-image: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.05556 4.44444C6.05556 3.39831 6.47113 2.39503 7.21086 1.6553C7.95058 0.915574 8.95387 0.5 10 0.5C11.0461 0.5 12.0494 0.915574 12.7891 1.6553C13.5289 2.39503 13.9444 3.39831 13.9444 4.44444C13.9444 5.49058 13.5289 6.49386 12.7891 7.23359C12.0494 7.97332 11.0461 8.38889 10 8.38889C8.95387 8.38889 7.95058 7.97332 7.21086 7.23359C6.47113 6.49386 6.05556 5.49058 6.05556 4.44444ZM1.98074 13.0919C2.92884 12.1437 4.21474 11.6111 5.55556 11.6111H14.4444C15.7853 11.6111 17.0712 12.1437 18.0193 13.0918C18.9674 14.0399 19.5 15.3259 19.5 16.6667C19.5 17.4181 19.2015 18.1388 18.6701 18.6701C18.1388 19.2015 17.4181 19.5 16.6667 19.5H3.33333C2.58189 19.5 1.86122 19.2015 1.32986 18.6701C0.798511 18.1388 0.5 17.4181 0.5 16.6667C0.5 15.3259 1.03264 14.04 1.98074 13.0919Z" stroke="white"/></svg>');
}
.nav__link.profile.active, .nav__text.profile.active {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.55556 4.44444C5.55556 3.2657 6.02381 2.13524 6.8573 1.30175C7.6908 0.468252 8.82126 0 10 0C11.1787 0 12.3092 0.468252 13.1427 1.30175C13.9762 2.13524 14.4444 3.2657 14.4444 4.44444C14.4444 5.62318 13.9762 6.75365 13.1427 7.58714C12.3092 8.42064 11.1787 8.88889 10 8.88889C8.82126 8.88889 7.6908 8.42064 6.8573 7.58714C6.02381 6.75365 5.55556 5.62318 5.55556 4.44444ZM5.55556 11.1111C4.08213 11.1111 2.66905 11.6964 1.62718 12.7383C0.585316 13.7802 0 15.1932 0 16.6667C0 17.5507 0.35119 18.3986 0.976311 19.0237C1.60143 19.6488 2.44928 20 3.33333 20H16.6667C17.5507 20 18.3986 19.6488 19.0237 19.0237C19.6488 18.3986 20 17.5507 20 16.6667C20 15.1932 19.4147 13.7802 18.3728 12.7383C17.3309 11.6964 15.9179 11.1111 14.4444 11.1111H5.55556Z" fill="white"/></svg>');
}
.nav__link.logout, .nav__text.logout {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.616 20C5.15533 20 4.771 19.846 4.463 19.538C4.155 19.23 4.00067 18.8453 4 18.384V5.616C4 5.15533 4.15433 4.771 4.463 4.463C4.77167 4.155 5.156 4.00067 5.616 4H12.019V5H5.616C5.462 5 5.32067 5.064 5.192 5.192C5.06333 5.32 4.99933 5.46133 5 5.616V18.385C5 18.5383 5.064 18.6793 5.192 18.808C5.32 18.9367 5.461 19.0007 5.615 19H12.019V20H5.616ZM16.462 15.539L15.76 14.819L18.079 12.5H9.192V11.5H18.079L15.759 9.18L16.461 8.462L20 12L16.462 15.539Z" fill="white"/></svg>');
}
.nav__link, .nav__subLink, .nav__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 24px;
  padding-left: 33px;
  margin-left: 26px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: white;
}
.nav__link.active, .nav__subLink.active, .nav__text.active {
  font-weight: 700;
}
.nav__link.active::before, .nav__subLink.active::before, .nav__text.active::before {
  content: "";
  position: absolute;
  left: 0;
  width: 3px;
  height: 100%;
  height: 24px;
  background-color: white;
  border-radius: 0 4px 4px 0;
}
.nav__link.sub_active, .nav__subLink.sub_active, .nav__text.sub_active {
  font-weight: 700;
}
.nav__link:hover, .nav__subLink:hover {
  color: white;
  opacity: 0.7;
}
.nav__reserve {
  display: -webkit-box;
  display: -ms-flexbox;
  display: 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;
  width: 100%;
  max-width: 160px;
  height: 40px;
  padding: 10px 0;
  margin: 0 auto 48px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  color: white;
  background-color: #ff8c00;
  border-radius: 55px;
}
.nav__reserve:hover {
  color: white;
}
.nav__logout {
  margin-top: auto;
}

.main {
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  margin: 20px 20px 24px;
  overflow: hidden;
  background-color: white;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .main {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: auto;
    height: 100%;
    margin: 0 10px;
  }
}
.main.checked .main__image {
  width: 1260px;
}
.main__wrapper {
  margin-left: 210px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 992px) {
  .main__wrapper.checked {
    margin-left: 66px;
  }
}
@media (max-width: 991px) {
  .main__wrapper {
    height: calc(100vh - 70px);
    margin-left: 0;
  }
}
.main__image {
  width: 1118px;
  max-height: 225px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -o-object-fit: cover;
     object-fit: cover;
}
.main__contents {
  width: 100%;
  padding: 32px;
}
@media (max-width: 991px) {
  .main__contents {
    overflow-y: scroll;
  }
}
@media (max-width: 767px) {
  .main__contents {
    padding: 28px 20px;
  }
}

.footer {
  width: calc(100% - 40px);
  margin: 0 0 24px;
  text-align: right;
}
@media (max-width: 991px) {
  .footer {
    width: calc(100% - 20px);
    margin-top: 25px;
  }
}
.footer__text, .footer__text--link {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: white;
  vertical-align: top;
}
.footer__text--link:hover {
  color: white;
}

.common__wrapper, .common__wrapper--lg, .common__wrapper--md {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 600px;
  height: 100%;
  min-height: 600px;
  padding: 0 20px;
  margin: 60px 0;
}
@media (max-width: 768px) {
  .common__wrapper, .common__wrapper--lg, .common__wrapper--md {
    margin: 30px 0;
  }
}
.common__message {
  color: #dc3545;
}
.common__message--Wrapper {
  max-width: 600px;
}
.common__wrapper--md {
  max-width: 900px;
}
.common__wrapper--lg {
  max-width: 1100px;
}
.common__title {
  margin-bottom: 20px;
  font-size: 30px;
  text-align: center;
}
@media (max-width: 768px) {
  .common__title {
    margin-bottom: 30px;
  }
}
.common__contentTitle {
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 35px;
  font-size: 32px;
  font-weight: bold;
  border-bottom: 1px solid #e7e7e7;
}
@media (max-width: 768px) {
  .common__contentTitle {
    margin-bottom: 25px;
    font-size: 25px;
  }
}
.common__form {
  padding: 20px;
}
.common__links {
  text-decoration: none;
}
@media (max-width: 768px) {
  .common__links {
    font-size: 18px;
  }
}
.common__links:not(:first-child) {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .common__links:not(:first-child) {
    margin-top: 15px;
  }
}
.common__btn, .common__btn2 {
  position: relative;
  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: 280px;
  height: 55px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  border-radius: 30px;
}
.common__btn:hover, .common__btn2:hover {
  color: white;
  opacity: 0.7;
}
.common__btn::after, .common__btn2::after {
  content: "";
  position: absolute;
  top: 0;
  right: 26px;
  bottom: 0;
  left: auto;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.common__btn {
  background-color: #f4c81f;
}
.common__btn--wrapper {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15px 0;
}
.common__btn2 {
  background-color: #abb;
}
.common__loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: none;
  width: 100%;
  height: 100%;
  margin: auto;
  background: rgba(255, 255, 255, 0.5);
}
.common__loading--icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  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: 40px;
  height: 40px;
  margin: auto;
  vertical-align: var(-0.125em);
  border: var(--spinner-border-width) solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: var(--spinner-animation-speed) linear infinite spinner-border;
          animation: var(--spinner-animation-speed) linear infinite spinner-border;
  --spinner-border-width: 0.25em;
  --spinner-animation-speed: 1.2s;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.btn__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 575px) {
  .btn__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
.btn__plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 37px;
  padding: 0 18px;
  color: white;
  word-break: keep-all;
  background-color: #ff8c00;
  border-radius: 55px;
}
.btn__plus--text {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  color: white;
}
.btn__plus--text::before {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1547_11317)"><rect width="16" height="16" transform="translate(0 0.5)" fill="%23FF8C00"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.49902C8.13261 2.49902 8.25979 2.5517 8.35355 2.64547C8.44732 2.73924 8.5 2.86642 8.5 2.99902V7.99902H13.5C13.6326 7.99902 13.7598 8.0517 13.8536 8.14547C13.9473 8.23924 14 8.36642 14 8.49902C14 8.63163 13.9473 8.75881 13.8536 8.85258C13.7598 8.94635 13.6326 8.99902 13.5 8.99902H8.5V13.999C8.5 14.1316 8.44732 14.2588 8.35355 14.3526C8.25979 14.4463 8.13261 14.499 8 14.499C7.86739 14.499 7.74021 14.4463 7.64645 14.3526C7.55268 14.2588 7.5 14.1316 7.5 13.999V8.99902H2.5C2.36739 8.99902 2.24021 8.94635 2.14645 8.85258C2.05268 8.75881 2 8.63163 2 8.49902C2 8.36642 2.05268 8.23924 2.14645 8.14547C2.24021 8.0517 2.36739 7.99902 2.5 7.99902H7.5V2.99902C7.5 2.86642 7.55268 2.73924 7.64645 2.64547C7.74021 2.5517 7.86739 2.49902 8 2.49902Z" fill="white"/></g><defs><clipPath id="clip0_1547_11317"><rect width="16" height="16" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}
.btn__plus:hover {
  color: white;
  cursor: pointer;
  opacity: 0.7;
}
.btn__orange {
  padding: 14px 60px;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  color: white;
  background-color: #ff8c00;
  border-radius: 50px;
}
.btn__orange:hover {
  cursor: pointer;
  opacity: 0.7;
}
.btn__green, .btn__gray {
  padding: 8px 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  border-radius: 36px;
}
.btn__green:hover, .btn__gray:hover {
  cursor: pointer;
  opacity: 0.7;
}
.btn__green {
  color: #1b8400;
  border: 1px solid #1b8400;
}
.btn__green:hover {
  color: #1b8400;
}
.btn__gray {
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.btn__gray:hover {
  color: #333;
}
.btn__close {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 170%;
  color: #333;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
@media (max-width: 575px) {
  .btn__close {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.btn__close:hover {
  color: #333;
  cursor: pointer;
  opacity: 0.7;
}

.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 0;
  border-bottom: 1px solid #e7e7e7;
}
.list:last-child, .list:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.input__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.input__group:not(:last-of-type) {
  margin-bottom: 24px;
}
.input__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input__label {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .input__label {
    font-size: 14px;
  }
}
.input__text, .input__date, .input__textarea {
  max-width: 325px;
  height: 45px;
}
@media (max-width: 575px) {
  .input__text, .input__date, .input__textarea {
    max-width: 100%;
  }
}
.input__text, .input__date {
  height: 45px;
}
.input__text, .input__textarea {
  width: 100%;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.input__text {
  width: 100%;
  max-height: 40px;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
}
.input__text::-webkit-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #767676;
}
.input__text::-moz-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #767676;
}
.input__text:-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #767676;
}
.input__text::-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #767676;
}
.input__text::placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
  color: #767676;
}
.input__textarea {
  min-height: 110px;
  resize: none;
}
.input__textarea--explain {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 170%;
}
.input__checkbox {
  display: block;
  width: 15px;
  height: 15px;
  padding: 7px;
  cursor: pointer;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
}
.input__checkbox:checked {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2212.447%22%20viewBox%3D%220%200%2014%2012.447%22%3E%3Cpath%20d%3D%22M778.208%2C716.8l-5.833-4.666a1%2C1%2C0%2C0%2C1%2C1.249-1.562l4.167%2C3.334%2C6.389-9.127a1%2C1%2C0%2C1%2C1%2C1.638%2C1.147Z%22%20transform%3D%22translate(-772%20-704.351)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat #1b8400;
  background-position: center;
  background-size: 70%;
  border: 1px solid transparent;
}
.input__checkbox--wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: keep-all;
}
.input__checkbox--text {
  cursor: pointer;
}
.input__btn {
  position: relative;
  width: 320px;
  height: 51px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  font-weight: bold;
  line-height: 120%;
  color: #fff;
  cursor: pointer;
  background-color: #ff8c00;
  border-radius: 54px;
}
.input__btn:hover {
  opacity: 0.7;
}
.input__centerText {
  display: block;
  text-align: center;
}
.input__error {
  background-image: url('data:image/svg+xml,<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 3.24902C5.54822 3.24902 2.75 6.04724 2.75 9.49902C2.75 12.9508 5.54822 15.749 9 15.749C12.4518 15.749 15.25 12.9508 15.25 9.49902C15.25 6.04724 12.4518 3.24902 9 3.24902ZM1.75 9.49902C1.75 5.49496 4.99594 2.24902 9 2.24902C13.0041 2.24902 16.25 5.49496 16.25 9.49902C16.25 13.5031 13.0041 16.749 9 16.749C4.99594 16.749 1.75 13.5031 1.75 9.49902ZM8.33449 5.55785C8.42905 5.45654 8.56142 5.39902 8.7 5.39902H9.3C9.43858 5.39902 9.57095 5.45654 9.66551 5.55785C9.76008 5.65916 9.80835 5.79517 9.79881 5.93342L9.49882 10.2834C9.48073 10.5456 9.26279 10.749 9 10.749C8.73721 10.749 8.51927 10.5456 8.50118 10.2834L8.20118 5.93342C8.19165 5.79517 8.23992 5.65916 8.33449 5.55785ZM9.9 12.799C9.9 13.2961 9.49706 13.699 9 13.699C8.50294 13.699 8.1 13.2961 8.1 12.799C8.1 12.302 8.50294 11.899 9 11.899C9.49706 11.899 9.9 12.302 9.9 12.799Z" fill="%23DC3545"/></svg>');
  background-repeat: no-repeat;
  background-position-x: calc(100% - 12.5px);
  background-position-y: center;
  border: 1px solid #dc3545;
}
.input__error--text {
  margin-top: 4px;
  font-size: 12px;
  color: #dc3545;
}
.input__description {
  margin-top: 5px;
  font-size: 12px;
  color: #999;
}
.input__required {
  margin-left: 5px;
  font-size: 11px;
  color: #dc3545;
}
.input__date {
  position: relative;
  width: 100%;
  padding: 8px 12px;
  font-size: 14px;
  color: #333;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.input__date::-webkit-calendar-picker-indicator {
  z-index: 1;
  color: transparent;
  background: none;
}
.input__date::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml,<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1581_9470)"><rect width="14" height="14" transform="translate(0 0.5)" fill="white" fill-opacity="0.01"/><g clip-path="url(%23clip1_1581_9470)"><path d="M9.49725 6.75177C9.53799 6.79241 9.57032 6.84069 9.59237 6.89384C9.61443 6.947 9.62578 7.00398 9.62578 7.06152C9.62578 7.11907 9.61443 7.17605 9.59237 7.2292C9.57032 7.28235 9.53799 7.33063 9.49725 7.37127L6.87225 9.99627C6.83161 10.037 6.78333 10.0693 6.73018 10.0914C6.67703 10.1135 6.62005 10.1248 6.5625 10.1248C6.50495 10.1248 6.44797 10.1135 6.39482 10.0914C6.34167 10.0693 6.29339 10.037 6.25275 9.99627L4.94025 8.68377C4.89957 8.6431 4.86731 8.59481 4.84529 8.54166C4.82328 8.48851 4.81195 8.43155 4.81195 8.37402C4.81195 8.3165 4.82328 8.25953 4.84529 8.20639C4.86731 8.15324 4.89957 8.10495 4.94025 8.06427C5.0224 7.98212 5.13382 7.93597 5.25 7.93597C5.30753 7.93597 5.36449 7.9473 5.41764 7.96932C5.47078 7.99133 5.51907 8.0236 5.55975 8.06427L6.5625 9.0679L8.87775 6.75177C8.91839 6.71103 8.96667 6.67871 9.01982 6.65665C9.07297 6.63459 9.12995 6.62324 9.1875 6.62324C9.24505 6.62324 9.30203 6.63459 9.35518 6.65665C9.40833 6.67871 9.45661 6.71103 9.49725 6.75177Z" fill="%236C757D"/><path d="M3.0625 0.499023C3.17853 0.499023 3.28981 0.545117 3.37186 0.627164C3.45391 0.709211 3.5 0.820491 3.5 0.936523V1.37402H10.5V0.936523C10.5 0.820491 10.5461 0.709211 10.6281 0.627164C10.7102 0.545117 10.8215 0.499023 10.9375 0.499023C11.0535 0.499023 11.1648 0.545117 11.2469 0.627164C11.3289 0.709211 11.375 0.820491 11.375 0.936523V1.37402H12.25C12.7141 1.37402 13.1592 1.5584 13.4874 1.88659C13.8156 2.21478 14 2.65989 14 3.12402V12.749C14 13.2132 13.8156 13.6583 13.4874 13.9865C13.1592 14.3146 12.7141 14.499 12.25 14.499H1.75C1.28587 14.499 0.840752 14.3146 0.512563 13.9865C0.184375 13.6583 0 13.2132 0 12.749V3.12402C0 2.65989 0.184375 2.21478 0.512563 1.88659C0.840752 1.5584 1.28587 1.37402 1.75 1.37402H2.625V0.936523C2.625 0.820491 2.67109 0.709211 2.75314 0.627164C2.83519 0.545117 2.94647 0.499023 3.0625 0.499023ZM0.875 3.99902V12.749C0.875 12.9811 0.967187 13.2036 1.13128 13.3677C1.29538 13.5318 1.51794 13.624 1.75 13.624H12.25C12.4821 13.624 12.7046 13.5318 12.8687 13.3677C13.0328 13.2036 13.125 12.9811 13.125 12.749V3.99902H0.875Z" fill="%236C757D"/></g></g><defs><clipPath id="clip0_1581_9470"><rect width="14" height="14" fill="white" transform="translate(0 0.5)"/></clipPath><clipPath id="clip1_1581_9470"><rect width="14" height="14" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-size: 12px;
  -webkit-transform: translateX(-100%) translateY(-50%);
          transform: translateX(-100%) translateY(-50%);
}

.selectbox {
  max-width: 325px;
  width: 100%;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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%228%22%20viewBox%3D%220%200%2016%208%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%201L8%207L15%201%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 50% right 14px/14px 6px;
  height: 45px;
}
@media (max-width: 575px) {
  .selectbox {
    width: 100%;
    max-width: 100%;
  }
}
.selectbox--tiny {
  max-width: 66px;
  width: 100%;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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%228%22%20viewBox%3D%220%200%2016%208%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%201L8%207L15%201%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 50% right 14px/14px 6px;
  background-position: top 50% right 10px;
}
.selectbox--tiny[disabled] {
  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%228%22%20viewBox%3D%220%200%2016%208%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%201L8%207L15%201%22%20stroke%3D%22%23bbb%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}
.selectbox--small {
  max-width: 90px;
  width: 100%;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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%228%22%20viewBox%3D%220%200%2016%208%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%201L8%207L15%201%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 50% right 14px/14px 6px;
}
.selectbox--smallest {
  max-width: 70px;
  width: 100%;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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%228%22%20viewBox%3D%220%200%2016%208%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%201L8%207L15%201%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 50% right 14px/14px 6px;
}
.selectbox--large {
  max-width: 300px;
  width: 100%;
  padding: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  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%228%22%20viewBox%3D%220%200%2016%208%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M1%201L8%207L15%201%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 50% right 14px/14px 6px;
}
.selectbox, .selectbox--tiny, .selectbox--small, .selectbox--smallest, .selectbox--large {
  color: #333;
}
.selectbox--tiny, .selectbox--small, .selectbox--smallest {
  padding-right: 0;
}
.selectbox--tiny:hover, .selectbox--small:hover, .selectbox--smallest:hover {
  cursor: pointer;
  opacity: 0.7;
}
.selectbox:hover {
  cursor: pointer;
  opacity: 0.7;
}
.selectbox:disabled {
  cursor: not-allowed;
  background-color: #f5f5f5;
  opacity: 0.7;
}
.selectbox.time {
  width: 145px;
}
@media (max-width: 575px) {
  .selectbox.time {
    width: 100%;
  }
}

.pagination {
  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;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: normal;
}
.pagination__link, .pagination__nolink, .pagination__prevlink, .pagination__nextlink {
  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: 40px;
  height: 40px;
  border-radius: 4px;
}
.pagination__link {
  color: #333;
}
.pagination__link:hover {
  color: #333;
}
.pagination__nolink {
  color: white;
  background: #1b8400;
}
.pagination__nolink:hover {
  color: white;
}
.pagination__link, .pagination__nolink {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
.pagination__prev {
  margin-right: 16px;
}
.pagination__next {
  margin-left: 16px;
}
.pagination__prevlink, .pagination__nextlink {
  border: 1px solid #e3efd8;
}

.school-color-umeda {
  background-color: #fdfbcd;
}
.school-color-shinsaibashi {
  background-color: #fdddcd;
}
.school-color-namba {
  background-color: #d4fdcd;
}
.school-color-akashi {
  background-color: #cdf7fd;
}

body {
  height: 100vh;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  font-family: "Noto Sans JP", "Helvetica Neue", arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", meiryo, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  word-break: normal;
  background-color: transparent;
}
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

.app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1366px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media (max-width: 991px) {
  .app {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.app__wrapper {
  width: 100%;
  height: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  background-color: #74b13b;
}

main {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  min-height: calc(100vh - 60px - 127px);
}
@media (max-width: 767px) {
  main {
    min-height: calc(100vh - 60px - 240px);
  }
}

p {
  line-height: 1.75;
}

a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a:hover {
  opacity: 0.7;
}

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

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

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

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

.focus-hover:hover {
  cursor: pointer;
}

.wrapper {
  max-width: 1200px;
  margin: auto;
}

.error__text {
  color: #fa6060;
}

.resize-none {
  resize: none;
}

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

.small-btn {
  width: 85px;
}

.line {
  width: 100%;
  height: 1px;
  background-color: #e7e7e7;
}

.is-invalid {
  border: 1px solid #dc3545;
}

.bg-brown {
  background-color: #6B3F31;
}

.-font-size-32 {
  font-size: 3.2rem;
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .-font-size-SP-32 {
    font-size: 3.2rem;
  }
}

@media (max-width: 767px) {
  .-font-size-SP-28 {
    font-size: 2.8rem;
  }
}

@media (max-width: 767px) {
  .-font-size-SP-24 {
    font-size: 2.4rem;
  }
}

@media (max-width: 767px) {
  .-font-size-SP-20 {
    font-size: 2rem;
  }
}

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

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

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

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

@media (max-width: 767px) {
  .-font-size-SP-10 {
    font-size: 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;
}

.-white-text {
  color: white;
}

.-green-text {
  color: #1b8400;
}

.-blue-text {
  color: #0094ff;
}

.-text-underline {
  text-decoration: underline;
}

.text-right {
  text-align: right;
}

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

.text-left {
  text-align: left;
}

.-m-rl-auto {
  margin-right: auto;
  margin-left: auto;
}

.-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-24 {
  margin-top: 24px;
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .-mt-SP-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-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-0 {
  margin-right: 0;
}

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

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

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

@media (max-width: 767px) {
  .-mr-SP-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-40 {
  margin-bottom: 40px;
}

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

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

.-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-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-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-8 {
  margin-bottom: -8px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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