@charset "UTF-8";
html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

sup {
  font-weight: 200;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

@media (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

picture {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

html {
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

input, textarea, select {
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
}

body {
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
  font-weight: 400;
  overflow: auto;
  overflow-x: clip;
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  body {
    -webkit-overflow-scrolling: touch;
    letter-spacing: 0em;
  }
}
body.noscroll {
  overflow-y: hidden;
}
body.scrollhide {
  overflow-y: hidden;
}

p {
  line-height: 2.2;
  margin-top: 0;
  margin-bottom: 1.5em;
  margin-top: 0;
}

small {
  font-size: 1.5rem;
}

main {
  display: block;
  position: relative;
}

img {
  /*
  vertical-align: top;
  pointer-events: none;
  user-select: none;
  */
  vertical-align: top;
}

a {
  text-decoration: none;
  color: #fff;
}
@media (min-width: 769px) {
  a {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

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

.pic {
  width: 100%;
  height: auto;
}

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

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

ul, menu {
  list-style: none;
}

input[type=text],
input[type=email],
input,
button,
select,
textarea,
option {
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
}

button {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

textarea {
  resize: vertical;
}

.ff--en {
  font-family: "Inter", sans-serif;
  font-weight: 200 !important;
}

hr {
  border: none;
}

.indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

input[type=text],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
input[type=password],
input[type=url],
select,
textarea {
  border: solid 1px #CCCCCC;
  padding: 0px 10px;
  width: 100%;
  max-width: 100%;
  font-size: 1.8rem;
  background: #fff;
  height: 50px;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=password]:disabled,
input[type=url]:disabled,
select:disabled,
textarea:disabled {
  background: #F2F2F2;
  color: #4A4A4A;
  opacity: 1;
}
input[type=text].not-border,
input[type=email].not-border,
input[type=number].not-border,
input[type=tel].not-border,
input[type=date].not-border,
input[type=password].not-border,
input[type=url].not-border,
select.not-border,
textarea.not-border {
  width: auto;
  padding: 0;
  pointer-events: none;
  border: none;
}

select {
  height: 50px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../images/icon_arrow.svg");
  background-size: 8px;
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
  padding-right: 26px !important;
}

input[type=radio] {
  font-size: 1.8rem;
  width: 1.1em;
  height: 1.1em;
}

input[type=checkbox] {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

*[data-c-trigger] {
  display: none !important;
}
*[data-c-trigger].active {
  display: block !important;
}

.req {
  color: #FF6200;
}

.display-none {
  display: none;
}

.btn--sort {
  padding-right: 0px;
  color: #4A4A4A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.btn--sort::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #4A4A4A transparent transparent transparent;
}
@media (max-width: 1280px) {
  .btn--sort::after {
    border-width: 5px 3px 0 3px;
  }
}
.btn--sort-asc::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.btn--square {
  background: #004EA2;
  border-radius: 3px;
  border: solid 2px #fff;
  font-size: 1.5rem;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  width: 142px;
  margin: auto;
}
.btn--square.not-active {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 769px) {
  .btn--square:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .btn--square:not(.nothover):hover {
    opacity: 0.6;
  }
}
.btn--square.b-blue {
  border: solid 2px #4B8CCA !important;
}
.btn--square-black {
  background: #727272;
}
.btn--square-gray {
  background: #9B9B9B;
}
.btn--square-lightgray {
  color: #4A4A4A;
  background: #ccc;
}
.btn--square-yellow {
  background: #FFD400;
  color: #004EA2;
}
.btn--square-orange {
  border: solid 2px #FFE0CC;
  background: #FF6200;
}
.btn--square-orange2 {
  border: solid 2px #FFE0CC;
  background: #FA8840;
}
.btn--square-border {
  border: solid 2px #FF6200;
  color: #FF6200;
  background: #fff;
}
.btn--arrow {
  color: #FFD400;
  font-size: 1.4rem;
  padding-left: 10px;
  position: relative;
}
@media (min-width: 769px) {
  .btn--arrow:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .btn--arrow:not(.nothover):hover {
    text-decoration: underline;
  }
}
.btn--arrow::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #FFD400;
  border-right: 0;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn--icon-delete {
  width: 52px;
  height: 52px;
  border: solid 5px #4A4A4A;
  border-radius: 50%;
  position: relative;
}
@media (min-width: 769px) {
  .btn--icon-delete:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .btn--icon-delete:not(.nothover):hover {
    opacity: 0.6;
  }
}
.btn--icon-delete::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%234A4A4A"><path d="M292.31-140q-29.92 0-51.12-21.19Q220-182.39 220-212.31V-720h-40v-60h180v-35.38h240V-780h180v60h-40v507.69Q740-182 719-161q-21 21-51.31 21H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-720ZM376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  font-size: 2.4em;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.btn--icon-delete span {
  display: none;
}

.icon--dashboard::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M530-600v-220h290v220H530ZM140-460v-360h290v360H140Zm390 320v-360h290v360H530Zm-390 0v-220h290v220H140Zm60-380h170v-240H200v240Zm390 320h170v-240H590v240Zm0-460h170v-100H590v100ZM200-200h170v-100H200v100Zm170-320Zm220-140Zm0 220ZM370-300Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--members::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M400-492.31q-57.75 0-98.87-41.12Q260-574.56 260-632.31q0-57.75 41.13-98.87 41.12-41.13 98.87-41.13 57.75 0 98.87 41.13Q540-690.06 540-632.31q0 57.75-41.13 98.88-41.12 41.12-98.87 41.12ZM100-187.69v-88.93q0-30.3 15.46-54.88 15.46-24.58 43.16-38.04 49.84-24.84 107.69-41.5 57.84-16.65 133.69-16.65h11.69q4.85 0 10.46 1.23-6.07 14.15-10.03 28.84-3.97 14.7-6.58 29.93H400q-69.08 0-122.31 15.88-53.23 15.89-91.54 35.81-13.61 7.31-19.88 17.08t-6.27 22.3v28.93h252q4.46 15.23 11.58 30.92 7.11 15.69 15.65 29.08H100Zm544.23 29.61-8.92-53.08q-14.31-4.23-26.93-11.07-12.61-6.85-24-17.16l-50.69 17.62-28.46-48.39L546.62-304q-4.31-15.54-4.31-30.62 0-15.07 4.31-30.61l-41-34.62 28.46-48.38 50.3 18q11-10.31 23.81-16.96 12.81-6.66 27.12-10.89l8.92-53.07h56.92l8.54 53.07q14.31 4.23 27.12 11.2 12.8 6.96 23.8 17.88l50.31-19.23 28.46 49.61-41 34.62q4.31 14.43 4.31 30.06 0 15.63-4.31 29.94l41.39 33.84-28.46 48.39-50.7-17.62q-11.38 10.31-24 17.16-12.61 6.84-26.92 11.07l-8.54 53.08h-56.92Zm28.11-100.38q31.43 0 53.77-22.38 22.35-22.38 22.35-53.81 0-31.43-22.38-53.77-22.38-22.35-53.81-22.35-31.42 0-53.77 22.38t-22.35 53.81q0 31.42 22.38 53.77t53.81 22.35ZM400-552.31q33 0 56.5-23.5t23.5-56.5q0-33-23.5-56.5t-56.5-23.5q-33 0-56.5 23.5t-23.5 56.5q0 33 23.5 56.5t56.5 23.5Zm0-80Zm12 384.62Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--check::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M212.31-140q-29.92 0-51.12-21.19Q140-182.39 140-212.31v-535.38q0-29.92 21.19-51.12Q182.39-820 212.31-820h535.38q9.16 0 17.31 2.27 8.15 2.27 15.54 6.81l-53.62 53.61q-1.15-1.15-2.88-1.92T720-760H212.31q-5.39 0-8.85 3.46t-3.46 8.85v535.38q0 5.39 3.46 8.85t8.85 3.46h535.38q5.39 0 8.85-3.46t3.46-8.85v-267.92l60-60v327.92q0 29.92-21.19 51.12Q777.61-140 747.69-140H212.31ZM461-294.23 256.92-498.31l42.16-42.15 162.3 162.31 359.31-359.31 42.39 41.15L461-294.23Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--history::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M479.23-140q-129.92 0-226.46-85.54Q156.23-311.08 141.62-440h61.23Q218-336.38 296.12-268.19 374.23-200 479.23-200q117 0 198.5-81.5t81.5-198.5q0-117-81.5-198.5T479.23-760q-65.54 0-122.84 29.12-57.31 29.11-98.7 80.11h104.62v60H159.23v-203.08h60v94.77q48.69-57.46 116.62-89.19Q403.77-820 479.23-820q70.77 0 132.62 26.77 61.84 26.77 107.84 72.77t72.77 107.85q26.77 61.84 26.77 132.61 0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.84 72.77Q550-140 479.23-140Zm120.08-178.92L450.39-467.85V-680h59.99v187.85l131.08 131.07-42.15 42.16Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--tokuyakuten::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M830.61-521.08v318.77q0 30.31-21 51.31-21 21-51.3 21H202.92q-30.3 0-51.3-21-21-21-21-51.31v-319.54q-24.16-19.84-36.27-51.5-12.12-31.65-.5-68.34l40.46-132.16q8-25.23 27.15-40.69Q180.62-830 207.23-830h546q26.62 0 45.46 14.77 18.85 14.77 27.46 40.62l41.23 132.92q11.62 36.69-.5 68.11-12.11 31.43-36.27 52.5ZM568.62-550q32.77 0 49.27-20.04t13.5-43.04L607.08-770h-96.47v158q0 25.23 17.08 43.62Q544.77-550 568.62-550Zm-180 0q27.61 0 44.8-18.38 17.2-18.39 17.2-43.62v-158h-96.47l-24.3 158.46q-3.24 21.31 13.38 41.43Q359.85-550 388.62-550Zm-178 0q22.23 0 38.23-15.5 16-15.5 19.77-38.96L292.15-770h-84.92q-6.54 0-10.38 2.88-3.85 2.89-5.77 8.66l-38.47 130.15q-7.92 25.77 7.47 52.04Q175.46-550 210.62-550Zm540 0q32.46 0 49.69-25.5 17.23-25.5 8.31-52.81l-40.47-130.92q-1.92-5.77-5.76-8.27-3.85-2.5-10.39-2.5h-82.92l23.53 165.54q3.77 23.46 19.77 38.96t38.24 15.5Zm-547.7 360h555.39q5.38 0 8.84-3.46 3.47-3.46 3.47-8.85v-291.23q-6.54 2.39-10.93 2.96-4.38.58-9.07.58-27 0-47.5-9.77t-39.74-31.31q-16.84 18.77-39.84 29.93-23 11.15-52.46 11.15-25.46 0-48-10.58-22.54-10.57-42.46-30.5-18.54 19.93-42 30.5Q415.15-490 391.08-490q-27.08 0-50.77-9.81-23.69-9.81-41.69-31.27-25.24 25.23-46.51 33.16-21.26 7.92-41.49 7.92-4.7 0-9.7-.58-5-.57-10.31-2.96v291.23q0 5.39 3.47 8.85 3.46 3.46 8.84 3.46Zm555.39 0H202.92 758.31Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--setting::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="m387.69-100-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-99.15 74.92q2.15 9.69 2.35 18.12.19 8.42.19 16.96 0 8.15-.39 16.58-.38 8.42-2.76 19.27L854.46-370l-92.31 160-112.61-48.08q-14.85 11.85-30.31 20.96-15.46 9.12-31.69 14.89L572.31-100H387.69ZM440-160h78.62L533-267.15q30.62-8 55.96-22.73 25.35-14.74 48.89-37.89L737.23-286l39.39-68-86.77-65.38q5-15.54 6.8-30.47 1.81-14.92 1.81-30.15 0-15.62-1.81-30.15-1.8-14.54-6.8-29.7L777.38-606 738-674l-100.54 42.38q-20.08-21.46-48.11-37.92-28.04-16.46-56.73-23.31L520-800h-79.38l-13.24 106.77q-30.61 7.23-56.53 22.15-25.93 14.93-49.47 38.46L222-674l-39.38 68L269-541.62q-5 14.24-7 29.62t-2 32.38q0 15.62 2 30.62 2 15 6.62 29.62l-86 65.38L222-286l99-42q22.77 23.38 48.69 38.31 25.93 14.92 57.31 22.92L440-160Zm40.46-200q49.92 0 84.96-35.04 35.04-35.04 35.04-84.96 0-49.92-35.04-84.96Q530.38-600 480.46-600q-50.54 0-85.27 35.04T360.46-480q0 49.92 34.73 84.96Q429.92-360 480.46-360ZM480-480Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--info::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M450-290h60v-230h-60v230Zm30-298.46q13.73 0 23.02-9.29t9.29-23.02q0-13.73-9.29-23.02-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.29 23.02q9.29 9.29 23.02 9.29Zm.07 488.46q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--images::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h535.38Q778-820 799-799q21 21 21 51.31v535.38Q820-182 799-161q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-535.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM270-290h423.07L561.54-465.38 449.23-319.23l-80-102.31L270-290Zm-70 90v-560 560Zm140-370q20.77 0 35.38-14.62Q390-599.23 390-620q0-20.77-14.62-35.38Q360.77-670 340-670q-20.77 0-35.38 14.62Q290-640.77 290-620q0 20.77 14.62 35.38Q319.23-570 340-570Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--send::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M140-190v-580l688.46 290L140-190Zm60-90 474-200-474-200v147.69L416.92-480 200-427.69V-280Zm0 0v-400 400Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--coupon::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M382.62-340 480-414l95.38 73.23-36.61-118.31 98.92-77.23H518.61L480-655.38l-38.61 119.07H322.31l96.92 77.23L382.62-340ZM172.31-180q-29.92 0-51.12-21.19Q100-222.39 100-252.31v-109.61q0-9.85 5.66-17.46 5.65-7.62 15.11-10.39 26.31-12.23 42.77-36.31Q180-450.15 180-480t-16.46-53.92q-16.46-24.08-42.77-36.31-9.46-2.77-15.11-10.39-5.66-7.61-5.66-17.46v-109.61q0-29.92 21.19-51.12Q142.39-780 172.31-780h615.38q29.92 0 51.12 21.19Q860-737.61 860-707.69v109.61q0 9.85-5.66 17.46-5.65 7.62-15.11 10.39-26.31 12.23-42.77 36.31Q780-509.85 780-480t16.46 53.92q16.46 24.08 42.77 36.31 9.46 2.77 15.11 10.39 5.66 7.61 5.66 17.46v109.61q0 29.92-21.19 51.12Q817.61-180 787.69-180H172.31Zm0-60h615.38q5.39 0 8.85-3.46t3.46-8.85V-342q-37-22-58.5-58.5T720-480q0-43 21.5-79.5T800-618v-89.69q0-5.39-3.46-8.85t-8.85-3.46H172.31q-5.39 0-8.85 3.46t-3.46 8.85V-618q37 22 58.5 58.5T240-480q0 43-21.5 79.5T160-342v89.69q0 5.39 3.46 8.85t8.85 3.46ZM480-480Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--delete::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M292.31-140q-29.92 0-51.12-21.19Q220-182.39 220-212.31V-720h-40v-60h180v-35.38h240V-780h180v60h-40v507.69Q740-182 719-161q-21 21-51.31 21H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-720ZM376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--delete.size-x::before {
  width: 7.5em;
  height: 7.5em;
}
.icon--delete-white::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M292.31-140q-29.92 0-51.12-21.19Q220-182.39 220-212.31V-720h-40v-60h180v-35.38h240V-780h180v60h-40v507.69Q740-182 719-161q-21 21-51.31 21H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-720ZM376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--user_management::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M595.38-130.77h233.85v-30.31q-23.08-24.15-53.5-36.92-30.42-12.77-63.42-12.77T648.88-198q-30.42 12.77-53.5 36.92v30.31Zm116.93-116.92q23.07 0 39.23-16.16 16.15-16.15 16.15-39.23 0-23.07-16.15-39.23-16.16-16.15-39.23-16.15-23.08 0-39.23 16.15-16.16 16.16-16.16 39.23 0 23.08 16.16 39.23 16.15 16.16 39.23 16.16ZM480-480Zm.46-120q-49.92 0-84.96 35.04-35.04 35.04-35.04 84.96 0 40.31 22.19 70.54 22.2 30.23 58.12 43.07.38-16.84 1.46-32.46 1.08-15.61 7.15-28.38-14.76-7.62-21.84-22-7.08-14.39-7.08-30.77 0-25 17.5-42.5t42.5-17.5q15.77 0 29.46 7.88 13.7 7.89 22.31 21.27 9.08-4.61 18.96-6.61 9.89-2 19.96-2h22.16q-11.85-35.31-42.58-57.92Q520-600 480.46-600Zm-92.77 500-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-88.07 66.92q.38.77.38 1.54t.39 1.54h-74.08q-1-5-1.81-9.92-.8-4.93-2.8-9.93L777.38-606 738-674l-100.54 42.38q-20.08-21.46-48.11-37.92-28.04-16.46-56.73-23.31L520-800h-79.38l-13.24 106.77q-30.61 7.23-56.53 22.15-25.93 14.93-49.47 38.46L222-674l-39.38 68L269-541.62q-5 14.24-7 29.62t-2 32.38q0 15.62 2 30.62 2 15 6.62 29.62l-86 65.38L222-286l99-42q24 24.62 54.19 41.04 30.19 16.42 64.81 22.58V-100h-52.31Zm195.39 36.92q-23.08 0-39.23-16.15-16.16-16.16-16.16-39.23v-258.46q0-23.08 16.16-39.23 16.15-16.16 39.23-16.16h258.46q23.07 0 39.23 16.16 16.15 16.15 16.15 39.23v258.46q0 23.07-16.15 39.23-16.16 16.15-39.23 16.15H583.08Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--user_management-white::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M595.38-130.77h233.85v-30.31q-23.08-24.15-53.5-36.92-30.42-12.77-63.42-12.77T648.88-198q-30.42 12.77-53.5 36.92v30.31Zm116.93-116.92q23.07 0 39.23-16.16 16.15-16.15 16.15-39.23 0-23.07-16.15-39.23-16.16-16.15-39.23-16.15-23.08 0-39.23 16.15-16.16 16.16-16.16 39.23 0 23.08 16.16 39.23 16.15 16.16 39.23 16.16ZM480-480Zm.46-120q-49.92 0-84.96 35.04-35.04 35.04-35.04 84.96 0 40.31 22.19 70.54 22.2 30.23 58.12 43.07.38-16.84 1.46-32.46 1.08-15.61 7.15-28.38-14.76-7.62-21.84-22-7.08-14.39-7.08-30.77 0-25 17.5-42.5t42.5-17.5q15.77 0 29.46 7.88 13.7 7.89 22.31 21.27 9.08-4.61 18.96-6.61 9.89-2 19.96-2h22.16q-11.85-35.31-42.58-57.92Q520-600 480.46-600Zm-92.77 500-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-88.07 66.92q.38.77.38 1.54t.39 1.54h-74.08q-1-5-1.81-9.92-.8-4.93-2.8-9.93L777.38-606 738-674l-100.54 42.38q-20.08-21.46-48.11-37.92-28.04-16.46-56.73-23.31L520-800h-79.38l-13.24 106.77q-30.61 7.23-56.53 22.15-25.93 14.93-49.47 38.46L222-674l-39.38 68L269-541.62q-5 14.24-7 29.62t-2 32.38q0 15.62 2 30.62 2 15 6.62 29.62l-86 65.38L222-286l99-42q24 24.62 54.19 41.04 30.19 16.42 64.81 22.58V-100h-52.31Zm195.39 36.92q-23.08 0-39.23-16.15-16.16-16.16-16.16-39.23v-258.46q0-23.08 16.16-39.23 16.15-16.16 39.23-16.16h258.46q23.07 0 39.23 16.16 16.15 16.15 16.15 39.23v258.46q0 23.07-16.15 39.23-16.16 16.15-39.23 16.15H583.08Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--folder::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M330-250h300v-60H330v60Zm0-160h300v-60H330v60Zm-77.69 310Q222-100 201-121q-21-21-21-51.31v-615.38Q180-818 201-839q21-21 51.31-21H570l210 210v477.69Q780-142 759-121q-21 21-51.31 21H252.31ZM540-620v-180H252.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v615.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-620H540ZM240-800v180-180V-160v-640Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--hit::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12 6.5c1.5 0 2.7.5 3.7 1.5s1.6 2.2 1.7 3.6l-1.6-.5c-.2-.9-.7-1.6-1.4-2.2s-1.5-.9-2.5-.9-2 .4-2.8 1.2-1.2 1.7-1.2 2.8.3 1.8.9 2.5 1.3 1.2 2.2 1.4l.5 1.6c-1.4-.1-2.6-.7-3.6-1.7s-1.5-2.3-1.5-3.7.5-2.8 1.6-3.9 2.4-1.6 3.9-1.6zm0-4c1.3 0 2.5.2 3.7.7s2.2 1.2 3 2c.9.9 1.5 1.9 2 3 .5 1.2.7 2.4.7 3.7v.4.4l-1.5-.4v-.3c0-2.2-.8-4.1-2.3-5.7s-3.4-2.3-5.7-2.3-4.1.8-5.7 2.3-2.3 3.4-2.3 5.7.8 4.1 2.3 5.7 3.4 2.3 5.7 2.3h.3l.5 1.5c-.1 0-.3 0-.4 0h-.4c-1.3 0-2.5-.2-3.7-.7s-2.2-1.2-3-2c-.9-.9-1.5-1.9-2-3-.5-1.2-.7-2.4-.7-3.7s.2-2.5.7-3.7 1.2-2.2 2-3c.9-.9 1.9-1.5 3-2 1.2-.5 2.4-.7 3.7-.7zm8 19-4.5-4.5-1.1 3.3-2.5-8.4 8.4 2.5-3.3 1.1 4.5 4.5s-1.5 1.5-1.5 1.5z" fill="%23004EA2"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon--dots {
  width: 12px;
  height: 20px;
}
.icon--dots::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23CCC"><path d="M360-175.39q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-240-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-240-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.icon::before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 1.4em;
  height: 1.4em;
}

.tag {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  background: #9B9B9B;
  width: 55px;
  height: 28px;
  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;
}
@media (max-width: 1600px) {
  .tag {
    width: 45px;
    font-size: 1.3rem;
    height: 28px;
  }
}
@media (max-width: 1080px) {
  .tag {
    font-size: 1.2rem;
    width: 40px;
    height: 21px;
  }
}
.tag--master {
  color: #fff;
}
.tag--request {
  color: #fff;
  background: #FF6200;
}
.tag--approval {
  color: #fff;
  background: #5ACA4B;
}
.tag--new {
  color: #fff;
  background: #4B8CCA;
}
.tag--pending {
  color: #fff;
  background: #FF6200;
}
.tag--original {
  white-space: nowrap;
  background: #FFF6CC;
  color: #4A4A4A;
}
.tag--draft {
  white-space: nowrap;
  background: #FFD400;
  color: #4A4A4A;
}
.tag--unyo {
  color: #fff;
  background: #FF0000;
}
.tag--unyomae {
  color: #fff;
  background: #CA9E4B;
}
.tag--remand {
  color: #FF6200;
  background: #fff;
  border: solid 1px #FF6200;
}
.tag--finish {
  color: #fff;
  background: #4A4A4A;
}
.tag--template {
  color: #fff;
  background: #9B9B9B;
}
.tag--x {
  font-size: 2rem;
  width: 70px;
  height: 40px;
}
.tag--unused {
  color: #fff;
  background: #CA9E4B;
}
.tag--used {
  color: #fff;
  background: #4A4A4A;
}
.tag--expired {
  color: #fff;
  font-size: 0.9em;
  background: #9B9B9B;
}
.tag--jisshichu {
  color: #fff;
  background: #FF0000;
}
.tag--shiyochu {
  color: #fff;
  background: #FF0000;
}
.tag--jisshisumi {
  color: #fff;
  background: #4a4a4a;
}
.tag--jisshisumi-s {
  font-size: 0.9em;
  color: #fff;
  background: #4a4a4a;
}

.cont--details-cat .tbl-wrap .flex.gap--10.a--center {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 14px;
}
.cont--details-cat .tbl-wrap .flex.gap--10.a--center .tag:last-child {
  margin-right: -14px;
}

.list-thumb {
  width: 137px;
  height: auto;
  margin: 0;
  padding: 0;
}

.wp--60 {
  width: 60% !important;
}
.wp--50 {
  width: 50% !important;
}
.wp--100 {
  width: 100% !important;
}
.wp--5 {
  width: 5% !important;
}
.wp--8 {
  width: 8% !important;
}
.wp--10 {
  width: 10% !important;
}
.wp--15 {
  width: 15% !important;
}
.wp--20 {
  width: 20% !important;
}
.wp--45 {
  width: 45% !important;
}
.wp--75 {
  width: 75% !important;
}

.w--auto {
  width: auto !important;
}
.w--fit {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.w--20 {
  width: 20px !important;
}
.w--30 {
  width: 30px !important;
}
.w--40 {
  width: 40px !important;
}
.w--50 {
  width: 50px !important;
}
.w--70 {
  width: 70px !important;
}
.w--80 {
  width: 80px !important;
}
.w--90 {
  width: 90px !important;
}
.w--100 {
  width: 100px !important;
}
.w--110 {
  width: 110px !important;
}
.w--120 {
  width: 120px !important;
}
.w--130 {
  width: 130px !important;
}
.w--140 {
  width: 140px !important;
}
.w--160 {
  width: 160px !important;
}
.w--180 {
  width: 180px !important;
}
.w--200 {
  width: 200px !important;
}
.w--210 {
  width: 210px !important;
}
.w--240 {
  width: 240px !important;
}
.w--260 {
  width: 260px !important;
}
.w--300 {
  width: 300px !important;
}
.w--320 {
  width: 320px !important;
}
.w--330 {
  width: 330px !important;
}
.w--340 {
  width: 340px !important;
}
.w--350 {
  width: 350px !important;
}
.w--360 {
  width: 360px !important;
}
.w--380 {
  width: 380px !important;
}
.w--440 {
  width: 440px !important;
}
.w--560 {
  width: 560px !important;
}
.w--50p {
  width: 50% !important;
}
.w--100p {
  width: 100% !important;
}
.w--45p {
  width: 45% !important;
}

.display--block {
  display: block;
}

.tbl--style01 {
  width: 100%;
}
.tbl--style01-v-middle th, .tbl--style01-v-middle td {
  vertical-align: middle;
}
.tbl--style01 thead th {
  position: sticky;
  padding: 5px 10px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: left;
  color: #4A4A4A;
  top: 0;
  z-index: 30;
  background: #fff;
}
@media (max-width: 1800px) {
  .tbl--style01 thead th {
    font-size: 1.4rem;
    padding: 10px 5px;
  }
}
@media (max-width: 1500px) {
  .tbl--style01 thead th {
    font-size: 1.4rem;
  }
}
@media (max-width: 1280px) {
  .tbl--style01 thead th {
    padding: 5px 3px;
    font-size: 1.4rem;
  }
}
@media (max-width: 1080px) {
  .tbl--style01 thead th {
    font-size: 1.3rem;
  }
}
.tbl--style01 thead th::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #707070;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (min-width: 769px) {
  .tbl--style01 tbody tr[data-href]:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .tbl--style01 tbody tr[data-href]:not(.nothover):hover {
    cursor: pointer;
  }
}
.tbl--style01 tbody tr[data-href] td {
  color: #004EA2;
  word-break: break-all;
}
.tbl--style01 tbody td {
  padding: 10px;
  font-size: 1.4rem;
  font-weight: 300;
}
.tbl--style01 tbody td input[type=radio] {
  vertical-align: middle;
}
.tbl--style01 tbody td a {
  display: block;
  color: #004EA2;
}
@media (min-width: 769px) {
  .tbl--style01 tbody td a:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .tbl--style01 tbody td a:not(.nothover):hover {
    opacity: 0.5;
  }
}
@media (max-width: 1800px) {
  .tbl--style01 tbody td {
    font-size: 1.5rem;
    padding: 10px 5px;
  }
}
@media (max-width: 1500px) {
  .tbl--style01 tbody td {
    font-size: 1.4rem;
  }
}
@media (max-width: 1280px) {
  .tbl--style01 tbody td {
    font-size: 1.4rem;
    padding: 7px 4px;
  }
}
@media (max-width: 1080px) {
  .tbl--style01 tbody td {
    font-size: 1.4rem;
  }
}
.tbl--style01 tbody td input, .tbl--style01 tbody td select {
  font-size: 1.6rem;
  font-weight: 300;
}
.tbl--style01 tbody td input:not([type=radio]):not([type=checkbox]), .tbl--style01 tbody td select:not([type=radio]):not([type=checkbox]) {
  height: 44px;
}
.tbl--style01 tbody tr:nth-child(even) {
  background: #F0F7FD;
}
.tbl--style02 {
  width: 100%;
  border-collapse: separate;
}
.tbl--style02-v-middle th, .tbl--style02-v-middle td {
  vertical-align: middle;
}
.tbl--style02-noborder > tbody tr::after, .tbl--style02-noborder > thead tr::after {
  display: none;
}
.tbl--style02 > tbody > tr, .tbl--style02 > thead > tr {
  position: relative;
}
.tbl--style02 > tbody > tr::after, .tbl--style02 > thead > tr::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  content: "";
  background: #ccc;
}
.tbl--style02 > tbody > tr:last-child::after, .tbl--style02 > thead > tr:last-child::after {
  display: none;
}
.tbl--style02 > tbody > tr > th, .tbl--style02 > thead > tr > th {
  padding: 10px 5px 10px 14px;
  width: 257px;
  vertical-align: top;
}
@media (max-width: 1800px) {
  .tbl--style02 > tbody > tr > th, .tbl--style02 > thead > tr > th {
    width: 230px;
  }
}
@media (max-width: 1680px) {
  .tbl--style02 > tbody > tr > th, .tbl--style02 > thead > tr > th {
    width: 200px;
  }
}
@media (max-width: 1400px) {
  .tbl--style02 > tbody > tr > th, .tbl--style02 > thead > tr > th {
    width: 160px;
  }
}
@media (max-width: 1280px) {
  .tbl--style02 > tbody > tr > th, .tbl--style02 > thead > tr > th {
    width: 120px;
  }
}
.tbl--style02 > tbody > tr > th > span, .tbl--style02 > thead > tr > th > span {
  background: #E0F0FF;
  font-size: 1.6rem;
  font-weight: 300;
  text-align: left;
  padding: 0px 10px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  line-height: 1.5;
}
@media (max-width: 1800px) {
  .tbl--style02 > tbody > tr > th > span, .tbl--style02 > thead > tr > th > span {
    font-size: 1.6rem;
    padding: 0px 8px;
  }
}
@media (max-width: 1600px) {
  .tbl--style02 > tbody > tr > th > span, .tbl--style02 > thead > tr > th > span {
    font-size: 1.5rem;
    padding: 0px 5px;
  }
}
.tbl--style02 > tbody > tr > td, .tbl--style02 > thead > tr > td {
  padding: 10px 14px 10px 5px;
  font-size: 1.6rem;
  font-weight: 300;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
}
.tbl--style02 > tbody > tr > td input[type=text],
.tbl--style02 > tbody > tr > td input[type=email],
.tbl--style02 > tbody > tr > td input[type=number],
.tbl--style02 > tbody > tr > td input[type=tel],
.tbl--style02 > tbody > tr > td input[type=date],
.tbl--style02 > tbody > tr > td input[type=password],
.tbl--style02 > tbody > tr > td input[type=url],
.tbl--style02 > tbody > tr > td select, .tbl--style02 > thead > tr > td input[type=text],
.tbl--style02 > thead > tr > td input[type=email],
.tbl--style02 > thead > tr > td input[type=number],
.tbl--style02 > thead > tr > td input[type=tel],
.tbl--style02 > thead > tr > td input[type=date],
.tbl--style02 > thead > tr > td input[type=password],
.tbl--style02 > thead > tr > td input[type=url],
.tbl--style02 > thead > tr > td select {
  border: solid 1px #CCCCCC;
  padding: 5px 10px;
  width: 100%;
  height: 40px;
  font-size: 1.6rem;
}
.tbl--style02 > tbody > tr > td input[type=text]:disabled,
.tbl--style02 > tbody > tr > td input[type=email]:disabled,
.tbl--style02 > tbody > tr > td input[type=number]:disabled,
.tbl--style02 > tbody > tr > td input[type=tel]:disabled,
.tbl--style02 > tbody > tr > td input[type=date]:disabled,
.tbl--style02 > tbody > tr > td input[type=password]:disabled,
.tbl--style02 > tbody > tr > td input[type=url]:disabled,
.tbl--style02 > tbody > tr > td select:disabled, .tbl--style02 > thead > tr > td input[type=text]:disabled,
.tbl--style02 > thead > tr > td input[type=email]:disabled,
.tbl--style02 > thead > tr > td input[type=number]:disabled,
.tbl--style02 > thead > tr > td input[type=tel]:disabled,
.tbl--style02 > thead > tr > td input[type=date]:disabled,
.tbl--style02 > thead > tr > td input[type=password]:disabled,
.tbl--style02 > thead > tr > td input[type=url]:disabled,
.tbl--style02 > thead > tr > td select:disabled {
  background: #F2F2F2;
}
.tbl--style02 > tbody > tr > td input[type=text].input-zip,
.tbl--style02 > tbody > tr > td input[type=email].input-zip,
.tbl--style02 > tbody > tr > td input[type=number].input-zip,
.tbl--style02 > tbody > tr > td input[type=tel].input-zip,
.tbl--style02 > tbody > tr > td input[type=date].input-zip,
.tbl--style02 > tbody > tr > td input[type=password].input-zip,
.tbl--style02 > tbody > tr > td input[type=url].input-zip,
.tbl--style02 > tbody > tr > td select.input-zip, .tbl--style02 > thead > tr > td input[type=text].input-zip,
.tbl--style02 > thead > tr > td input[type=email].input-zip,
.tbl--style02 > thead > tr > td input[type=number].input-zip,
.tbl--style02 > thead > tr > td input[type=tel].input-zip,
.tbl--style02 > thead > tr > td input[type=date].input-zip,
.tbl--style02 > thead > tr > td input[type=password].input-zip,
.tbl--style02 > thead > tr > td input[type=url].input-zip,
.tbl--style02 > thead > tr > td select.input-zip {
  width: 47%;
  max-width: 145px;
}
.tbl--style02 > tbody > tr > td input[type=text].input-prefecture,
.tbl--style02 > tbody > tr > td input[type=email].input-prefecture,
.tbl--style02 > tbody > tr > td input[type=number].input-prefecture,
.tbl--style02 > tbody > tr > td input[type=tel].input-prefecture,
.tbl--style02 > tbody > tr > td input[type=date].input-prefecture,
.tbl--style02 > tbody > tr > td input[type=password].input-prefecture,
.tbl--style02 > tbody > tr > td input[type=url].input-prefecture,
.tbl--style02 > tbody > tr > td select.input-prefecture, .tbl--style02 > thead > tr > td input[type=text].input-prefecture,
.tbl--style02 > thead > tr > td input[type=email].input-prefecture,
.tbl--style02 > thead > tr > td input[type=number].input-prefecture,
.tbl--style02 > thead > tr > td input[type=tel].input-prefecture,
.tbl--style02 > thead > tr > td input[type=date].input-prefecture,
.tbl--style02 > thead > tr > td input[type=password].input-prefecture,
.tbl--style02 > thead > tr > td input[type=url].input-prefecture,
.tbl--style02 > thead > tr > td select.input-prefecture {
  width: 100%;
  max-width: 165px;
}
.tbl--style02 > tbody > tr > td input[type=text].input-date,
.tbl--style02 > tbody > tr > td input[type=email].input-date,
.tbl--style02 > tbody > tr > td input[type=number].input-date,
.tbl--style02 > tbody > tr > td input[type=tel].input-date,
.tbl--style02 > tbody > tr > td input[type=date].input-date,
.tbl--style02 > tbody > tr > td input[type=password].input-date,
.tbl--style02 > tbody > tr > td input[type=url].input-date,
.tbl--style02 > tbody > tr > td select.input-date, .tbl--style02 > thead > tr > td input[type=text].input-date,
.tbl--style02 > thead > tr > td input[type=email].input-date,
.tbl--style02 > thead > tr > td input[type=number].input-date,
.tbl--style02 > thead > tr > td input[type=tel].input-date,
.tbl--style02 > thead > tr > td input[type=date].input-date,
.tbl--style02 > thead > tr > td input[type=password].input-date,
.tbl--style02 > thead > tr > td input[type=url].input-date,
.tbl--style02 > thead > tr > td select.input-date {
  width: 100%;
  max-width: 145px;
}
.tbl--style02 > tbody > tr > td input[type=radio], .tbl--style02 > thead > tr > td input[type=radio] {
  width: 1.2em;
  height: 1.2em;
}
@media (max-width: 1400px) {
  .tbl--style02 > tbody > tr > td input[type=radio], .tbl--style02 > thead > tr > td input[type=radio] {
    width: 1em;
    height: 1em;
  }
}
.tbl--style02 > tbody > tr > td .zip-wrap, .tbl--style02 > thead > tr > td .zip-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
}
@media (max-width: 1380px) {
  .tbl--style02 > tbody > tr > td .zip-wrap, .tbl--style02 > thead > tr > td .zip-wrap {
    gap: 10px;
  }
}
.tbl--style02 > tbody > tr > td .zip-wrap > span, .tbl--style02 > thead > tr > td .zip-wrap > span {
  cursor: pointer;
  margin: 0;
}
@media (max-width: 1550px) {
  .tbl--style02 > tbody > tr > td .zip-wrap .btn--square, .tbl--style02 > thead > tr > td .zip-wrap .btn--square {
    width: 45%;
    font-size: 1.2rem;
  }
}
@media (max-width: 1680px) {
  .tbl--style02 > tbody > tr > th input[type=text],
  .tbl--style02 > tbody > tr > th select,
  .tbl--style02 > tbody > tr > td input[type=text],
  .tbl--style02 > tbody > tr > td select, .tbl--style02 > thead > tr > th input[type=text],
  .tbl--style02 > thead > tr > th select,
  .tbl--style02 > thead > tr > td input[type=text],
  .tbl--style02 > thead > tr > td select {
    font-size: 1.6rem;
  }
}
@media (max-width: 1680px) {
  .tbl--style02 > tbody > tr > th,
  .tbl--style02 > tbody > tr > td, .tbl--style02 > thead > tr > th,
  .tbl--style02 > thead > tr > td {
    font-size: 1.5rem;
  }
}
.tbl--style03 {
  width: 100%;
  border-collapse: separate;
}
.tbl--style03 tr {
  position: relative;
}
.tbl--style03 tr:last-child::after {
  display: none;
}
.tbl--style03 td {
  padding: 14px 0px;
  font-size: 1.8rem;
  font-weight: 300;
  text-align: left;
}
.tbl--style03 td input[type=text],
.tbl--style03 td select {
  border: solid 1px #CCCCCC;
  padding: 11px 10px;
  width: 100%;
  height: 100%;
  font-size: 1.8rem;
}
.tbl--style03 td input[type=text]:disabled,
.tbl--style03 td select:disabled {
  background: #F2F2F2;
}
.tbl--style03 td input[type=text].input-zip,
.tbl--style03 td select.input-zip {
  width: 47%;
  max-width: 145px;
}
.tbl--style03 td input[type=text].input-prefecture,
.tbl--style03 td select.input-prefecture {
  width: 100%;
  max-width: 165px;
}
.tbl--style03 td input[type=text].input-date,
.tbl--style03 td select.input-date {
  width: 100%;
  max-width: 145px;
}
.tbl--style03 td select {
  padding: 14px 10px;
}
.tbl--style03 td input[type=radio] {
  width: 1.2em;
  height: 1.2em;
}
@media (max-width: 1400px) {
  .tbl--style03 td input[type=radio] {
    width: 1em;
    height: 1em;
  }
}
.tbl--style03 td .col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 1680px) {
  .tbl--style03 th input,
  .tbl--style03 th select,
  .tbl--style03 td input,
  .tbl--style03 td select {
    font-size: 1.6rem;
  }
}
@media (max-width: 1680px) {
  .tbl--style03 th,
  .tbl--style03 td {
    font-size: 1.6rem;
  }
}

.radio-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 35px;
  font-size: 1.6rem;
}
@media (max-width: 1800px) {
  .radio-wrap {
    padding: 0 0px;
    gap: 10px 25px;
  }
}
@media (max-width: 1400px) {
  .radio-wrap {
    gap: 10px 20px;
    padding: 0 0px;
  }
}
.radio-wrap label {
  gap: 5px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
@media (max-width: 1400px) {
  .radio-wrap label {
    gap: 5px;
  }
}

.data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
.data-wrap > div {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

body.loaded .m-modal {
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p--10 {
  padding: 10px;
}
.p--left100 {
  padding-left: 100px;
}

.m--right {
  margin: 0 0 0 auto;
}
.m--0 {
  margin: 0px;
}
.m--t10 {
  margin-top: 10px;
}
.m--t15 {
  margin-top: 15px;
}
.m--t20 {
  margin-top: 20px;
}
.m--t30 {
  margin-top: 30px;
}
.m--t35 {
  margin-top: 35px;
}
.m--t50 {
  margin-top: 50px;
}
.m--t20 {
  margin-top: 20px;
}
.m--auto {
  margin: auto;
}
.m--b10 {
  margin-bottom: 10px;
}
.m--b20 {
  margin-bottom: 20px;
}
.m--b30 {
  margin-bottom: 30px;
}

.va--top {
  vertical-align: top;
}
.va--middle {
  vertical-align: middle;
}

.text-arign--center {
  text-align: center;
}
.text-arign--right {
  text-align: right;
}
.text-arign--right {
  text-align: left !important;
}

.a--left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.a--top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.a--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.a--bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.a--between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.j--right {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.j--center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.j--left {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.j--between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.fc--black {
  color: #4A4A4A !important;
}
.fc--white {
  color: #FFF !important;
}

.tbl--conditions-details .row .col-md-5-5 {
  -webkit-box-flex: 0.48;
      -ms-flex: 0.48;
          flex: 0.48;
}
.tbl--conditions-details .row .col-md-1 {
  -webkit-box-flex: 0.04;
      -ms-flex: 0.04;
          flex: 0.04;
}

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

.flex1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.column-gap--10 {
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.column-gap--15 {
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
.column-gap--30 {
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}
.column-gap--50 {
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
}

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

.gap--5 {
  gap: 5px !important;
}
.gap--5 {
  gap: 5px !important;
}
.gap--10 {
  gap: 10px !important;
}
.gap--20 {
  gap: 20px !important;
}
.gap--30 {
  gap: 30px !important;
}
.gap--35 {
  gap: 35px !important;
}
.gap--40 {
  gap: 40px !important;
}
.gap--50 {
  gap: 50px !important;
}
.gap--10-50 {
  gap: 10px 50px !important;
}
.gap--10-40 {
  gap: 10px 40px !important;
}
.gap--10-30 {
  gap: 10px 30px !important;
}
.gap--100 {
  gap: 100px;
}

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

.icon--tooltip {
  font-size: 1.8rem;
  margin: 0 1em;
  width: 1em;
}

.bg--light-blue {
  background: #E0F0FF !important;
}
.bg--light-gray {
  background: #efefef !important;
}
.bg--blue {
  background: #4B8CCA !important;
}

.tooltip {
  z-index: 1000000;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.tooltip.show {
  opacity: 1 !important;
}
.tooltip .tooltip-inner {
  border: solid 1px #efefef;
  color: #4A4A4A;
  font-size: 1.4rem !important;
  border-radius: 100px !important;
  padding: 5px 20px;
  white-space: nowrap;
  background: #fff;
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  border: 1px solid #004EA2;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

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

.v-middle {
  vertical-align: middle;
}

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

.bs-tooltip-bottom .tooltip-arrow::after, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::after {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  bottom: 0px;
  z-index: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-bottom: 0.8rem solid #004EA2;
  border-top: 0;
}

*[data-ca-trigger] {
  opacity: 0.5;
  pointer-events: none;
}
*[data-ca-trigger].active {
  opacity: 1;
  pointer-events: all;
}

.form-disabled input, .form-disabled select {
  background: #efefef;
  pointer-events: none;
}

/* Chrome, Safari, Edge のスピンボタン非表示 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox のスピンボタン非表示 */
input[type=number] {
  -moz-appearance: textfield;
}

.num--circle {
  vertical-align: middle;
}
.num--circle span {
  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: 20px;
  height: 20px;
  border: solid 1px #000;
  border-radius: 50px;
}

*::-webkit-input-placeholder {
  color: #9B9B9B;
}

*::-moz-placeholder {
  color: #9B9B9B;
}

*:-ms-input-placeholder {
  color: #9B9B9B;
}

*::-ms-input-placeholder {
  color: #9B9B9B;
}

*::placeholder {
  color: #9B9B9B;
}

.delivery-settings__form .invalid-feedback {
  font-size: 14px;
  position: absolute;
  white-space: nowrap;
}

body.loaded .backtotop {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
body.side-nev-blue .side-nav > div {
  background: #4B8CCA;
}
body.side-nev-blue .site-main::before {
  background: #4B8CCA;
}
body.administer .side-nav > div {
  background: #4A4A4A;
}
body.administer .side-nav > div > menu > li.current > :not(menu) {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
body.administer .site-footer {
  background: #000;
}
body.administer .site-main::before {
  background: #4A4A4A;
}

.page {
  background: #FFF6CC;
}
.page.loaded .site-main::before {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
.page.loaded .side-nav > div {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
.page.loaded .main-contents {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
@media (min-width: 769px) {
  .page.loaded .toggle-side-nav:not(.nothover) {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
  }
  .page.loaded .toggle-side-nav:not(.nothover):hover {
    -webkit-filter: brightness(1.1);
            filter: brightness(1.1);
  }
}
@media (min-width: 769px) {
  .page.loaded .toggle-side-nav.close:not(.nothover) {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer;
  }
  .page.loaded .toggle-side-nav.close:not(.nothover):hover {
    opacity: 0.5;
  }
}
.page.loaded .site-main::before {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
.page.loaded .dm-message {
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
}
.page .site-main {
  width: calc(100% - 30px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 275px 0px 1fr;
  grid-template-columns: 275px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 0px;
  margin: 50px 0 0 auto;
  min-height: calc(100vh - 50px);
  position: relative;
}
.page .site-main > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.page .site-main > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.page .site-main::before {
  content: "";
  width: 275px;
  height: 100%;
  position: fixed;
  left: 30px;
  top: 0;
  z-index: 2;
}
@media (max-width: 1800px) {
  .page .site-main::before {
    width: 245px;
  }
}
@media (max-width: 1600px) {
  .page .site-main::before {
    width: 235px;
  }
}
@media (max-width: 1480px) {
  .page .site-main::before {
    width: 220px;
  }
}
@media (max-width: 1280px) {
  .page .site-main::before {
    left: 20px;
    width: 180px;
  }
}
@media (max-width: 1080px) {
  .page .site-main::before {
    width: 160px;
  }
}
.page .site-main.close::before {
  width: 0px;
}
@media (max-width: 1800px) {
  .page .site-main {
    -ms-grid-columns: 250px 1fr;
    grid-template-columns: 250px 1fr;
  }
}
@media (max-width: 1600px) {
  .page .site-main {
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
@media (max-width: 1480px) {
  .page .site-main {
    -ms-grid-columns: 220px 1fr;
    grid-template-columns: 220px 1fr;
  }
}
@media (max-width: 1280px) {
  .page .site-main {
    width: calc(100% - 20px);
    -ms-grid-columns: 190px 1fr;
    grid-template-columns: 190px 1fr;
  }
}
@media (max-width: 1080px) {
  .page .site-main {
    -ms-grid-columns: 160px 1fr;
    grid-template-columns: 160px 1fr;
  }
}
.page .site-main.close .main-contents {
  width: calc(100% + 275px);
  margin-left: -275px;
}
@media (max-width: 1800px) {
  .page .site-main.close .main-contents {
    width: calc(100% + 250px);
    margin-left: -250px;
  }
}
@media (max-width: 1600px) {
  .page .site-main.close .main-contents {
    width: calc(100% + 240px);
    margin-left: -240px;
  }
}
@media (max-width: 1480px) {
  .page .site-main.close .main-contents {
    width: calc(100% + 220px);
    margin-left: -220px;
  }
}
@media (max-width: 1280px) {
  .page .site-main.close .main-contents {
    width: calc(100% + 190px);
    margin-left: -190px;
  }
}
@media (max-width: 1080px) {
  .page .site-main.close .main-contents {
    width: calc(100% + 160px);
    margin-left: -160px;
  }
}
.page .site-main.close .side-nav {
  pointer-events: none;
}
.page .site-main.close .side-nav div {
  left: -330px;
}
.page .site-main.close .side-nav div > menu {
  pointer-events: none;
  opacity: 0;
}
.page .side-nav {
  height: 100% !important;
  width: calc(100% - 25px);
  z-index: 10;
  position: relative;
}
@media (max-width: 1480px) {
  .page .side-nav {
    width: calc(100% - 20px);
  }
}
.page .side-nav > div {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.page .side-nav > div > menu {
  width: 100%;
  padding-bottom: 50px;
}
@media (min-width: 769px) {
  .page .side-nav > div > menu a:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .page .side-nav > div > menu a:not(.nothover):hover {
    opacity: 0.5;
  }
}
.page .side-nav > div > menu > li {
  border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--dashboard::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M530-600v-220h290v220H530ZM140-460v-360h290v360H140Zm390 320v-360h290v360H530Zm-390 0v-220h290v220H140Zm60-380h170v-240H200v240Zm390 320h170v-240H590v240Zm0-460h170v-100H590v100ZM200-200h170v-100H200v100Zm170-320Zm220-140Zm0 220ZM370-300Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--members::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M400-492.31q-57.75 0-98.87-41.12Q260-574.56 260-632.31q0-57.75 41.13-98.87 41.12-41.13 98.87-41.13 57.75 0 98.87 41.13Q540-690.06 540-632.31q0 57.75-41.13 98.88-41.12 41.12-98.87 41.12ZM100-187.69v-88.93q0-30.3 15.46-54.88 15.46-24.58 43.16-38.04 49.84-24.84 107.69-41.5 57.84-16.65 133.69-16.65h11.69q4.85 0 10.46 1.23-6.07 14.15-10.03 28.84-3.97 14.7-6.58 29.93H400q-69.08 0-122.31 15.88-53.23 15.89-91.54 35.81-13.61 7.31-19.88 17.08t-6.27 22.3v28.93h252q4.46 15.23 11.58 30.92 7.11 15.69 15.65 29.08H100Zm544.23 29.61-8.92-53.08q-14.31-4.23-26.93-11.07-12.61-6.85-24-17.16l-50.69 17.62-28.46-48.39L546.62-304q-4.31-15.54-4.31-30.62 0-15.07 4.31-30.61l-41-34.62 28.46-48.38 50.3 18q11-10.31 23.81-16.96 12.81-6.66 27.12-10.89l8.92-53.07h56.92l8.54 53.07q14.31 4.23 27.12 11.2 12.8 6.96 23.8 17.88l50.31-19.23 28.46 49.61-41 34.62q4.31 14.43 4.31 30.06 0 15.63-4.31 29.94l41.39 33.84-28.46 48.39-50.7-17.62q-11.38 10.31-24 17.16-12.61 6.84-26.92 11.07l-8.54 53.08h-56.92Zm28.11-100.38q31.43 0 53.77-22.38 22.35-22.38 22.35-53.81 0-31.43-22.38-53.77-22.38-22.35-53.81-22.35-31.42 0-53.77 22.38t-22.35 53.81q0 31.42 22.38 53.77t53.81 22.35ZM400-552.31q33 0 56.5-23.5t23.5-56.5q0-33-23.5-56.5t-56.5-23.5q-33 0-56.5 23.5t-23.5 56.5q0 33 23.5 56.5t56.5 23.5Zm0-80Zm12 384.62Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--check::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M212.31-140q-29.92 0-51.12-21.19Q140-182.39 140-212.31v-535.38q0-29.92 21.19-51.12Q182.39-820 212.31-820h535.38q9.16 0 17.31 2.27 8.15 2.27 15.54 6.81l-53.62 53.61q-1.15-1.15-2.88-1.92T720-760H212.31q-5.39 0-8.85 3.46t-3.46 8.85v535.38q0 5.39 3.46 8.85t8.85 3.46h535.38q5.39 0 8.85-3.46t3.46-8.85v-267.92l60-60v327.92q0 29.92-21.19 51.12Q777.61-140 747.69-140H212.31ZM461-294.23 256.92-498.31l42.16-42.15 162.3 162.31 359.31-359.31 42.39 41.15L461-294.23Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--history::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M479.23-140q-129.92 0-226.46-85.54Q156.23-311.08 141.62-440h61.23Q218-336.38 296.12-268.19 374.23-200 479.23-200q117 0 198.5-81.5t81.5-198.5q0-117-81.5-198.5T479.23-760q-65.54 0-122.84 29.12-57.31 29.11-98.7 80.11h104.62v60H159.23v-203.08h60v94.77q48.69-57.46 116.62-89.19Q403.77-820 479.23-820q70.77 0 132.62 26.77 61.84 26.77 107.84 72.77t72.77 107.85q26.77 61.84 26.77 132.61 0 70.77-26.77 132.61-26.77 61.85-72.77 107.85-46 46-107.84 72.77Q550-140 479.23-140Zm120.08-178.92L450.39-467.85V-680h59.99v187.85l131.08 131.07-42.15 42.16Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--tokuyakuten::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M830.61-521.08v318.77q0 30.31-21 51.31-21 21-51.3 21H202.92q-30.3 0-51.3-21-21-21-21-51.31v-319.54q-24.16-19.84-36.27-51.5-12.12-31.65-.5-68.34l40.46-132.16q8-25.23 27.15-40.69Q180.62-830 207.23-830h546q26.62 0 45.46 14.77 18.85 14.77 27.46 40.62l41.23 132.92q11.62 36.69-.5 68.11-12.11 31.43-36.27 52.5ZM568.62-550q32.77 0 49.27-20.04t13.5-43.04L607.08-770h-96.47v158q0 25.23 17.08 43.62Q544.77-550 568.62-550Zm-180 0q27.61 0 44.8-18.38 17.2-18.39 17.2-43.62v-158h-96.47l-24.3 158.46q-3.24 21.31 13.38 41.43Q359.85-550 388.62-550Zm-178 0q22.23 0 38.23-15.5 16-15.5 19.77-38.96L292.15-770h-84.92q-6.54 0-10.38 2.88-3.85 2.89-5.77 8.66l-38.47 130.15q-7.92 25.77 7.47 52.04Q175.46-550 210.62-550Zm540 0q32.46 0 49.69-25.5 17.23-25.5 8.31-52.81l-40.47-130.92q-1.92-5.77-5.76-8.27-3.85-2.5-10.39-2.5h-82.92l23.53 165.54q3.77 23.46 19.77 38.96t38.24 15.5Zm-547.7 360h555.39q5.38 0 8.84-3.46 3.47-3.46 3.47-8.85v-291.23q-6.54 2.39-10.93 2.96-4.38.58-9.07.58-27 0-47.5-9.77t-39.74-31.31q-16.84 18.77-39.84 29.93-23 11.15-52.46 11.15-25.46 0-48-10.58-22.54-10.57-42.46-30.5-18.54 19.93-42 30.5Q415.15-490 391.08-490q-27.08 0-50.77-9.81-23.69-9.81-41.69-31.27-25.24 25.23-46.51 33.16-21.26 7.92-41.49 7.92-4.7 0-9.7-.58-5-.57-10.31-2.96v291.23q0 5.39 3.47 8.85 3.46 3.46 8.84 3.46Zm555.39 0H202.92 758.31Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--setting::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="m387.69-100-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-99.15 74.92q2.15 9.69 2.35 18.12.19 8.42.19 16.96 0 8.15-.39 16.58-.38 8.42-2.76 19.27L854.46-370l-92.31 160-112.61-48.08q-14.85 11.85-30.31 20.96-15.46 9.12-31.69 14.89L572.31-100H387.69ZM440-160h78.62L533-267.15q30.62-8 55.96-22.73 25.35-14.74 48.89-37.89L737.23-286l39.39-68-86.77-65.38q5-15.54 6.8-30.47 1.81-14.92 1.81-30.15 0-15.62-1.81-30.15-1.8-14.54-6.8-29.7L777.38-606 738-674l-100.54 42.38q-20.08-21.46-48.11-37.92-28.04-16.46-56.73-23.31L520-800h-79.38l-13.24 106.77q-30.61 7.23-56.53 22.15-25.93 14.93-49.47 38.46L222-674l-39.38 68L269-541.62q-5 14.24-7 29.62t-2 32.38q0 15.62 2 30.62 2 15 6.62 29.62l-86 65.38L222-286l99-42q22.77 23.38 48.69 38.31 25.93 14.92 57.31 22.92L440-160Zm40.46-200q49.92 0 84.96-35.04 35.04-35.04 35.04-84.96 0-49.92-35.04-84.96Q530.38-600 480.46-600q-50.54 0-85.27 35.04T360.46-480q0 49.92 34.73 84.96Q429.92-360 480.46-360ZM480-480Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--images::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h535.38Q778-820 799-799q21 21 21 51.31v535.38Q820-182 799-161q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-535.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM270-290h423.07L561.54-465.38 449.23-319.23l-80-102.31L270-290Zm-70 90v-560 560Zm140-370q20.77 0 35.38-14.62Q390-599.23 390-620q0-20.77-14.62-35.38Q360.77-670 340-670q-20.77 0-35.38 14.62Q290-640.77 290-620q0 20.77 14.62 35.38Q319.23-570 340-570Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--user_management::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M595.38-130.77h233.85v-30.31q-23.08-24.15-53.5-36.92-30.42-12.77-63.42-12.77T648.88-198q-30.42 12.77-53.5 36.92v30.31Zm116.93-116.92q23.07 0 39.23-16.16 16.15-16.15 16.15-39.23 0-23.07-16.15-39.23-16.16-16.15-39.23-16.15-23.08 0-39.23 16.15-16.16 16.16-16.16 39.23 0 23.08 16.16 39.23 16.15 16.16 39.23 16.16ZM480-480Zm.46-120q-49.92 0-84.96 35.04-35.04 35.04-35.04 84.96 0 40.31 22.19 70.54 22.2 30.23 58.12 43.07.38-16.84 1.46-32.46 1.08-15.61 7.15-28.38-14.76-7.62-21.84-22-7.08-14.39-7.08-30.77 0-25 17.5-42.5t42.5-17.5q15.77 0 29.46 7.88 13.7 7.89 22.31 21.27 9.08-4.61 18.96-6.61 9.89-2 19.96-2h22.16q-11.85-35.31-42.58-57.92Q520-600 480.46-600Zm-92.77 500-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-88.07 66.92q.38.77.38 1.54t.39 1.54h-74.08q-1-5-1.81-9.92-.8-4.93-2.8-9.93L777.38-606 738-674l-100.54 42.38q-20.08-21.46-48.11-37.92-28.04-16.46-56.73-23.31L520-800h-79.38l-13.24 106.77q-30.61 7.23-56.53 22.15-25.93 14.93-49.47 38.46L222-674l-39.38 68L269-541.62q-5 14.24-7 29.62t-2 32.38q0 15.62 2 30.62 2 15 6.62 29.62l-86 65.38L222-286l99-42q24 24.62 54.19 41.04 30.19 16.42 64.81 22.58V-100h-52.31Zm195.39 36.92q-23.08 0-39.23-16.15-16.16-16.16-16.16-39.23v-258.46q0-23.08 16.16-39.23 16.15-16.16 39.23-16.16h258.46q23.07 0 39.23 16.16 16.15 16.15 16.15 39.23v258.46q0 23.07-16.15 39.23-16.16 16.15-39.23 16.15H583.08Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--hit::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12 6.5c1.5 0 2.7.5 3.7 1.5s1.6 2.2 1.7 3.6l-1.6-.5c-.2-.9-.7-1.6-1.4-2.2s-1.5-.9-2.5-.9-2 .4-2.8 1.2-1.2 1.7-1.2 2.8.3 1.8.9 2.5 1.3 1.2 2.2 1.4l.5 1.6c-1.4-.1-2.6-.7-3.6-1.7s-1.5-2.3-1.5-3.7.5-2.8 1.6-3.9 2.4-1.6 3.9-1.6zm0-4c1.3 0 2.5.2 3.7.7s2.2 1.2 3 2c.9.9 1.5 1.9 2 3 .5 1.2.7 2.4.7 3.7v.4.4l-1.5-.4v-.3c0-2.2-.8-4.1-2.3-5.7s-3.4-2.3-5.7-2.3-4.1.8-5.7 2.3-2.3 3.4-2.3 5.7.8 4.1 2.3 5.7 3.4 2.3 5.7 2.3h.3l.5 1.5c-.1 0-.3 0-.4 0h-.4c-1.3 0-2.5-.2-3.7-.7s-2.2-1.2-3-2c-.9-.9-1.5-1.9-2-3-.5-1.2-.7-2.4-.7-3.7s.2-2.5.7-3.7 1.2-2.2 2-3c.9-.9 1.9-1.5 3-2 1.2-.5 2.4-.7 3.7-.7zm8 19-4.5-4.5-1.1 3.3-2.5-8.4 8.4 2.5-3.3 1.1 4.5 4.5s-1.5 1.5-1.5 1.5z" fill="%23FFF"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon--folder::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FFF"><path d="M330-250h300v-60H330v60Zm0-160h300v-60H330v60Zm-77.69 310Q222-100 201-121q-21-21-21-51.31v-615.38Q180-818 201-839q21-21 51.31-21H570l210 210v477.69Q780-142 759-121q-21 21-51.31 21H252.31ZM540-620v-180H252.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v615.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-620H540ZM240-800v180-180V-160v-640Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page .side-nav > div > menu > li:not(.current) > :not(menu).icon::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
}
.page .side-nav > div > menu > li.current {
  background: #FFF6CC;
}
.page .side-nav > div > menu > li.current > *:not(menu) {
  color: #004EA2;
}
.page .side-nav > div > menu > li > * {
  color: #fff;
}
.page .side-nav > div > menu > li > *:not(menu) {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 1.8rem;
  font-weight: 600;
}
@media (max-width: 1600px) {
  .page .side-nav > div > menu > li > *:not(menu) {
    font-size: 1.6rem;
  }
}
@media (max-width: 1480px) {
  .page .side-nav > div > menu > li > *:not(menu) {
    height: 50px;
    padding: 0 5px;
    font-size: 1.5rem;
  }
}
@media (max-width: 1080px) {
  .page .side-nav > div > menu > li > *:not(menu) {
    height: 40px;
    padding: 0 5px;
  }
}
.page .side-nav > div > menu > li > *:not(menu)::before {
  color: #fff;
}
.page .side-nav > div > menu > li menu {
  list-style: none;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  padding: 0 0 20px 0px;
}
@media (max-width: 1480px) {
  .page .side-nav > div > menu > li menu {
    padding: 0 0 20px 0px;
  }
}
@media (max-width: 1080px) {
  .page .side-nav > div > menu > li menu {
    padding: 0 0 20px 0px;
  }
}
.page .side-nav > div > menu > li menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page .side-nav > div > menu > li menu li a {
  color: #fff;
  font-size: 1.5rem;
}
@media (max-width: 1600px) {
  .page .side-nav > div > menu > li menu li a {
    font-size: 1.4rem;
  }
}
.page .side-nav > div > menu > li menu li.current {
  background: #FFF6CC;
  color: #004EA2;
}
.page .side-nav > div > menu > li menu li.current > * {
  color: #004EA2;
}
.page .side-nav > div > menu > li menu li > * {
  padding: 0 0 0px 30px;
  width: 100%;
  display: block;
}
@media (max-width: 1480px) {
  .page .side-nav > div > menu > li menu li > * {
    padding: 0 0 0px 20px;
  }
}
@media (max-width: 1080px) {
  .page .side-nav > div > menu > li menu li > * {
    padding: 0 0 0px 10px;
  }
}
.page .side-nav > div > menu > li menu li > *::before {
  content: "・";
}
.page .toggle-side-nav {
  position: fixed;
  left: 280px;
  top: 0;
  width: 25px;
  height: 100%;
  background: #FFD400;
  z-index: 9000;
}
@media (min-width: 769px) {
  .page .toggle-side-nav:not(.nothover) {
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
    cursor: pointer;
  }
}
.page .toggle-side-nav.close {
  left: 2px;
  background: rgba(255, 212, 0, 0);
}
@media (max-width: 1480px) {
  .page .toggle-side-nav.close {
    left: 5px;
  }
}
@media (max-width: 1280px) {
  .page .toggle-side-nav.close {
    left: 0px;
  }
}
@media (max-width: 1800px) {
  .page .toggle-side-nav {
    left: 255px;
  }
}
@media (max-width: 1600px) {
  .page .toggle-side-nav {
    width: 20px;
    left: 245px;
  }
}
@media (max-width: 1480px) {
  .page .toggle-side-nav {
    width: 20px;
    left: 230px;
  }
}
@media (max-width: 1280px) {
  .page .toggle-side-nav {
    left: 190px;
  }
}
@media (max-width: 1080px) {
  .page .toggle-side-nav {
    left: 160px;
  }
}
.page .toggle-side-nav__tab {
  position: sticky;
  top: 60px;
  left: 0;
  width: 100%;
  height: 46px;
  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;
  gap: 6px;
}
.page .toggle-side-nav__tab span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}

#vehicle-contents {
  padding-top: 0;
  position: relative;
  padding-top: 0;
  position: relative;
  width: calc(100vw - 320px);
  -webkit-transition: 0.2s all ease;
  transition: 0.2s all ease;
  /*
  #update-vehicle{
      display: grid;
      grid-template-columns: calc(50% - 10px) calc(50% - 10px);
      grid-template-rows: 1fr;
      gap: 30px;
          >*{
              overflow: hidden;
          }

  }
          */
}
@media (max-width: 1800px) {
  #vehicle-contents {
    width: calc(100vw - 295px);
  }
}
@media (max-width: 1600px) {
  #vehicle-contents {
    width: calc(100vw - 280px);
  }
}
@media (max-width: 1480px) {
  #vehicle-contents {
    width: calc(100vw - 265px);
  }
}
@media (max-width: 1280px) {
  #vehicle-contents {
    width: calc(100vw - 225px);
  }
}
@media (max-width: 1080px) {
  #vehicle-contents {
    width: calc(100vw - 195px);
  }
}
#vehicle-contents .cont--car-data {
  width: 100%;
  padding: 5px;
  visibility: visible;
}
#vehicle-contents .splide__slide:first-child .btn-delete-vehicle {
  display: none;
}
#vehicle-contents .splide__arrows .splide__arrow {
  background: #fff !important;
  border-radius: 0;
  background: none;
  width: 40px;
  height: 40px;
  display: block;
  opacity: 1;
  -webkit-transition: 0s all ease;
  transition: 0s all ease;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  left: -20px;
  right: auto;
  top: 50px !important;
  border-radius: 50%;
}
#vehicle-contents .splide__arrows .splide__arrow svg {
  display: none;
}
#vehicle-contents .splide__arrows .splide__arrow::before {
  position: absolute;
  left: 45%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #9B9B9B transparent transparent;
}
#vehicle-contents .splide__arrows .splide__arrow--next {
  left: auto;
  right: -20px;
  left: auto;
}
#vehicle-contents .splide__arrows .splide__arrow--next::before {
  position: absolute;
  left: 55%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(-1);
          transform: translate(-50%, -50%) scale(-1);
}
#vehicle-contents .splide__arrows .splide__arrow:disabled {
  pointer-events: none;
  opacity: 0;
}

.side-nav-close #vehicle-contents {
  width: calc(100vw - 40px);
}
@media (max-width: 1800px) {
  .side-nav-close #vehicle-contents {
    width: calc(100vw - 40px);
  }
}
@media (max-width: 1480px) {
  .side-nav-close #vehicle-contents {
    width: calc(100vw - 50px);
  }
}
@media (max-width: 1280px) {
  .side-nav-close #vehicle-contents {
    width: calc(100vw - 20px);
  }
}
@media (max-width: 1080px) {
  .side-nav-close #vehicle-contents {
    width: calc(100vw - 50px);
  }
}

.main-contents {
  padding-bottom: 0px;
  position: relative;
  width: 100%;
  margin-left: 0px;
}

.anchor-link menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}
.anchor-link menu li a {
  padding: 8px 11px 9px 17px;
  background: #E0F0FF;
  color: #000;
  font-weight: 300;
  font-size: 1.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (min-width: 769px) {
  .anchor-link menu li a:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .anchor-link menu li a:not(.nothover):hover {
    opacity: 0.8;
  }
}
.anchor-link menu li a span {
  width: 17px;
  height: 17px;
  background: #4A4A4A;
  border-radius: 50%;
  position: relative;
}
.anchor-link menu li a span::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sticky-nav {
  position: sticky;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 200;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  background: #FFF6CC;
  padding: 5px 25px 5px;
  border-bottom: solid 1px #DDDDDD;
}

.sticky-nav > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.sticky-nav > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.sticky-nav > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.sticky-nav > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
@media (max-width: 1480px) {
  .sticky-nav {
    padding: 4px 10px 4px;
  }
}
.sticky-nav > *:nth-child(2) {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  grid-column: 2;
}
.sticky-nav > *:nth-child(3) {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
.sticky-nav > *:nth-child(4) {
  margin-top: 5px;
  -ms-grid-row: 3;
  grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
.sticky-nav > *:nth-child(5) {
  margin-top: 5px;
  -ms-grid-row: 4;
  grid-row: 4;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}

.breadcrumbs {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1;
  height: 55px;
}
.breadcrumbs ul {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 960px) {
  .breadcrumbs ul {
    max-width: 50%;
  }
}
.breadcrumbs ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #004EA2;
  font-size: 3rem;
  font-weight: 600;
}
@media (max-width: 1180px) {
  .breadcrumbs ul li {
    font-size: 2.4rem;
  }
}
.breadcrumbs ul li:last-child::after {
  display: none;
}
.breadcrumbs ul li::before {
  width: 1.3em;
  height: 1.3em;
  margin-right: 10px;
}
.breadcrumbs ul li::after {
  margin-left: 10px;
  content: ">";
}

.form-header-nav {
  z-index: 200;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 1480px) {
  .form-header-nav {
    right: 20px;
    gap: 10px;
  }
}
@media (max-width: 960px) {
  .form-header-nav {
    gap: 5px;
  }
}
@media (max-width: 960px) {
  .form-header-nav {
    top: 52px;
    gap: 0px;
    max-width: 165px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-header-nav > * {
    height: 26px;
  }
}
@media (max-width: 1430px) {
  .form-header-nav > * {
    width: 100px;
  }
}
@media (max-width: 960px) {
  .form-header-nav > * {
    width: 80px;
  }
}

.sect-wrap {
  padding: 25px 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
@media (max-width: 1600px) {
  .sect-wrap {
    gap: 20px;
  }
}
@media (max-width: 1480px) {
  .sect-wrap {
    padding: 15px;
    gap: 20px;
  }
}

.sect {
  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;
}
@media (max-width: 1600px) {
  .sect {
    gap: 15px;
  }
}
@media (max-width: 1480px) {
  .sect {
    gap: 15px;
  }
}
.sect__title {
  font-size: 3rem;
  font-weight: 500;
  color: #004EA2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.tooltip-inner {
  text-align: left !important;
}

.cont--information {
  border: solid 2px #FFD400;
  padding: 20px;
  background: #fff;
  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;
}
.cont--information p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #FF4E00;
  margin: 0;
  font-size: 2rem;
  line-height: 1.7;
  text-align: center;
}
.cont--information p span {
  display: inline-block;
}
.cont--member-list {
  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;
}
.cont--coupon-table-wrap {
  height: calc(100vh - 460px);
  overflow-y: auto;
}
.cont--colum2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 35px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 35px;
}
.cont--colum2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--colum2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 1800px) {
  .cont--colum2 {
    gap: 30px;
  }
}
@media (max-width: 1600px) {
  .cont--colum2 {
    gap: 25px;
  }
}
@media (max-width: 960px) {
  .cont--colum2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .cont--colum2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
.cont--preset-cat .tbl-wrap {
  margin: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
.cont--preset-cat .tbl-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--preset-cat .tbl-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.cont--preset-cat .tbl-wrap > div {
  padding: 11px 0px 0 11px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cont--details-cat .tbl--style02 {
  width: 100%;
}
.cont--details-cat .tbl--style02 tbody td {
  vertical-align: middle;
  width: 100vw;
  max-width: 100rem;
}
.cont--details-cat .tbl--style02 tbody td input {
  width: 100%;
}
.cont--details-cat .tbl--style02 tbody th {
  width: 0;
  white-space: nowrap;
  vertical-align: top;
}
.cont--details-cat .tbl--style02 tbody th span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cont--details-cat .tbl-wrap {
  margin: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
.cont--details-cat .tbl-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--details-cat .tbl-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.cont--details-cat .tbl-wrap > div {
  padding: 11px 11px 0 11px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cont--preset-main .delivery-settings {
  padding: 0 0px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 20px 1fr;
  grid-template-columns: 80px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 20px;
  margin-top: 10px;
}
.cont--preset-main .delivery-settings > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--preset-main .delivery-settings > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.cont--preset-main .delivery-settings:first-child {
  margin-top: 0;
}
.cont--preset-main .delivery-settings__form {
  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;
}
.cont--preset-main .delivery-settings__form > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.cont--preset-main .delivery-settings__note {
  line-height: 1.5;
  font-size: 1.2rem;
  display: block;
  margin-bottom: -1.2em;
}
.cont--preset-main .conditions-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 300px;
  grid-template-columns: 1fr 300px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 20px;
}
.cont--preset-main .conditions-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--preset-main .conditions-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.cont--preset-main .conditions {
  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;
}
.cont--preset-main .conditions > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.cont--preset-main .send-members {
  width: 100%;
  height: 100px;
}
.cont--preset-list__title {
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 5px;
}
.cont--preset-information {
  margin: 50px 0;
}
.cont--preset-information .box--border {
  padding: 10px 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 200px;
  grid-template-columns: 1fr 1fr 200px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 10px;
}
.cont--preset-information .box--border > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--preset-information .box--border > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.cont--preset-information .box--border > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.cont--preset-information .box--border > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cont--preset-information .box--border > *:nth-child(1) {
  gap: 20px;
  font-size: 3rem;
  font-weight: 500;
}
@media (max-width: 1180px) {
  .cont--preset-information .box--border > *:nth-child(1) {
    gap: 10px;
  }
}
.cont--preset-information .box--border > *:nth-child(2) {
  font-size: 3rem;
  gap: 20px;
}
@media (max-width: 1180px) {
  .cont--preset-information .box--border > *:nth-child(2) {
    gap: 10px;
  }
}
.cont--preset-information .box--border > *:nth-child(2) > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.cont--preset-information .box--border > *:nth-child(2) strong {
  display: block;
  font-size: 5rem;
  color: #004EA2;
  font-weight: 500;
}
.cont--preset-information .box--border > *:nth-child(3) a {
  width: 100px;
  margin: 0;
}
.cont--request-number__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.cont--request-number__list ul li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 30px 15px;
}
.cont--request-number__list ul li a {
  color: #4A4A4A;
}
.cont--request-number__list ul li .icon::before {
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
  font-size: 1.3em;
}
.cont--request-number__list ul li.box--border-orange div .icon::before {
  -webkit-transform: translateY(0.1em) scaleX(-1);
          transform: translateY(0.1em) scaleX(-1);
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23FF6200"><path d="M140-190v-580l688.46 290L140-190Zm60-90 474-200-474-200v147.69L416.92-480 200-427.69V-280Zm0 0v-400 400Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cont--request-number__list ul li.box--border-orange div em {
  color: #FF6200;
}
.cont--request-number__list ul li.box--border-green div .icon::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2320CC00"><path d="M382.62-340 480-414l95.38 73.23-36.61-118.31 98.92-77.23H518.61L480-655.38l-38.61 119.07H322.31l96.92 77.23L382.62-340ZM172.31-180q-29.92 0-51.12-21.19Q100-222.39 100-252.31v-109.61q0-9.85 5.66-17.46 5.65-7.62 15.11-10.39 26.31-12.23 42.77-36.31Q180-450.15 180-480t-16.46-53.92q-16.46-24.08-42.77-36.31-9.46-2.77-15.11-10.39-5.66-7.61-5.66-17.46v-109.61q0-29.92 21.19-51.12Q142.39-780 172.31-780h615.38q29.92 0 51.12 21.19Q860-737.61 860-707.69v109.61q0 9.85-5.66 17.46-5.65 7.62-15.11 10.39-26.31 12.23-42.77 36.31Q780-509.85 780-480t16.46 53.92q16.46 24.08 42.77 36.31 9.46 2.77 15.11 10.39 5.66 7.61 5.66 17.46v109.61q0 29.92-21.19 51.12Q817.61-180 787.69-180H172.31Zm0-60h615.38q5.39 0 8.85-3.46t3.46-8.85V-342q-37-22-58.5-58.5T720-480q0-43 21.5-79.5T800-618v-89.69q0-5.39-3.46-8.85t-8.85-3.46H172.31q-5.39 0-8.85 3.46t-3.46 8.85V-618q37 22 58.5 58.5T240-480q0 43-21.5 79.5T160-342v89.69q0 5.39 3.46 8.85t8.85 3.46ZM480-480Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.cont--request-number__list ul li.box--border-green div em {
  color: #20CC00;
}
.cont--request-number__list ul li div {
  font-size: 3rem;
  font-weight: 500;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
@media (max-width: 1400px) {
  .cont--request-number__list ul li div {
    font-size: 2rem;
    gap: 5px;
  }
}
.cont--request-number__list ul li div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
.cont--request-number__list ul li div em {
  line-height: 1.2;
  font-style: normal;
  margin-left: 20px;
  font-size: 4rem;
  color: #004EA2;
}
@media (max-width: 1400px) {
  .cont--request-number__list ul li div em {
    font-size: 3rem;
  }
}
.cont--remand {
  background: #FA8840;
  border: solid 2px #FFD400;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30px 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 30px;
}
.cont--remand > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--remand > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.cont--remand__title {
  color: #fff;
  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;
}
.cont--remand__title strong {
  font-size: 2.5rem;
  font-weight: 500;
}
.cont--remand__title time {
  border: solid 1px #fff;
  font-size: 1.8rem;
  font-weight: 500;
  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;
  padding: 3px;
}
.cont--remand__main {
  font-size: 2rem;
  font-weight: 300;
}
.cont--remand__main textarea::-webkit-input-placeholder {
  color: #4A4A4A;
}
.cont--remand__main textarea::-moz-placeholder {
  color: #4A4A4A;
}
.cont--remand__main textarea:-ms-input-placeholder {
  color: #4A4A4A;
}
.cont--remand__main textarea::-ms-input-placeholder {
  color: #4A4A4A;
}
.cont--remand__main textarea::placeholder {
  color: #4A4A4A;
}
.cont--remand__main > * {
  color: #4A4A4A;
  min-height: 125px;
  padding: 10px 20px;
  background: #fff;
  font-size: 2rem;
  font-weight: 300;
}
.cont--upload__list {
  padding: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 40px;
}
.cont--upload__list > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--upload__list > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.cont--upload__list > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.cont--upload__list > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.cont--upload__list > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.cont--upload__list > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}
@media (max-width: 1400px) {
  .cont--upload__list {
    gap: 20px;
  }
}
@media (max-width: 1280px) {
  .cont--upload__list {
    padding: 20px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .cont--upload__list > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .cont--upload__list > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .cont--upload__list > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .cont--upload__list > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
}
@media (max-width: 960px) {
  .cont--upload__list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .cont--upload__list > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .cont--upload__list > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .cont--upload__list > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
.cont--upload__list li {
  width: 100%;
  height: 100%;
  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;
}
.cont--upload__list li a {
  width: 100%;
  height: 100%;
  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;
}
@media (min-width: 769px) {
  .cont--upload__list li a:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .cont--upload__list li a:not(.nothover):hover {
    opacity: 0.7;
  }
}
.cont--upload__list li a figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  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;
}
.cont--upload__list li a figure figcaption {
  word-wrap: break-word;
  word-break: break-all;
  color: #000;
}
.cont--upload__list li a figure > div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  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;
}
.cont--upload__list li a figure > div img {
  width: 100%;
  height: auto;
}
.cont--upload__details {
  padding: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.5fr 30px 1fr;
  grid-template-columns: 0.5fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 30px;
}
.cont--upload__details > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--upload__details > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 1280px) {
  .cont--upload__details {
    gap: 20px;
    gap: 20px;
  }
}
.cont--upload__details > div img {
  width: 100%;
  height: auto;
}
.cont--upload__details .tbl--style02 > tbody > tr > th {
  max-width: 220px;
  width: 30%;
  min-width: 190px;
  padding: 0px 0px 20px 0px;
}
.cont--upload__details .tbl--style02 > tbody > tr > td {
  vertical-align: middle;
  padding: 0px 0px 20px 20px;
}
.cont--error {
  border: 2px solid #FF0000;
  background: #FFF4ED;
  display: none;
}
.cont--error.active {
  padding: 20px;
  margin: 25px 25px 0 25px;
  display: block;
}
.cont--error > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 110px 0px 1fr;
  grid-template-columns: 110px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 0px;
}
.cont--error > div > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--error > div > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.cont--error > div strong {
  font-weight: 600;
  color: #FF0000;
}
.cont--error > div > div {
  font-weight: 600;
  color: #FF0000;
}

.grid-preset {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 20px 1fr 20px auto;
  grid-template-columns: auto 1fr auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.grid-preset > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.grid-preset > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.grid-preset > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.preset-preview-01 {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 300px;
  grid-template-columns: 1fr 300px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 20px;
}

.preset-preview-01 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.preset-preview-01 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.preset-preview-01 p {
  line-height: 1.5;
  color: #707070;
}
.preset-preview-01 img {
  width: 100%;
  height: auto;
}

.send-members {
  width: 300px;
  height: 97px;
  background: #F2F2F2 !important;
  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;
  gap: 5px;
  padding: 10px;
  font-size: 2rem;
}
.send-members span {
  font-size: 3rem;
}

.coupon-detail {
  margin: 20px 0;
  border: solid 1px #ccc;
  padding: 10px;
}
.coupon-detail h3 {
  background: #CCCCCC;
  font-weight: 300;
  padding: 10px 20px;
}
.coupon-detail .img {
  margin-top: 10px;
  padding: 10px;
  border: solid 1px #efefef;
}
.coupon-detail .img img {
  width: 100%;
  height: auto;
}
.coupon-detail__product-cord {
  width: 100%;
}
.coupon-detail__product-cord tr {
  position: relative;
}
.coupon-detail__product-cord tr::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  content: "";
  background-size: 8px 1px;
  background-image: linear-gradient(to right, #ccc 4px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 0px;
}
.coupon-detail__product-cord thead th {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 10px;
}
.coupon-detail__product-cord tbody tr:last-child::after {
  display: none;
}
.coupon-detail__product-cord tbody td {
  font-size: 1.8rem;
  font-weight: 300;
  padding: 10px;
}
.coupon-detail__product-cord tbody td:first-child {
  width: 100px;
}

.coupon-detail-img {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 20px;
}

.coupon-detail-img > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.coupon-detail-img > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 1180px) {
  .coupon-detail-img {
    gap: 10px;
  }
}
.coupon-detail-img .up-file #drag-area p,
.coupon-detail-img .btn--Input-file {
  font-size: 0.9em;
}
.coupon-detail-img .up-file__note small {
  font-size: 0.6em;
}
.coupon-detail-img .img {
  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;
  padding: 10px;
  border: solid 1px #efefef;
}
.coupon-detail-img .img img {
  width: 100%;
  height: auto;
}

.coupon-detail-img + small {
  font-size: 0.8em;
  text-align: center;
}

.coupon-detail-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 0.4fr;
  grid-template-columns: 1fr 0.4fr;
  gap: 40px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.coupon-detail-grid .coupon-detail {
  margin: 10px 0;
}

.coupon-detail-style02 {
  border: solid 2px #FFD400;
  padding: 14px;
  background: #fff;
}
.coupon-detail-style02 h3 {
  background: #E0F0FF;
  font-weight: 300;
  padding: 10px 20px;
}
.coupon-detail-style02 .img {
  margin-top: 10px;
  padding: 10px;
  border: solid 1px #efefef;
}
.coupon-detail-style02 .img img {
  width: 100%;
  height: auto;
}
.coupon-detail-style02__product-cord {
  width: 100%;
}
.coupon-detail-style02__product-cord tr {
  position: relative;
}
.coupon-detail-style02__product-cord tr::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  content: "";
  background-size: 8px 1px;
  background-image: linear-gradient(to right, #ccc 4px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 0px;
}
.coupon-detail-style02__product-cord thead th {
  font-size: 1.5rem;
  font-weight: 300;
  padding: 10px;
}
.coupon-detail-style02__product-cord tbody tr:last-child::after {
  display: none;
}
.coupon-detail-style02__product-cord tbody td {
  font-size: 1.8rem;
  font-weight: 300;
  padding: 10px;
}
.coupon-detail-style02__product-cord tbody td:first-child {
  width: 100px;
}

.coupon-grid {
  padding: 20px;
  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;
}
.coupon-grid .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.coupon-grid .flex > span {
  min-width: 80px;
}
.coupon-grid .flex > input {
  max-width: 550px;
  width: 100%;
}

.coupon-tbl {
  width: 100%;
}
.coupon-tbl td {
  padding: 10px;
  vertical-align: middle !important;
}
.coupon-tbl td:first-child {
  width: 260px;
  padding: 0 15px;
}

.box--border {
  background: #fff;
  border: solid 2px #FFD400;
}
.box--border__inner {
  padding: 14px;
}
.box--border-blue {
  background: #fff;
  border: solid 2px #004EA2;
}
.box--border-blue__inner {
  padding: 14px;
}
.box--border-light-blue {
  background: #fff;
  border: solid 2px #4B8CCA;
}
.box--border-light-blue__inner {
  padding: 14px;
}
.box--border-orange {
  background: #fff;
  border: solid 2px #FF6200;
}
.box--border-orange__inner {
  padding: 14px;
}
.box--border-green {
  background: #fff;
  border: solid 2px #5ACA4B;
}
.box--border-green__inner {
  padding: 14px;
}
.box--obi {
  padding: 7px 2px 2px;
  background: #fff;
  position: relative;
}
.box--obi::before {
  content: "";
  width: calc(100% - 4px);
  height: 5px;
  position: absolute;
  top: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.box--obi-light-blue::before {
  background: #4B8CCA;
}
.box--obi-brown::before {
  background: #C6A500;
}
.box--obi-gray::before {
  background: #9B9B9B;
}

.title--style01 {
  background: #E0F0FF;
  font-weight: 300;
  padding: 10px 20px;
}

.product-cord {
  width: 100%;
}
.product-cord tr {
  position: relative;
}
.product-cord tr td {
  /* 最後の `td` に適用 */
  position: relative;
}
.product-cord tr td::after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 1px;
  content: "";
  background-size: 8px 1px;
  background-image: linear-gradient(to right, #ccc 4px, transparent 4px);
  background-repeat: repeat-x;
  background-position: left bottom;
}
.product-cord thead th {
  font-size: 1.4rem;
  font-weight: 300;
  padding: 10px 5px;
  text-align: left;
}
.product-cord thead th:first-child, .product-cord thead th:last-child {
  padding: 10px 0px;
}
.product-cord tbody tr:last-child::after {
  display: none;
}
.product-cord tbody tr.grabbing td {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
.product-cord tbody td {
  vertical-align: middle;
  font-size: 1.6rem;
  font-weight: 300;
  padding: 10px 5px;
  cursor: -webkit-grab;
  cursor: grab;
}
.product-cord tbody td input {
  font-size: 1.6rem;
}
.product-cord tbody td:first-child, .product-cord tbody td:last-child {
  padding: 10px 0px;
}
.product-cord tbody td:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.btn-remove-products {
  width: 30px;
  height: 40px;
  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;
}
@media (min-width: 769px) {
  .btn-remove-products:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .btn-remove-products:not(.nothover):hover::before {
    background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23000"><path d="m336-293.85 144-144 144 144L666.15-336l-144-144 144-144L624-666.15l-144 144-144-144L293.85-624l144 144-144 144L336-293.85ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.btn-remove-products::before {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23ccc"><path d="m336-293.85 144-144 144 144L666.15-336l-144-144 144-144L624-666.15l-144 144-144-144L293.85-624l144 144-144 144L336-293.85ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.members-search {
  padding: 22px 20px 15px;
}
.members-search__form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 142px;
  grid-template-columns: 1fr 142px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 40px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.members-search__form > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.members-search__form > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 1380px) {
  .members-search__form {
    gap: 20px;
  }
}
.members-search__form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 5%;
}
@media (max-width: 1380px) {
  .members-search__form ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.members-search__form ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 30%;
}
@media (max-width: 1380px) {
  .members-search__form ul li {
    width: 45%;
  }
}
.members-search__form ul span {
  width: 120px;
  font-size: 1.8rem;
}
@media (max-width: 1380px) {
  .members-search__form ul span {
    width: 100px;
    line-height: 1.2;
  }
}
.members-search__form ul input, .members-search__form ul select {
  width: calc(100% - 120px);
  padding: 5px;
  border: solid 1px #CCCCCC;
}
@media (max-width: 1380px) {
  .members-search__form ul input, .members-search__form ul select {
    width: calc(100% - 100px);
  }
}

.search-wrap2 {
  padding: 10px 15px;
  background: #fff;
}
.search-wrap2 .row2 {
  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;
}
.search-wrap2__form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 60px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 60px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.search-wrap2__form > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.search-wrap2__form > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 1380px) {
  .search-wrap2__form {
    gap: 20px;
  }
}
.search-wrap2__form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 5%;
}
@media (max-width: 1380px) {
  .search-wrap2__form ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.search-wrap2__form ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.search-wrap2__form ul span {
  display: block;
  width: 120px;
  font-size: 1.8rem;
  white-space: nowrap;
}
@media (max-width: 1380px) {
  .search-wrap2__form ul span {
    width: 100px;
    line-height: 1.2;
  }
}
.search-wrap2__form ul input,
.search-wrap2__form ul select {
  height: 40px;
  padding: 5px;
  border: solid 1px #CCCCCC;
}

.input-date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.input-date-wrap > div {
  position: relative;
}
.input-date-wrap > div span {
  left: 0;
  top: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 10px;
  font-size: 16px;
  position: absolute;
  left: 3px;
  top: -0.7em;
  background: #fff;
  line-height: 1;
  -webkit-filter: drop-shadow(0px 0px 4px #fff);
          filter: drop-shadow(0px 0px 4px #fff);
}

.search-wrap {
  padding: 10px 15px;
  background: #fff;
}
.search-wrap__input-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.search-wrap__input-date > div {
  position: relative;
}
.search-wrap__input-date > div span {
  left: 0;
  top: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 10px;
  font-size: 12px;
  position: absolute;
  left: 3px;
  top: -0.7em;
  background: #fff;
  line-height: 1;
  -webkit-filter: drop-shadow(0px 0px 4px #fff);
          filter: drop-shadow(0px 0px 4px #fff);
}
.search-wrap__form {
  gap: 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-wrap__form > * {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.search-wrap__form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 40px;
}
.search-wrap__form ul li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.search-wrap__form ul li span {
  white-space: nowrap;
}
@media (max-width: 1600px) {
  .search-wrap__form ul li span {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .search-wrap__form ul li span {
    font-size: 1.4rem;
  }
}
.search-wrap__form ul li input {
  width: 100%;
  padding: 0 10px;
  border: solid 1px #CCCCCC;
}
.search-wrap__form ul li select:not([type=radio]):not([type=checkbox]),
.search-wrap__form ul li input:not([type=radio]):not([type=checkbox]) {
  height: auto;
  width: 300px;
  height: 40px;
}
@media (max-width: 1900px) {
  .search-wrap__form ul li select:not([type=radio]):not([type=checkbox]),
  .search-wrap__form ul li input:not([type=radio]):not([type=checkbox]) {
    width: 200px;
  }
}
@media (max-width: 1520px) {
  .search-wrap__form ul li select:not([type=radio]):not([type=checkbox]),
  .search-wrap__form ul li input:not([type=radio]):not([type=checkbox]) {
    width: auto;
  }
}
.search-wrap__form-grid ul.grid--4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 10px 30px;
}
.search-wrap__form-grid ul.grid--4 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.search-wrap__form-grid ul.grid--4 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.search-wrap__form-grid ul.grid--4 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.search-wrap__form-grid ul.grid--4 > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media (max-width: 1800px) {
  .search-wrap__form-grid ul.grid--4 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .search-wrap__form-grid ul.grid--4 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .search-wrap__form-grid ul.grid--4 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .search-wrap__form-grid ul.grid--4 > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 1280px) {
  .search-wrap__form-grid ul.grid--4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .search-wrap__form-grid ul.grid--4 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .search-wrap__form-grid ul.grid--4 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.search-wrap__form-grid ul.grid--4 li {
  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;
  gap: 20px;
}
.search-wrap__form-grid ul.grid--4 li span {
  display: block;
  width: 120px;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .search-wrap__form-grid ul.grid--4 li span {
    width: 100px;
  }
}
@media (max-width: 1080px) {
  .search-wrap__form-grid ul.grid--4 li span {
    width: 80px;
  }
}
@media (max-width: 1600px) {
  .search-wrap__form-grid ul.grid--4 li span {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .search-wrap__form-grid ul.grid--4 li span {
    font-size: 1.4rem;
  }
}
.search-wrap__form-grid ul.grid--4 li label {
  white-space: nowrap;
}
.search-wrap__form-grid ul.grid--4 li select,
.search-wrap__form-grid ul.grid--4 li input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 40px;
  width: calc(100% - 145px);
}
.search-wrap__form-grid ul.grid--4 li button {
  margin: 0;
}
.search-wrap__form-grid ul:nth-child2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 10px 30px;
}
.search-wrap__form-grid ul:nth-child2 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.search-wrap__form-grid ul:nth-child2 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 1800px) {
  .search-wrap__form-grid ul:nth-child2 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .search-wrap__form-grid ul:nth-child2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .search-wrap__form-grid ul:nth-child2 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .search-wrap__form-grid ul:nth-child2 > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 1280px) {
  .search-wrap__form-grid ul:nth-child2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .search-wrap__form-grid ul:nth-child2 > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .search-wrap__form-grid ul:nth-child2 > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.search-wrap__form-grid ul:nth-child2 li {
  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;
  gap: 20px;
}
.search-wrap__form-grid ul:nth-child2 li span {
  display: block;
  width: 120px;
  white-space: nowrap;
}
@media (max-width: 1280px) {
  .search-wrap__form-grid ul:nth-child2 li span {
    width: 100px;
  }
}
@media (max-width: 1080px) {
  .search-wrap__form-grid ul:nth-child2 li span {
    width: 80px;
  }
}
@media (max-width: 1600px) {
  .search-wrap__form-grid ul:nth-child2 li span {
    font-size: 1.5rem;
  }
}
@media (max-width: 1280px) {
  .search-wrap__form-grid ul:nth-child2 li span {
    font-size: 1.4rem;
  }
}
.search-wrap__form-grid ul:nth-child2 li label {
  white-space: nowrap;
}
.search-wrap__form-grid ul:nth-child2 li select,
.search-wrap__form-grid ul:nth-child2 li input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 40px;
  width: calc(100% - 145px);
}
.search-wrap__form-grid ul:nth-child2 li button {
  margin: 0;
}

.search-wrap3 {
  padding: 10px 15px;
  background: #fff;
}
.search-wrap3__form ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 20px 40px;
}
.search-wrap3__form ul > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.search-wrap3__form ul > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.search-wrap3__form ul > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.search-wrap3__form ul > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media (max-width: 1800px) {
  .search-wrap3__form ul {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .search-wrap3__form ul > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .search-wrap3__form ul > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .search-wrap3__form ul > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 1280px) {
  .search-wrap3__form ul {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  .search-wrap3__form ul > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .search-wrap3__form ul > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.search-wrap3__form ul li {
  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;
  gap: 20px;
}
.search-wrap3__form ul li span {
  display: block;
  width: 125px;
  white-space: nowrap;
}
.search-wrap3__form ul li label {
  white-space: nowrap;
}
.search-wrap3__form ul li select,
.search-wrap3__form ul li input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 40px;
  width: calc(100% - 145px);
}
.search-wrap3__form ul li button {
  margin: 0;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 5px 0 0 auto;
}
.pagination > a {
  display: none;
}
.pagination > * > a {
  font-size: 1.4rem;
  line-height: 1;
}
.pagination > *.active {
  background: #fff;
}
.pagination > *.active.current a {
  color: #FFB100;
}
.pagination__prev a {
  position: relative;
  color: #004EA2;
}
.pagination__prev a::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #004EA2;
  border-right: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scaleX(-1);
          transform: translate(-50%, -50%) scaleX(-1);
}
.pagination__next a {
  position: relative;
  color: #004EA2;
}
.pagination__next a::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 6px solid #004EA2;
  border-right: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pagination li a {
  height: 30px;
  width: 30px;
  color: #004EA2;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  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;
}
@media (min-width: 769px) {
  .pagination li a:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .pagination li a:not(.nothover):hover {
    opacity: 0.5;
  }
}
.pagination li a span {
  display: none;
}

.tbl-h-auto {
  min-height: 400px;
  overflow-y: hidden;
  height: 100%;
  display: none;
}
.tbl-h-auto.active {
  display: block;
  overflow-y: auto;
}

.sect--user .cont p {
  height: 100%;
  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;
  gap: 50px;
  margin: 0;
  padding: 5px 20px 15px;
}
@media (max-width: 1480px) {
  .sect--user .cont p {
    gap: 20px;
  }
}
.sect--user .cont p span {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1;
}
.sect--user .cont p strong {
  font-size: 4rem;
  font-weight: 300;
  line-height: 1.5;
}
.sect--user .cont--user-head .box--obi-light-blue p {
  color: #004EA2;
}
.sect--user .cont--user-head .box--obi-brown p {
  color: #917902;
}
.sect--edit {
  gap: 20px;
}
.sect--edit .cont--edit > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}

.cont--car-data__head {
  gap: 10px;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 1080px) {
  .cont--car-data__head {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cont--car-data__head strong {
  font-size: 2.5rem;
  font-weight: 700;
}
.cont--car-data__head .radio-wrap {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  font-size: 1.8rem;
  font-weight: 300;
}
.cont--car-data__head .radio-wrap label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.cont--car-data__head .radio-wrap input[type=radio] {
  width: 1.1em;
  height: 1.1em;
}
.cont--car-data__head .car-data-menu {
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 2;
  grid-column: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cont--car-data__head .car-data-menu button {
  width: 100px !important;
  max-width: 120px !important;
}
@media (max-width: 1180px) {
  .cont--car-data__head .car-data-menu button {
    width: 100% !important;
    max-width: 90px !important;
  }
}
.cont--car-data__head .car-data-menu__delete-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 30000;
  width: 100%;
  height: 100%;
  left: 0;
  width: 0;
  background: rgba(0, 0, 0, 0.16);
}
@media (min-width: 769px) {
  .cont--car-data__head .car-data-menu__delete:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .cont--car-data__head .car-data-menu__delete:not(.nothover):hover {
    opacity: 0.7;
  }
}
.cont--car-data__head .car-data-menu .hidden {
  display: none;
}
.cont--car-data__head .car-data-menu__edit-wrap {
  cursor: pointer;
}
.cont--car-data__head .car-data-menu__edit-wrap.hidden {
  display: none;
}
.cont--car-data__head .car-data-menu__update {
  display: none;
}
.cont--car-data__head .car-data-menu__update.active {
  display: block;
}
.cont--car-data__head .car-data-menu__update.active > * {
  pointer-events: all;
}
.cont--car-data__card {
  padding: 6px;
}
@media (max-width: 1500px) {
  .cont--car-data__card {
    width: 80%;
  }
}
.cont--car-data__card .card-inner {
  background: #fff;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
  padding: 30px;
}
@media (max-width: 1500px) {
  .cont--car-data__card .card-inner {
    padding: 25px;
  }
}
.cont--car-data__add-card {
  width: calc(30% - 20px);
}
@media (max-width: 1500px) {
  .cont--car-data__add-card {
    width: calc(20% - 20px);
  }
}
.cont--car-data__add-card .card-inner {
  height: 100%;
}
.cont--car-data__add-card .btn--add-car {
  height: 100%;
  width: 100%;
  gap: 90px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 4rem;
  font-weight: 700;
  color: #4A4A4A;
}
@media (max-width: 1500px) {
  .cont--car-data__add-card .btn--add-car {
    gap: 2vw;
  }
}
@media (max-width: 1500px) {
  .cont--car-data__add-card .btn--add-car {
    font-size: 1.8vw;
  }
}
.cont--car-data__add-card .btn--add-car br {
  display: none;
}
@media (min-width: 769px) {
  .cont--car-data__add-card .btn--add-car:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .cont--car-data__add-card .btn--add-car:not(.nothover):hover .icon--plus {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.cont--car-data__add-card .btn--add-car .icon--plus {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  border: solid 8px #4A4A4A;
  position: relative;
}
@media (max-width: 1500px) {
  .cont--car-data__add-card .btn--add-car .icon--plus {
    width: 7vw;
    height: 7vw;
    border: solid 0.4vw #4A4A4A;
  }
}
@media (max-width: 1480px) {
  .cont--car-data__add-card .btn--add-car .icon--plus {
    width: 6vw;
    height: 6vw;
    border: solid 0.4vw #4A4A4A;
  }
}
.cont--car-data__add-card .btn--add-car .icon--plus::after {
  content: "";
  width: 20px;
  height: 85%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #4A4A4A;
}
@media (max-width: 1500px) {
  .cont--car-data__add-card .btn--add-car .icon--plus::after {
    width: 20%;
  }
}
.cont--car-data__add-card .btn--add-car .icon--plus::before {
  content: "";
  height: 20px;
  width: 85%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #4A4A4A;
}
@media (max-width: 1500px) {
  .cont--car-data__add-card .btn--add-car .icon--plus::before {
    height: 20%;
  }
}
.cont--car-data__add-card .card-inner {
  padding: 0;
}
.cont--car-data__col2 {
  margin-top: 20px;
  width: 100%;
  position: relative;
}
@media (max-width: 1600px) {
  .cont--car-data__col2 {
    -ms-grid-columns: calc(50% - 10px) 20px calc(50% - 10px);
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    gap: 20px;
  }
}
.cont--car-data__col2 > div {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cont--car-data__col2 > div .row.mt-1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 120px 5px 1fr 5px auto;
  grid-template-columns: 120px 1fr auto;
  -ms-grid-rows: auto 5px auto;
  grid-template-rows: auto auto;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cont--car-data__col2 > div .row.mt-1 > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.cont--car-data__col2 > div .row.mt-1 > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.cont--car-data__col2 > div .row.mt-1 > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.cont--car-data__col2 > div .row.mt-1 > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.cont--car-data__col2 > div .row.mt-1 > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.cont--car-data__col2 > div .row.mt-1 > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.cont--car-data__col2 > div .text-lowercase.text-end {
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/span 2;
  margin-bottom: 10px;
  color: red;
}
.cont--car-data__col2 > div .d-flex {
  gap: 5px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 5px 1fr 5px 1fr;
  grid-template-columns: 2fr 1fr 1fr;
}
.cont--car-data__col2 > div * {
  font-size: 1.6rem;
  font-weight: 300;
}
@media (max-width: 1800px) {
  .cont--car-data__col2 > div * {
    font-size: 1.5rem;
  }
}
@media (max-width: 1500px) {
  .cont--car-data__col2 > div * {
    font-size: 1.4rem;
  }
}
@media (max-width: 1480px) {
  .cont--car-data__col2 > div * {
    font-size: 1.4rem;
  }
}
@media (max-width: 1080px) {
  .cont--car-data__col2 > div * {
    font-size: 1.4rem;
  }
}
.cont--car-data__col2 > div * textarea {
  height: 80px;
  width: 100%;
  font-size: 1.5rem;
  padding: 0px 10px;
  border: solid #ccc 1px;
  margin: 0;
  background: #fff !important;
}
.cont--car-data__col2 > div * textarea:disabled {
  background: #F2F2F2 !important;
}
.cont--car-data__col2 > div * textarea.wp50 {
  width: 50%;
}
.cont--car-data__col2 > div * input[type=radio] {
  width: 1.2em;
  height: 1.2em;
}
@media (max-width: 1400px) {
  .cont--car-data__col2 > div * input[type=radio] {
    width: 1em;
    height: 1em;
  }
}
.cont--car-data__col2 > div * input[type=text],
.cont--car-data__col2 > div * input[type=number],
.cont--car-data__col2 > div * input[type=date] {
  width: 100%;
  font-size: 1.5rem;
  padding: 3px 5px;
  border: solid #ccc 1px;
  margin: 0;
  background: #fff !important;
  height: 40px !important;
}
.cont--car-data__col2 > div * input[type=text]:disabled,
.cont--car-data__col2 > div * input[type=number]:disabled,
.cont--car-data__col2 > div * input[type=date]:disabled {
  background: #F2F2F2 !important;
}
.cont--car-data__col2 > div * input[type=text].wp50,
.cont--car-data__col2 > div * input[type=number].wp50,
.cont--car-data__col2 > div * input[type=date].wp50 {
  width: 50%;
}
.cont--car-data__col2 > div select {
  height: 30px;
  width: 100%;
  font-size: 1.6rem;
  padding: 3px 5px;
  border: solid #ccc 1px;
  margin: 0;
  height: 40px !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../images/icon_arrow.svg");
  background-size: 8px;
  background-position: calc(100% - 8px) center;
  background-repeat: no-repeat;
  padding-right: 26px !important;
}
.cont--car-data__col2 > div select:disabled {
  background-image: url("../images/icon_arrow.svg") !important;
  background-color: #F2F2F2 !important;
}
.cont--car-data__col2 > div select.wp50 {
  width: 50%;
}

.tbl-wrap {
  position: relative;
  z-index: 0;
  margin-right: -2px;
  margin-bottom: -2px;
}
.tbl-wrap::-webkit-scrollbar {
  background: #F2F2F2;
  width: 11px;
}
.tbl-wrap::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.form--edit {
  width: 100%;
  position: relative;
}

.delete-wrap__form,
.product-settig__form,
.car-care-settig__form {
  margin-bottom: 30px;
}
.delete-wrap__form > div,
.product-settig__form > div,
.car-care-settig__form > div {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 140px;
  grid-template-columns: 1fr 140px;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 30px;
}
.delete-wrap__form > div > *:nth-child(1), .product-settig__form > div > *:nth-child(1), .car-care-settig__form > div > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.delete-wrap__form > div > *:nth-child(2), .product-settig__form > div > *:nth-child(2), .car-care-settig__form > div > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.delete-wrap__form > div div,
.product-settig__form > div div,
.car-care-settig__form > div div {
  width: 100%;
  height: 100%;
  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;
}
.delete-wrap__form > div div button,
.product-settig__form > div div button,
.car-care-settig__form > div div button {
  margin: 5px 0;
}
.delete-wrap__form > div ul,
.product-settig__form > div ul,
.car-care-settig__form > div ul {
  height: 350px;
  overflow-y: auto;
  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;
}
.delete-wrap__form > div ul li,
.product-settig__form > div ul li,
.car-care-settig__form > div ul li {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 10px 350px 10px 1fr;
  grid-template-columns: 20px 350px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.delete-wrap__form > div ul li > *:nth-child(1), .product-settig__form > div ul li > *:nth-child(1), .car-care-settig__form > div ul li > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.delete-wrap__form > div ul li > *:nth-child(2), .product-settig__form > div ul li > *:nth-child(2), .car-care-settig__form > div ul li > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.delete-wrap__form > div ul li > *:nth-child(3), .product-settig__form > div ul li > *:nth-child(3), .car-care-settig__form > div ul li > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.delete-wrap__form > div ul li .modal-product-name,
.product-settig__form > div ul li .modal-product-name,
.car-care-settig__form > div ul li .modal-product-name {
  margin-left: 10px;
}
.delete-wrap__nav,
.product-settig__nav,
.car-care-settig__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.delete-wrap__delete-checklist,
.product-settig__delete-checklist,
.car-care-settig__delete-checklist {
  border: solid 1px #9B9B9B;
  background: #F2F2F2;
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.delete-wrap__delete-checklist .icon::before,
.product-settig__delete-checklist .icon::before,
.car-care-settig__delete-checklist .icon::before {
  font-size: 1.6em;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%239B9B9B"><path d="M292.31-140q-29.92 0-51.12-21.19Q220-182.39 220-212.31V-720h-40v-60h180v-35.38h240V-780h180v60h-40v507.69Q740-182 719-161q-21 21-51.31 21H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-720ZM376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.delete-wrap__delete-checklist input[type=checkbox],
.product-settig__delete-checklist input[type=checkbox],
.car-care-settig__delete-checklist input[type=checkbox] {
  pointer-events: none;
}
.delete-wrap__list.hide,
.product-settig__list.hide,
.car-care-settig__list.hide {
  display: none;
}
.delete-wrap__delete.hide,
.product-settig__delete.hide,
.car-care-settig__delete.hide {
  display: none;
}
.delete-wrap__delete h2,
.product-settig__delete h2,
.car-care-settig__delete h2 {
  text-align: center;
}
.delete-wrap__delete .icon--delete::before,
.product-settig__delete .icon--delete::before,
.car-care-settig__delete .icon--delete::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%239B9B9B"><path d="M292.31-140q-29.92 0-51.12-21.19Q220-182.39 220-212.31V-720h-40v-60h180v-35.38h240V-780h180v60h-40v507.69Q740-182 719-161q-21 21-51.31 21H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-720ZM376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 5em;
  display: block;
  margin: auto;
}

.product-settig {
  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;
}
.product-settig__title {
  margin-bottom: 20px;
}
.product-settig__title h2 {
  color: #004EA2;
  font-size: 3rem;
}
.product-settig__nav {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-settig__delete-checklist {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.car-care-settig {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tbl--conditions-details select {
  width: 100%;
}

.list-number {
  text-align: right;
  font-size: 18px;
}

.checkbox-getsumatsu > div:nth-child(2) {
  padding-left: 20px;
  position: relative;
}
.checkbox-getsumatsu > div:nth-child(2)::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #ccc;
  position: absolute;
}
.checkbox-getsumatsu small {
  padding-left: 20px;
}

.checkbox-getsumatsu--flex > div:nth-child(2) {
  margin-top: 23px;
  position: relative;
}
.checkbox-getsumatsu--flex small {
  font-size: 14px;
  padding-left: 20px;
}

.send-setting--cycle {
  padding-bottom: 30px;
  display: none;
}
.send-setting--cycle.active {
  display: block;
}

.send-setting--spot {
  padding-bottom: 30px;
  display: none;
}
.send-setting--spot .flex.gap--10.a--center {
  padding: 0;
}
.send-setting--spot.active {
  display: block;
}

#update-customer {
  display: none;
}
#update-customer.active {
  display: block;
}

#edit-customer.hide {
  display: none;
}

.site-header {
  width: 100%;
  height: 50px;
  background: #FFD400;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20000;
  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;
}
.site-header__branding {
  height: 100%;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  color: #004EA2;
  font-weight: 700;
}
@media (max-width: 1060px) {
  .site-header__branding {
    gap: 10px;
  }
}
.site-header__branding strong {
  line-height: 1.2;
}
.site-header__branding strong br {
  display: none;
}
@media (max-width: 970px) {
  .site-header__branding strong br {
    display: block;
  }
}
@media (max-width: 1060px) {
  .site-header__branding strong {
    font-size: 1.5rem;
  }
}
.site-header__account {
  padding-right: 20px;
}
@media (max-width: 1060px) {
  .site-header__account {
    padding-right: 15px;
  }
}
.site-header__account > * {
  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;
  gap: 16px;
}
@media (max-width: 1060px) {
  .site-header__account > * {
    gap: 10px;
  }
}
.site-header__account > * li > * {
  font-weight: 500;
  color: #004EA2;
  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;
  gap: 3px;
  font-size: 1.5rem;
}
.site-header__account > * li > *::before {
  content: "";
  width: 1.7em;
  height: 1.7em;
}
.site-header__account > * li > *.account::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M830.61-521.08v318.77q0 30.31-21 51.31-21 21-51.3 21H202.92q-30.3 0-51.3-21-21-21-21-51.31v-319.54q-24.16-19.84-36.27-51.5-12.12-31.65-.5-68.34l40.46-132.16q8-25.23 27.15-40.69Q180.62-830 207.23-830h546q26.62 0 45.46 14.77 18.85 14.77 27.46 40.62l41.23 132.92q11.62 36.69-.5 68.11-12.11 31.43-36.27 52.5ZM568.62-550q32.77 0 49.27-20.04t13.5-43.04L607.08-770h-96.47v158q0 25.23 17.08 43.62Q544.77-550 568.62-550Zm-180 0q27.61 0 44.8-18.38 17.2-18.39 17.2-43.62v-158h-96.47l-24.3 158.46q-3.24 21.31 13.38 41.43Q359.85-550 388.62-550Zm-178 0q22.23 0 38.23-15.5 16-15.5 19.77-38.96L292.15-770h-84.92q-6.54 0-10.38 2.88-3.85 2.89-5.77 8.66l-38.47 130.15q-7.92 25.77 7.47 52.04Q175.46-550 210.62-550Zm540 0q32.46 0 49.69-25.5 17.23-25.5 8.31-52.81l-40.47-130.92q-1.92-5.77-5.76-8.27-3.85-2.5-10.39-2.5h-82.92l23.53 165.54q3.77 23.46 19.77 38.96t38.24 15.5Zm-547.7 360h555.39q5.38 0 8.84-3.46 3.47-3.46 3.47-8.85v-291.23q-6.54 2.39-10.93 2.96-4.38.58-9.07.58-27 0-47.5-9.77t-39.74-31.31q-16.84 18.77-39.84 29.93-23 11.15-52.46 11.15-25.46 0-48-10.58-22.54-10.57-42.46-30.5-18.54 19.93-42 30.5Q415.15-490 391.08-490q-27.08 0-50.77-9.81-23.69-9.81-41.69-31.27-25.24 25.23-46.51 33.16-21.26 7.92-41.49 7.92-4.7 0-9.7-.58-5-.57-10.31-2.96v291.23q0 5.39 3.47 8.85 3.46 3.46 8.84 3.46Zm555.39 0H202.92 758.31Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.site-header__account > * li > *.account-name::before {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%23004EA2"><path d="M240.92-268.31q51-37.84 111.12-59.77Q412.15-350 480-350t127.96 21.92q60.12 21.93 111.12 59.77 37.3-41 59.11-94.92Q800-417.15 800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 62.85 21.81 116.77 21.81 53.92 59.11 94.92ZM480.01-450q-54.78 0-92.39-37.6Q350-525.21 350-579.99t37.6-92.39Q425.21-710 479.99-710t92.39 37.6Q610-634.79 610-580.01t-37.6 92.39Q534.79-450 480.01-450ZM480-100q-79.15 0-148.5-29.77t-120.65-81.08q-51.31-51.3-81.08-120.65Q100-400.85 100-480t29.77-148.5q29.77-69.35 81.08-120.65 51.3-51.31 120.65-81.08Q400.85-860 480-860t148.5 29.77q69.35 29.77 120.65 81.08 51.31 51.3 81.08 120.65Q860-559.15 860-480t-29.77 148.5q-29.77 69.35-81.08 120.65-51.3 51.31-120.65 81.08Q559.15-100 480-100Zm0-60q54.15 0 104.42-17.42 50.27-17.43 89.27-48.73-39-30.16-88.11-47Q536.46-290 480-290t-105.77 16.65q-49.31 16.66-87.92 47.2 39 31.3 89.27 48.73Q425.85-160 480-160Zm0-350q29.85 0 49.92-20.08Q550-550.15 550-580t-20.08-49.92Q509.85-650 480-650t-49.92 20.08Q410-609.85 410-580t20.08 49.92Q450.15-510 480-510Zm0-70Zm0 355Z"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.site-header .btn--password {
  font-size: 1.3rem;
  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;
  background: #FFF6CC;
  width: 100px;
  line-height: 1;
  height: 20px;
}
.site-header .btn--password::before {
  display: none;
}
@media (min-width: 769px) {
  .site-header .btn--password:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .site-header .btn--password:not(.nothover):hover {
    opacity: 0.7;
  }
}
.site-header .btn--logout {
  font-size: 1.3rem;
  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;
  background: #004EA2;
  color: #fff;
  width: 73px;
  line-height: 1;
  height: 20px;
}
.site-header .btn--logout::before {
  display: none;
}
@media (min-width: 769px) {
  .site-header .btn--logout:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .site-header .btn--logout:not(.nothover):hover {
    opacity: 0.7;
  }
}

.site-footer {
  height: 100%;
  width: 30px;
  position: fixed;
  padding-top: 50px;
  left: 0;
  top: 0;
  z-index: 900;
  background: #004EA2;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #fff;
  font-size: 1rem;
  white-space: nowrap;
  padding-bottom: 20px;
}
@media (max-width: 1280px) {
  .site-footer {
    width: 20px;
  }
}

.backtotop {
  width: 69px;
  height: 60px;
  z-index: 200;
  position: fixed;
  right: 10px;
  bottom: 25px;
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
.backtotop.active {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}

body.side-nav-close .dm-message {
  width: calc(100% - 30px);
}

.dm-message {
  width: 100%;
  max-height: 900px;
  height: calc(100% - 110px);
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9000;
  -webkit-transform: translateY(calc(100% - 10px));
          transform: translateY(calc(100% - 10px));
  width: calc(100% - 305px);
}
.dm-message.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 1800px) {
  .dm-message {
    width: calc(100% - 280px);
  }
}
@media (max-width: 1600px) {
  .dm-message {
    width: calc(100% - 260px);
  }
}
@media (max-width: 1480px) {
  .dm-message {
    width: calc(100% - 250px);
  }
}
@media (max-width: 1280px) {
  .dm-message {
    width: calc(100% - 210px);
  }
}
@media (max-width: 1080px) {
  .dm-message {
    width: calc(100% - 180px);
  }
}
.dm-message__tab {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-100% + 10px));
          transform: translate(-50%, calc(-100% + 10px));
  background: #06C755;
  width: 260px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 9px 9px 0 0;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 2.3rem;
  line-height: 1;
}
@media (min-width: 769px) {
  .dm-message__tab:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .dm-message__tab:not(.nothover):hover {
    -webkit-transform: translate(-50%, calc(-100% + 0px));
            transform: translate(-50%, calc(-100% + 0px));
  }
}
.dm-message__tab span {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.dm-message .sect-dm-message {
  background: #06C755;
  position: absolute;
}
.dm-message .sect-dm-message .dm-form-wrap {
  gap: 30px;
}
@media (max-width: 1500px) {
  .dm-message .sect-dm-message .dm-form-wrap {
    gap: 30px;
  }
}
@media (max-width: 1280px) {
  .dm-message .sect-dm-message .dm-form-wrap {
    gap: 0px;
  }
}
@media (min-height: 951px) {
  .dm-message .sect-dm-message .dm-form-wrap {
    gap: 30px;
  }
}

.sect-dm-message {
  width: 100%;
  height: 100%;
  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;
  overflow-y: auto;
}
.sect-dm-message__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /*
  &::-webkit-scrollbar {
      background: rgba(0,0,0,0.2);
      width: 11px;
    }
    &::-webkit-scrollbar-thumb {
      background: rgba(0,0,0,0.5);
    }
      */
}
@media (max-height: 900px) {
  .sect-dm-message__inner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 20px;
    height: calc(100% - 20px);
    overflow-y: hidden;
  }
}
@media (max-height: 630px) {
  .sect-dm-message__inner {
    overflow-y: auto;
  }
}
@media (max-height: 900px) {
  .sect-dm-message {
    display: block;
    padding: 30px 0;
  }
}
.sect-dm-message .dm-form-wrap {
  max-width: 1040px;
  padding: 0 20px;
  width: 100%;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 410px 130px 1fr;
  grid-template-columns: 410px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 130px;
}
.sect-dm-message .dm-form-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.sect-dm-message .dm-form-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media (max-width: 1500px) {
  .sect-dm-message .dm-form-wrap {
    gap: 30px;
  }
}
.sect-dm-message .dm-form-wrap .dm-preview {
  height: 100%;
  position: relative;
}
@media (max-height: 950px) {
  .sect-dm-message .dm-form-wrap .dm-preview {
    height: 90px;
  }
}
@media (max-height: 900px) {
  .sect-dm-message .dm-form-wrap .dm-preview {
    height: 80px;
  }
}
@media (max-height: 800px) {
  .sect-dm-message .dm-form-wrap .dm-preview {
    height: 70px;
  }
}
@media (max-height: 720px) {
  .sect-dm-message .dm-form-wrap .dm-preview {
    height: 62px;
  }
}
.sect-dm-message .dm-form-wrap .dm-preview__inner {
  -webkit-transform-origin: top center 0;
          transform-origin: top center 0;
}
@media (max-height: 950px) {
  .sect-dm-message .dm-form-wrap .dm-preview__inner {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
@media (max-height: 900px) {
  .sect-dm-message .dm-form-wrap .dm-preview__inner {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center 30px 0;
            transform-origin: center 30px 0;
  }
}
@media (max-height: 800px) {
  .sect-dm-message .dm-form-wrap .dm-preview__inner {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
}
@media (max-height: 720px) {
  .sect-dm-message .dm-form-wrap .dm-preview__inner {
    -webkit-transform: scale(0.62);
            transform: scale(0.62);
  }
}
.sect-dm-message .dm-form-wrap .dm-preview img {
  vertical-align: middle;
}
.sect-dm-message .dm-form-wrap .dm-preview__main {
  position: absolute;
  width: 100%;
  height: calc(100% - 123px);
  overflow-y: auto;
  z-index: 10;
  left: 0;
  top: 0px;
}
@media (max-height: 900px) {
  .sect-dm-message .dm-form-wrap .dm-preview__main {
    height: calc(100% - 58px);
  }
}
.sect-dm-message .dm-form-wrap .dm-preview__main #preview-img {
  width: 94%;
  margin: 20px auto;
}
.sect-dm-message .dm-form-wrap .dm-preview__main #preview-img img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  overflow: hidden;
}
.sect-dm-message .dm-form-wrap .dm-preview__main #preview-img p.preview-time {
  margin: 3px 6px 0 0;
  text-align: right;
}
.sect-dm-message .dm-form-wrap .dm-preview__main p.preview-time {
  color: #333;
  font-size: 1.2rem;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 10px 70% 10px 1fr;
  grid-template-columns: 30px 70% 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 10px;
  width: 94%;
  position: relative;
  margin: 20px auto;
  display: none;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap.active {
  display: -ms-grid;
  display: grid;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap .k-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FFD400;
  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;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap .k-icon img {
  width: 22px;
  height: auto;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap .preview-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 3px;
  color: #333;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap #preview-txt {
  margin: 0;
  background: #fff;
  border-radius: 20px;
  color: #000;
  padding: 15px;
  line-height: 1.5;
  position: relative;
  font-size: 1.4rem !important;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap #preview-txt * {
  font-size: 1.4rem !important;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap #preview-txt img {
  vertical-align: middle;
}
.sect-dm-message .dm-form-wrap .dm-preview__main .preview-txt-wrap #preview-txt::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 12px solid #fff;
  border-top: 0;
  -webkit-transform: rotate(193deg);
          transform: rotate(193deg);
}
.sect-dm-message .dm-form {
  position: relative;
  width: 100%;
}
.sect-dm-message .dm-form > * {
  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;
}
.sect-dm-message .dm-form > * #editable-div {
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
  font-size: 2.8rem;
  resize: none;
  width: 100%;
  height: 200px;
  line-height: 1.3;
  border: solid 1px #CCCCCC;
  padding: 10px 10px;
  width: 100%;
  background: #fff;
  overflow-y: auto;
}
.sect-dm-message .dm-form > * #editable-div[contenteditable=false] {
  background: #F2F2F2;
}
.sect-dm-message .dm-form > * #editable-div img {
  vertical-align: top;
  width: 36px !important;
  height: auto !important;
}
.sect-dm-message .dm-form > * #editable-div span {
  font-size: 2.8rem;
}
@media (max-height: 900px) {
  .sect-dm-message .dm-form > * #editable-div {
    height: 150px;
  }
}
@media (max-height: 720px) {
  .sect-dm-message .dm-form > * #editable-div {
    height: 95px;
  }
}
.sect-dm-message .dm-form > * .emoji-list-wrap {
  background: #fff;
}
.sect-dm-message .dm-form > * #line-emoji-list {
  height: 110px;
  overflow-y: auto;
  padding: 5px;
}
@media (max-height: 900px) {
  .sect-dm-message .dm-form > * #line-emoji-list {
    height: 100px;
  }
}
@media (max-height: 800px) {
  .sect-dm-message .dm-form > * #line-emoji-list {
    height: 65px;
  }
}
.sect-dm-message .dm-form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.sect-dm-message .dm-form dl dt {
  margin-top: 5px;
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}
.sect-dm-message .dm-form dl dt:first-child {
  margin-top: 0;
}
.sect-dm-message .dm-form dl dt small {
  font-size: 1.4rem;
  margin-left: 10px;
}
.sect-dm-message .dm-form__note {
  background: #ff5700;
  color: #fff;
  padding: 10px;
  text-align: center;
  font-size: 15px;
  margin-top: 5px;
}
@media (max-height: 920px) {
  .sect-dm-message .dm-form__note {
    font-size: 15px;
  }
}
@media (max-height: 810px) {
  .sect-dm-message .dm-form__note {
    font-size: 18px;
    padding: 5px;
  }
}
@media (max-height: 740px) {
  .sect-dm-message .dm-form__note {
    font-size: 18px;
  }
}
.sect-dm-message .dm-form__nav {
  margin-top: 10px;
  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;
  padding-bottom: 20px;
}
@media (max-height: 900px) {
  .sect-dm-message .dm-form__nav {
    margin-top: 5px;
  }
  .sect-dm-message .dm-form__nav button {
    font-size: 1.2rem;
  }
}

.up-file {
  position: relative;
}
.up-file.not-active {
  pointer-events: none;
}
.up-file.active .drag-area {
  position: relative;
  z-index: 20;
}
.up-file.active .drag-area > * {
  display: none;
}
.up-file.active .input-file-preview__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.up-file.active .preview-delete {
  pointer-events: all;
  display: block;
}
.up-file.w--440 {
  max-width: 500px !important;
  width: 100% !important;
}
.up-file.w--440 .input-file {
  height: 250px;
}
@media (max-height: 950px) {
  .up-file.w--440 .input-file {
    height: 230px;
  }
}
@media (max-height: 900px) {
  .up-file.w--440 .input-file {
    height: 200px;
  }
}
@media (max-height: 800px) {
  .up-file.w--440 .input-file {
    height: 150px;
  }
}
.up-file .input-file {
  border: 2px dashed #9B9B9B;
  background: #F2F2F2;
  -webkit-transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
  position: relative;
  height: 273px;
  text-align: center;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 5px;
}
@media (max-height: 950px) {
  .up-file .input-file {
    height: 194px;
  }
}
@media (max-height: 900px) {
  .up-file .input-file {
    height: 190px;
  }
}
@media (max-height: 800px) {
  .up-file .input-file {
    height: 143px;
  }
}
.up-file .drag-area {
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
@media (max-height: 900px) {
  .up-file .drag-area {
    gap: 10px;
  }
}
@media (max-height: 800px) {
  .up-file .drag-area {
    gap: 10px;
  }
  .up-file .drag-area br {
    display: none;
  }
}
.up-file .drag-area.dragover {
  background: #ccc;
}
.up-file .drag-area p {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
}
@media (max-height: 900px) {
  .up-file .drag-area p {
    font-size: 1.6rem;
  }
}
.up-file .drag-area p small {
  font-size: 0.8em;
}
.up-file .upload-file {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  display: block;
  width: 200px;
  height: 50px;
  opacity: 0;
}
@media (max-height: 1400px) {
  .up-file .upload-file {
    width: 100%;
  }
}
@media (max-height: 950px) {
  .up-file .upload-file {
    height: 40px;
  }
}
@media (max-height: 900px) {
  .up-file .upload-file {
    height: 30px;
  }
}
.up-file__note {
  padding: 0px 0 0px;
  position: relative;
  z-index: 2;
}
@media (max-height: 900px) {
  .up-file__note {
    padding: 0px 0 0px;
  }
}
.up-file__note small {
  color: #4A4A4A;
  font-size: 1.4rem;
  display: block;
}
@media (max-height: 900px) {
  .up-file__note small {
    font-size: 1.4rem;
  }
}
.up-file .input-file-preview {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
  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;
}
.up-file .input-file-preview__inner {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  z-index: 10;
  pointer-events: none;
  display: none;
}
.up-file .input-file-preview__inner img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.up-file .preview-delete {
  display: none;
  /*
          width: 40px;
          height: 40px;
          border: solid 4px #4A4A4A;
          background: #fff;
          display: none;

          &::before {
              width: 1em;
  			height: 1em;
              content:"";
              @include mx.icon_delete('4A4A4A');
              font-size: 1.8em;
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
          }
  */
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}

.btn--Input-file {
  display: table;
  width: 200px;
  height: 50px;
  position: relative;
  z-index: 2;
  display: table-cell;
  text-decoration: none;
  line-height: 1;
  font-size: 2rem;
  font-weight: 500;
  vertical-align: middle;
}
@media (max-height: 1400px) {
  .btn--Input-file {
    width: 100%;
  }
}
@media (max-height: 950px) {
  .btn--Input-file {
    font-size: 1.6rem;
    height: 40px;
  }
}
@media (max-height: 900px) {
  .btn--Input-file {
    font-size: 1.4rem;
    height: 35px;
  }
}

#file-name-area {
  font-size: 1.3rem;
  color: #000;
  margin: 0;
  font-weight: 300;
  z-index: 10;
  position: relative;
  height: 1.2em;
  line-height: 1;
  overflow: hidden;
  margin: 10px 0 0 0;
}
@media (max-height: 900px) {
  #file-name-area {
    font-size: 1rem;
    margin: 5px 0 0 0;
  }
}

.input-file-nav {
  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;
}
@media (min-width: 769px) {
  .input-file-nav:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .input-file-nav:not(.nothover):hover .btn--Input-file {
    opacity: 0.7;
  }
}

.line-txtarea,
.emoji-json {
  height: 200px;
  display: none;
}

#line-emoji-list {
  height: 85px;
  overflow-y: auto;
}
#line-emoji-list.not-active {
  display: none;
  pointer-events: none;
  background: #F2F2F2;
  padding: 10px;
  border: #CCCCCC solid 1px;
}

#editable-div {
  overflow-y: auto;
  overflow-x: hidden;
  height: 276px;
  border: #CCCCCC solid 1px;
  border-radius: 0;
  font: inherit;
  outline: none;
  font-size: 1.8rem;
  padding: 10px;
}
#editable-div[contenteditable=false] {
  background: #F2F2F2;
  border: #CCCCCC solid 1px;
  padding: 10px;
}

#content-info-error {
  font-size: 12px;
}

#fileError {
  position: absolute;
  z-index: 100;
  bottom: 10px;
  left: 10px;
  margin-bottom: 0;
  color: red;
  font-size: 14px;
}

.m-modal {
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 18000;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  display: none;
  /*
     opacity: 1;
     display: block;
     pointer-events: all;
     */
  overflow: auto;
  z-index: 18000;
  padding: 50px 0;
}
.m-modal .close-modal:not(.btn--square) {
  top: 0px;
  width: 30px;
  height: 30px;
  z-index: 300;
  position: absolute;
  top: 50px;
  right: 50px;
  border: solid 1px #ccc;
}
@media (min-width: 769px) {
  .m-modal .close-modal:not(.btn--square):not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .m-modal .close-modal:not(.btn--square):not(.nothover):hover {
    background: #ccc;
  }
  .m-modal .close-modal:not(.btn--square):not(.nothover):hover::before, .m-modal .close-modal:not(.btn--square):not(.nothover):hover::after {
    background: #fff;
  }
}
.m-modal .close-modal:not(.btn--square)::before {
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  background-color: #ccc;
  z-index: 2;
}
.m-modal .close-modal:not(.btn--square)::after {
  -webkit-transition: ease all 0.6s;
  transition: ease all 0.6s;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  background-color: #ccc;
  z-index: 2;
}
.m-modal .color-box .close-modal {
  top: 18px;
  right: 20px;
  width: calc(100% - 20px);
}
.m-modal .btn--square {
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 140px;
}
.m-modal.active {
  opacity: 1;
  pointer-events: all;
}
.m-modal .m-modal__inner {
  width: 100%;
  height: 100%;
  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;
  padding: 0px 40px;
  max-width: 1280px;
  min-width: 760px;
  margin: auto;
}
.m-modal .m-modal__inner.mw-auto {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.m-modal .m-modal__inner.mw-860 {
  max-width: 860px;
}
.m-modal .m-modal__inner.mw-960 {
  max-width: 960px;
}
@media (max-width: 1280px) {
  .m-modal .m-modal__inner {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .m-modal .m-modal__inner {
    padding: 0px;
  }
}
.m-modal .m-modal__inner .m-modal__content {
  position: relative;
  width: 100%;
  margin: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
}
.m-modal .m-modal__inner.active {
  display: block;
}
.m-modal .search-wrap {
  padding-left: 0;
}
@media (max-width: 768px) {
  .m-modal {
    padding: 20px 20px 120px;
  }
}

*[data-m=modal-edit-message] .m-modal__inner {
  max-width: 1280px;
}
@media (max-height: 900px) {
  *[data-m=modal-edit-message] .m-modal__content .sect-dm-message {
    display: block;
    padding: 0;
  }
}
*[data-m=modal-edit-message] .m-modal__content .sect-dm-message__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-height: 900px) {
  *[data-m=modal-edit-message] .m-modal__content .sect-dm-message__inner {
    position: relative;
    width: 100%;
    left: 0;
    top: 0px;
    height: 100%;
    overflow-y: hidden;
  }
}
@media (max-height: 630px) {
  *[data-m=modal-edit-message] .m-modal__content .sect-dm-message__inner {
    overflow-y: hidden;
  }
}
*[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form-wrap {
  max-width: 960px;
  padding: 0 0px;
  width: 100%;
  margin: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 410px 30px 1fr;
  grid-template-columns: 410px 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 30px;
}
*[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form-wrap > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
*[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form-wrap > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
*[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form {
  position: relative;
  width: 100%;
}
*[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form > * #line-emoji-list {
  padding: 5px;
}
@media (max-height: 950px) {
  *[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form > * #line-emoji-list {
    height: 70px;
  }
}
@media (max-height: 950px) {
  *[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form__nav {
    margin-top: 5px;
  }
  *[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form__nav button {
    font-size: 1.2rem;
  }
}
*[data-m=modal-edit-message] .m-modal__content .sect-dm-message .dm-form dl dt {
  color: #004EA2;
}

*[data-m=modal-select-coupon] .search-wrap, *[data-m=modal-edit-coupon] .search-wrap, *[data-m=modal-select-message] .search-wrap {
  padding: 20px 0;
}
*[data-m=modal-select-coupon] .tbl-wrap, *[data-m=modal-edit-coupon] .tbl-wrap, *[data-m=modal-select-message] .tbl-wrap {
  overflow-y: auto;
  height: 497px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
          transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
          transform: none;
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  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;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
@media (min-width: 576px) {
  #coupon-select-modal .w-1000 {
    max-width: 80% !important;
  }
}
#coupon-select-modal table thead tr th {
  white-space: nowrap;
}
#coupon-select-modal table thead tr th:nth-child(1) {
  width: 3%;
}
#coupon-select-modal table thead tr th:nth-child(2) {
  width: 16%;
}
#coupon-select-modal table thead tr th:nth-child(3) {
  width: 21%;
}
#coupon-select-modal table thead tr th:nth-child(4) {
  width: 11%;
}
#coupon-select-modal table thead tr th:nth-child(5) {
  width: 13%;
}
#coupon-select-modal table thead tr th:nth-child(6) {
  width: 9%;
}
#coupon-select-modal table thead tr th:nth-child(7) {
  width: 9%;
}
#coupon-select-modal table thead tr th:nth-child(8) {
  width: 9%;
}
#coupon-select-modal table thead tr th:nth-child(9) {
  width: 9%;
}

.modal-dialog {
  max-width: 820px !important;
}

.modal-backdrop {
  z-index: 11000;
}

.modal {
  z-index: 12000;
}

.modal-content {
  position: relative;
}
.modal-content .close-modal {
  top: 0px;
  width: 30px;
  height: 30px;
  z-index: 300;
  position: absolute;
  top: 20px;
  right: 20px;
  border: solid 1px #ccc;
}
@media (min-width: 769px) {
  .modal-content .close-modal:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .modal-content .close-modal:not(.nothover):hover {
    background: #ccc;
  }
  .modal-content .close-modal:not(.nothover):hover::before, .modal-content .close-modal:not(.nothover):hover::after {
    background: #fff;
  }
}
.modal-content .close-modal::before {
  -webkit-transition: ease all 0.3s;
  transition: ease all 0.3s;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  background-color: #ccc;
  z-index: 2;
}
.modal-content .close-modal::after {
  -webkit-transition: ease all 0.6s;
  transition: ease all 0.6s;
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  background-color: #ccc;
  z-index: 2;
}

.modal-body {
  border: solid 1px #FFD400;
  background: #fff;
  padding: 40px;
  width: 100%;
}
@media (max-width: 1280px) {
  .modal-body {
    padding: 30px;
  }
}
.modal-body .justify-content-center,
.modal-body .d-flex.justify-content-between {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  gap: 100px !important;
}
.modal-body .btn {
  height: 35px;
  max-width: 140px;
  width: 100%;
  border: solid 2px #fff;
  font-size: 1.5rem;
  color: #fff;
  background: #004EA2;
}
@media (min-width: 769px) {
  .modal-body .btn:not(.nothover) {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
  }
  .modal-body .btn:not(.nothover):hover {
    opacity: 0.7;
  }
}
.modal-body .btn.btn-warning {
  background: #FFD400;
  color: #004EA2;
}
.modal-body .btn.btn-cancel {
  background: #9B9B9B;
}
.modal-body p.text-center {
  color: #004EA2;
  font-weight: bold;
  font-size: 3rem;
  text-align: center;
  padding: 2em 0;
}

.m-modal-main {
  border: solid 1px #FFD400;
  background: #fff;
  padding: 40px;
}
@media (max-width: 1280px) {
  .m-modal-main {
    padding: 30px;
  }
}
.m-modal-main .pd-tb60 {
  padding: 60px 0;
}
.m-modal-main__text {
  min-height: 200px;
  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;
  padding: 20px 0;
  gap: 20px;
}
.m-modal-main__text p {
  font-size: 1.8rem;
  color: #000;
  margin: 0;
}
.m-modal-main__text > strong {
  color: #004EA2;
  font-size: 3rem;
  text-align: center;
}
.m-modal-main h2 {
  color: #004EA2;
  font-size: 3rem;
  margin-bottom: 20px;
}
.m-modal-main__nav-col2 {
  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;
  gap: 20px;
}
.m-modal-main__nav {
  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;
  gap: 20px;
}
.m-modal-main__nav-col2-center {
  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;
  gap: 100px;
  margin: 50px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

html {
  font-size: 62.5%;
}
@media (max-width: 1800px) {
  html {
    font-size: 58.5%;
  }
}
@media (max-width: 1280px) {
  html {
    font-size: 52.5%;
  }
}
@media (max-width: 1080px) {
  html {
    font-size: 45%;
  }
}

.form-info {
  font-size: 1.5rem;
  color: #9B9B9B;
}

body {
  font-size: 1.8rem;
}