<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox &lt; 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center; }

.layer-1, .hero .hero-container .search, #about .box-container .box, .region-spot, .spot-totop, #coupon-register .box, #coupon-list .box, #preorder-register-complete .box, #preorder-rule .box, #preorder-info .box, #preorder-history .box, #preorder-leave-title, #preorder-leave-confirm .box, #preorder-leave .box, #preorder-leave-complete .box, #register-google .box, #register-facebook .box, #register-sendmail .box, #register-complete .box, #suggest-preorder .box, #guide-start-suggest-preorder .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10; }

.review.review-star0 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-0.svg) no-repeat left center/80px 16px; }

.review.review-star1 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-1.svg) no-repeat left center/80px 16px; }

.review.review-star2 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-2.svg) no-repeat left center/80px 16px; }

.review.review-star3 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-3.svg) no-repeat left center/80px 16px; }

.review.review-star4 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-4.svg) no-repeat left center/80px 16px; }

.review.review-star5 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-5.svg) no-repeat left center/80px 16px; }

.review.review-star6 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-6.svg) no-repeat left center/80px 16px; }

.review.review-star7 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-7.svg) no-repeat left center/80px 16px; }

.review.review-star8 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-8.svg) no-repeat left center/80px 16px; }

.review.review-star9 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-9.svg) no-repeat left center/80px 16px; }

.review.review-star10 {
  display: inline-block;
  height: 16px;
  width: 80px;
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  background: url(images/icon/review-10.svg) no-repeat left center/80px 16px; }

.review.review-point, .review.review-amount {
  display: inline-block;
  font-size: 12px;
  line-height: normal;
  vertical-align: top; }

.review.review-comment {
  height: 150px;
  margin: 8px -16px;
  overflow-y: scroll;
  padding: 0 16px; }

.review.review-info {
  color: #898896;
  text-align: right; }

.review.review-parking {
  border: 1px solid #f0f0f2;
  border-radius: 4px;
  background: #f0f0f2;
  display: flex;
  align-items: flex-start;
  padding: 16px 16px 6px; }

.review.parking-image {
  width: 60px;
  height: 60px;
  min-width: 60px;
  max-width: 60px;
  margin-right: 16px; }
  .review.parking-image img {
    max-width: 100%; }

.review.parking-info {
  min-width: 0; }
  .review.parking-info p {
    margin: 0 0 10px;
    width: 100%;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .review.parking-info p.parking-address {
      font-size: 10px; }
    .review.parking-info p.parking-detail a {
      color: #1f94c1; }

#review {
  overflow: auto;
  margin-bottom: 32px; }
  #review .box-container {
    margin: 0 auto; }
    #review .box-container h2 {
      font-weight: 600;
      margin-top: 0;
      text-align: center; }

@media screen and (max-width: 767.98px) {
  #review {
    margin-bottom: 16px; }
    #review .box-container h2 {
      margin-top: 16px; } }

input[type=text],
input[type=password],
input[type=search],
input[type=tell],
input[type=number],
input[type=checkbox],
input[type=radio],
select,
textarea {
  border: none;
  border-radius: 4px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; }
  input[type=text]::placeholder,
  input[type=password]::placeholder,
  input[type=search]::placeholder,
  input[type=tell]::placeholder,
  input[type=number]::placeholder,
  input[type=checkbox]::placeholder,
  input[type=radio]::placeholder,
  select::placeholder,
  textarea::placeholder {
    color: #cbcbd2; }
  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=search]::-webkit-input-placeholder,
  input[type=tell]::-webkit-input-placeholder,
  input[type=number]::-webkit-input-placeholder,
  input[type=checkbox]::-webkit-input-placeholder,
  input[type=radio]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #cbcbd2; }
  input[type=text]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=search]::-moz-placeholder,
  input[type=tell]::-moz-placeholder,
  input[type=number]::-moz-placeholder,
  input[type=checkbox]::-moz-placeholder,
  input[type=radio]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #cbcbd2; }
  input[type=text]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=search]:-ms-input-placeholder,
  input[type=tell]:-ms-input-placeholder,
  input[type=number]:-ms-input-placeholder,
  input[type=checkbox]:-ms-input-placeholder,
  input[type=radio]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #cbcbd2; }
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=search]:focus,
  input[type=tell]:focus,
  input[type=number]:focus,
  input[type=checkbox]:focus,
  input[type=radio]:focus,
  select:focus,
  textarea:focus {
    outline: 0; }

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

input[type="number"] {
  -moz-appearance: textfield !important; }

input[type="number"].spin-on::-webkit-outer-spin-button,
input[type="number"].spin-on::-webkit-inner-spin-button {
  -webkit-appearance: auto !important; }

input[type="number"].spin-on {
  -moz-appearance: auto !important; }

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

input[type=text],
input[type=password],
input[type=search],
input[type=tell],
input[type=number] {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #cbcbd2;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  width: 100%; }
  input[type=text].error,
  input[type=password].error,
  input[type=search].error,
  input[type=tell].error,
  input[type=number].error {
    background: #f8dede;
    border-color: #ff6366;
    color: #383850; }
  input[type=text]:disabled,
  input[type=password]:disabled,
  input[type=search]:disabled,
  input[type=tell]:disabled,
  input[type=number]:disabled {
    background: #f0f0f2;
    color: #cbcbd2;
    border: 1px solid #cbcbd2;
    opacity: 1; }

select {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #cbcbd2;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  width: 100%;
  background: #ffffff url(images/icon/down.svg) no-repeat right 8px center/24px 24px;
  cursor: pointer;
  padding-right: 40px;
  text-indent: .01px; }
  select.error {
    background: #f8dede url(images/icon/down.svg) no-repeat right 8px center/24px 24px;
    border-color: #ff6366;
    color: #383850; }
  select:disabled {
    background: #f0f0f2 url(images/icon/down.svg) no-repeat right 8px center/24px 24px;
    color: #cbcbd2;
    border: 1px solid #cbcbd2;
    opacity: 1; }

textarea {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #cbcbd2;
  border-radius: 4px;
  height: 48px;
  padding: 0 16px;
  width: 100%;
  padding: 16px;
  min-height: 150px; }
  textarea.error {
    background: #f8dede;
    border-color: #ff6366;
    color: #383850; }
  textarea:disabled {
    background: #f0f0f2;
    color: #cbcbd2;
    border: 1px solid #cbcbd2;
    opacity: 1; }

input[type="checkbox"],
input[type="radio"] {
  margin: 4px 0 0;
  line-height: normal; }

.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }
  .checkbox label,
  .radio label {
    display: table;
    min-height: 20px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer; }
  .checkbox input[type=checkbox],
  .checkbox input[type=radio],
  .radio input[type=checkbox],
  .radio input[type=radio] {
    display: table-cell;
    vertical-align: top; }
  .checkbox input[type=checkbox],
  .radio input[type=checkbox] {
    background: url(images/icon/checkbox-off.svg) no-repeat left top/24px 24px;
    height: 24px;
    overflow: hidden;
    top: 0;
    transition: 0s;
    width: 24px; }
    .checkbox input[type=checkbox]:checked,
    .radio input[type=checkbox]:checked {
      background: url(images/icon/checkbox-on.svg) no-repeat left top/24px 24px;
      transition: 0s; }
  .checkbox input[type=radio],
  .radio input[type=radio] {
    background: url(images/icon/radio-off.svg) no-repeat left top/24px 24px;
    height: 24px;
    overflow: hidden;
    top: 0;
    transition: 0s;
    width: 24px; }
    .checkbox input[type=radio]:checked,
    .radio input[type=radio]:checked {
      background: url(images/icon/radio-on.svg) no-repeat left top/24px 24px;
      transition: 0s; }
  .checkbox .text,
  .radio .text {
    display: table-cell;
    padding-left: 8px;
    vertical-align: top; }

.form-group {
  margin-bottom: 8px; }

.input-group {
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%; }
  .input-group input[type=text],
  .input-group input[type=password],
  .input-group input[type=search],
  .input-group select {
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: table-cell;
    vertical-align: top;
    width: 100%; }
  .input-group .input-group-button {
    display: table-cell;
    vertical-align: top; }
    .input-group .input-group-button .button {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.credit .credit-item {
  border-bottom: 1px solid #cbcbd2;
  margin: 0;
  padding: 16px; }

.credit .credit-new {
  margin: 0;
  padding: 16px 16px 0; }

.credit .credit-input {
  padding: 16px; }
  .credit .credit-input .number {
    align-items: center;
    display: flex;
    margin-bottom: 16px; }
    .credit .credit-input .number .title {
      width: 80px; }
    .credit .credit-input .number .detail {
      width: calc(100% - 80px); }
  .credit .credit-input .period {
    align-items: center;
    display: flex;
    margin-bottom: 16px; }
    .credit .credit-input .period .title {
      width: 80px; }
    .credit .credit-input .period .detail {
      align-items: center;
      display: flex; }
      .credit .credit-input .period .detail select {
        width: 80px; }
  .credit .credit-input .name {
    align-items: center;
    display: flex; }
    .credit .credit-input .name .title {
      width: 80px; }
    .credit .credit-input .name .detail {
      width: calc(100% - 80px); }

.number-input {
  background: #f0f0f2;
  border: 1px solid #cbcbd2;
  border-radius: 8px;
  max-width: 400px;
  padding: 16px; }
  .number-input .upper {
    display: flex;
    justify-content: center;
    margin-bottom: 8px; }
    .number-input .upper input,
    .number-input .upper select {
      margin: 0 8px;
      width: 100px; }
  .number-input .bottom {
    align-items: flex-end;
    display: flex; }
    .number-input .bottom .left {
      width: 80px; }
    .number-input .bottom .right {
      font-size: 20px;
      height: auto;
      margin-left: 8px;
      padding: 16px;
      width: calc(100% - 80px); }

button {
  outline: none; }

.button {
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  display: block;
  font-size: 16px;
  line-height: 1;
  padding: 15px;
  text-decoration: none;
  text-align: center;
  width: 100%; }
  .button img {
    display: block; }
  .button:hover {
    text-decoration: none; }
  .button:disabled {
    background: #d8d7dd;
    border: 1px solid #d8d7dd;
    color: #ffffff;
    opacity: 1;
    cursor: default !important; }
    .button:disabled:hover {
      color: #ffffff;
      background: #d8d7dd;
      border: 1px solid #d8d7dd;
      opacity: 1; }
  .button.unselected {
    background-color: #ffffff;
    color: #00b893;
    border-color: #00b893;
    border-width: 2px; }
    .button.unselected:hover {
      background-color: #ffffff;
      color: #00b893;
      border-color: #00b893;
      border-width: 2px; }
  .button.with-icon {
    align-items: center;
    display: flex;
    justify-content: center; }
    .button.with-icon .icon {
      height: 24px;
      margin-right: 4px;
      width: 24px; }
  .button.button-sm {
    font-size: 14px;
    padding: 12px; }
    .button.button-sm.with-icon {
      padding: 7px; }
  .button.button-xs {
    font-size: 12px;
    padding: 9px; }
    .button.button-xs.with-icon {
      padding: 7px; }
      .button.button-xs.with-icon .icon {
        height: 16px;
        width: 16px; }

.button-cta-campaign-primary {
  color: #ffffff;
  background: #f95332;
  border: 1px solid #f95332; }
  .button-cta-campaign-primary:hover {
    color: #ffffff;
    background: #f8482a;
    border: 1px solid #f8482a; }

.button-cta-campaign-secondary {
  color: #ffffff;
  background: #ffffff;
  border: 1px solid #f95332; }
  .button-cta-campaign-secondary:hover {
    color: #ffffff;
    background: #f95332;
    border: 1px solid #f95332; }

.button-cta-primary {
  color: #ffffff;
  background: #00b893;
  border: 1px solid #00b893; }
  .button-cta-primary:hover {
    color: #ffffff;
    background: #009e78;
    border: 1px solid #009e78; }

.button-cta-secondary {
  color: #00b893;
  background: #ffffff;
  border: 1px solid #00b893; }
  .button-cta-secondary:hover {
    color: #ffffff;
    background: #00b893;
    border: 1px solid #00b893; }

.submit-btn button, .payment-button, .save-button, .action-reserve {
  color: #ffffff;
  background: #00b893;
  border: 1px solid #00b893;
  transition: .2s ease; }
  .submit-btn button:hover, .payment-button:hover, .save-button:hover, .action-reserve:hover {
    color: #ffffff;
    background: #009e78;
    border: 1px solid #009e78; }

.button-std-primary {
  color: #30b1c6;
  background: #ffffff;
  border: 1px solid #30b1c6; }
  .button-std-primary:hover {
    color: #ffffff;
    background: #30b1c6;
    border: 1px solid #30b1c6; }

.button-std-secondary {
  background: #ffffff;
  border: 1px solid #cbcbd2; }
  .button-std-secondary:hover {
    background: #f0f0f2;
    border: 1px solid #cbcbd2; }

.button-disabled {
  color: #ffffff;
  background: #d8d7dd;
  border: 1px solid #d8d7dd; }
  .button-disabled:hover {
    color: #ffffff;
    background: #d8d7dd;
    border: 1px solid #d8d7dd; }

.button-pink-primary {
  color: #ffffff;
  background: #ff6366;
  border: 1px solid #ff6366; }
  .button-pink-primary:hover {
    color: #ffffff;
    background: #ff7d80;
    border: 1px solid #ff7d80; }

.button-pink-secondary {
  color: #ff6366;
  background: #ffffff;
  border: 1px solid #ff6366; }
  .button-pink-secondary:hover {
    color: #ffffff;
    background: #ff6366;
    border: 1px solid #ff6366; }

.button-favorite {
  color: #383850;
  background: #ffffff;
  border: 1px solid #cbcbd2;
  padding: 12px 8px !important; }
  .button-favorite:hover {
    color: #383850;
    background: #ffffff;
    border: 1px solid #cbcbd2; }
  .button-favorite .with-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    .button-favorite .with-icon .icon {
      margin-right: 4px;
      width: 24px; }

@media screen and (min-width: 768px) {
  .button-favorite:hover {
    background: #f0f0f2; } }

.slide-container .card-container {
  margin: 0 12px; }
  .slide-container .card-container .card {
    border-radius: 4px;
    margin: 0 4px;
    min-width: calc(100vw - 32px);
    max-width: calc(100vw - 32px); }
    .slide-container .card-container .card .pr {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }

@media screen and (min-width: 768px) {
  .slide-container {
    position: relative; }
    .slide-container .card-container {
      margin: 0 48px; }
      .slide-container .card-container .card {
        margin: 0 16px 0 0;
        min-width: 357px;
        max-width: 357px; }
    .slide-container .slide-controller {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20;
      pointer-events: none;
      display: flex;
      align-items: center;
      width: 100%;
      height: 100%; }
      .slide-container .slide-controller .slide-button {
        margin: 0 32px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.16);
        position: relative;
        z-index: 20;
        pointer-events: auto;
        cursor: pointer;
        border-radius: 50%;
        background: #30b1c6;
        padding: 12px;
        text-align: center;
        line-height: 1; }
        .slide-container .slide-controller .slide-button img {
          height: 24px;
          width: 24px; }
        .slide-container .slide-controller .slide-button:first-child {
          margin-right: auto; }
        .slide-container .slide-controller .slide-button:last-child {
          margin-left: auto; }
    .slide-container .slide-items {
      transition: 20ms ease-in-out; } }

.card-container {
  display: flex; }
  .card-container.vertical {
    flex-flow: column;
    margin-top: 0; }
    .card-container.vertical .card {
      margin: 0 0 16px;
      max-width: 100%; }
      .card-container.vertical .card .parking-info {
        width: auto; }

.card {
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  color: #383850;
  text-decoration: none; }

.card-parking-large__content {
  padding: 12px 16px;
  display: block;
  box-sizing: border-box;
  color: #383850; }
  .card-parking-large__content:hover {
    text-decoration: none; }

.card-parking-large__vacancy {
  margin-bottom: 8px; }
  .card-parking-large__vacancy .label {
    display: inline-block; }

.card-parking-large__header {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 24px;
  margin-bottom: 16px;
  vertical-align: top; }
  .card-parking-large__header__thum {
    height: 105px; }
    .card-parking-large__header__thum img {
      width: 140px;
      height: 105px;
      object-fit: cover;
      border-radius: 4px; }

.card-parking-large__meta {
  flex-basis: 100%;
  overflow: hidden; }
  .card-parking-large__meta__content {
    margin-bottom: 4px; }
  .card-parking-large__meta__name {
    font-size: 14px;
    font-weight: 600; }
  .card-parking-large__meta__minite {
    font-size: 12px;
    text-align: right; }
    .card-parking-large__meta__minite .bywalk {
      margin-bottom: 0; }
  .card-parking-large__meta__review {
    display: flex;
    align-items: center; }
  .card-parking-large__meta__price .fee {
    font-size: 14px;
    font-weight: 600; }
    .card-parking-large__meta__price .fee .display {
      font-size: 20px; }
    .card-parking-large__meta__price .fee br {
      display: none; }
    .card-parking-large__meta__price .fee .hourly {
      margin-left: 16px; }
  .card-parking-large__meta__labels .parking-attribute {
    font-size: 12px;
    padding: 2px 4px;
    background: #F0F0F2;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px; }

.card-parking-large__body {
  margin-bottom: 16px;
  margin-left: 164px; }

.card-parking-large__table {
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .card-parking-large__table tbody {
    width: 100%; }
  .card-parking-large__table tr {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #cbcbd2;
    font-size: 12px;
    padding: 8px 0; }
    .card-parking-large__table tr:last-child {
      border-bottom: 1px solid #cbcbd2; }
  .card-parking-large__table th {
    color: #828291;
    flex: 1;
    text-align: left;
    font-weight: 400; }
  .card-parking-large__table td {
    flex: 2; }
    .card-parking-large__table td.wide {
      flex: 8; }
    .card-parking-large__table td ul {
      display: flex;
      gap: 8px; }
      .card-parking-large__table td ul li {
        font-weight: 600; }
        .card-parking-large__table td ul li.not-available {
          color: #A6A6B1;
          font-weight: 400; }

.card-parking-large__footer__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px; }
  .card-parking-large__footer__buttons .button {
    display: inline-block;
    width: auto;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 4px;
    line-height: 1.5;
    gap: 4px; }
  .card-parking-large__footer__buttons .favorite button {
    background: #fff;
    border: 1px solid #cbcbd2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px 12px 12px;
    line-height: 1.5;
    border-radius: 4px;
    gap: 4px; }
  .card-parking-large__footer__buttons .favorite .icon {
    width: 20px;
    height: 20px; }
  .card-parking-large__footer__buttons .favorite img {
    width: 20px;
    height: 20px; }
  .card-parking-large__footer__buttons .favorite .text {
    font-size: 14px; }

.slave-spots .card-parking-large__vacancy {
  margin-bottom: 4px; }
  .slave-spots .card-parking-large__vacancy .label {
    position: absolute;
    right: 16px;
    top: 16px; }

.slave-spots .card-parking-large__header {
  grid-template-columns: 85px 1fr;
  gap: 16px;
  align-items: flex-start; }

.slave-spots .card-parking-large__header__thum {
  height: 80px; }
  .slave-spots .card-parking-large__header__thum img {
    width: 85px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px; }

.slave-spots .card-parking-large__meta__content {
  display: flex;
  flex-direction: column-reverse;
  gap: 4px; }

.slave-spots .card-parking-large__meta__name {
  margin: 0;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.slave-spots .card-parking-large__meta__minite {
  text-align: left; }

.slave-spots .card-parking-large__table tr {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr); }
  .slave-spots .card-parking-large__table tr:nth-of-type(3) {
    grid-template-columns: 1fr;
    grid-template-rows: auto; }
  .slave-spots .card-parking-large__table tr th {
    width: auto; }
    .slave-spots .card-parking-large__table tr th:nth-of-type(1) {
      grid-column: 1 / 2;
      grid-row: 1 / 2; }
    .slave-spots .card-parking-large__table tr th:nth-of-type(2) {
      grid-column: 2 / 3;
      grid-row: 1 / 2; }
    .slave-spots .card-parking-large__table tr th:nth-of-type(3) {
      grid-column: 3 / 3;
      grid-row: 1 / 2; }
  .slave-spots .card-parking-large__table tr td {
    width: auto; }
    .slave-spots .card-parking-large__table tr td:nth-of-type(1) {
      grid-column: 1 / 2;
      grid-row: 2 / 2; }
    .slave-spots .card-parking-large__table tr td:nth-of-type(2) {
      grid-column: 2 / 3;
      grid-row: 2 / 2; }
    .slave-spots .card-parking-large__table tr td:nth-of-type(3) {
      grid-column: 3 / 3;
      grid-row: 2 / 2; }
    .slave-spots .card-parking-large__table tr td ul {
      flex-wrap: wrap;
      gap: 4px 8px; }

.slave-spots .fee {
  font-size: 12px; }
  .slave-spots .fee .display {
    font-size: 16px; }

@media screen and (min-width: 768px) {
  .card-container {
    margin: 16px 32px; }
    .card-container.vertical .card {
      margin: 0 0 16px; }
  .card {
    margin: 0 0 0 16px; } }

@media screen and (max-width: 767.98px) {
  .card-parking-large__vacancy {
    margin-bottom: 4px; }
    .card-parking-large__vacancy .label {
      position: absolute;
      right: 16px;
      top: 16px; }
  .card-parking-large__header {
    grid-template-columns: 85px 1fr;
    gap: 16px; }
  .card-parking-large__header__thum img {
    width: 80px;
    height: 80px; }
  .card-parking-large__meta__content {
    display: flex;
    flex-direction: column-reverse;
    gap: 4px; }
  .card-parking-large__meta__name {
    margin: 0;
    font-size: 14px; }
  .card-parking-large__meta__with-padding-right {
    padding-right: 54px; }
  .card-parking-large__meta__minite {
    text-align: left; }
  .card-parking-large__meta__minite .bywalk {
    padding-right: 54px; }
  .card-parking-large__body {
    margin-left: 0; }
  .card-parking-large__table tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr); }
    .card-parking-large__table tr:nth-of-type(3) {
      grid-template-columns: 1fr;
      grid-template-rows: auto; }
    .card-parking-large__table tr th {
      width: auto; }
      .card-parking-large__table tr th:nth-of-type(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 2; }
      .card-parking-large__table tr th:nth-of-type(2) {
        grid-column: 2 / 3;
        grid-row: 1 / 2; }
      .card-parking-large__table tr th:nth-of-type(3) {
        grid-column: 3 / 3;
        grid-row: 1 / 2; }
    .card-parking-large__table tr td {
      width: auto; }
      .card-parking-large__table tr td:nth-of-type(1) {
        grid-column: 1 / 2;
        grid-row: 2 / 2; }
      .card-parking-large__table tr td:nth-of-type(2) {
        grid-column: 2 / 3;
        grid-row: 2 / 2; }
      .card-parking-large__table tr td:nth-of-type(3) {
        grid-column: 3 / 3;
        grid-row: 2 / 2; }
      .card-parking-large__table tr td ul {
        flex-wrap: wrap;
        gap: 4px 8px; }
  .card-parking-large__meta__price .fee br {
    display: none; } }

.label {
  border-radius: 2px;
  line-height: 1;
  padding: 4px 8px; }
  .label.label-small {
    padding: 4px;
    font-size: 12px; }
  .label.label-large {
    font-size: 16px; }
  .label.label-green {
    background: #00e0b5;
    color: #ffffff; }
  .label.label-light-green {
    background: #aaf5e6;
    color: #383850; }
  .label.label-green-cta {
    background: #00b893;
    color: #ffffff; }
  .label.label-blue {
    background: #6cd0d8;
    color: #ffffff; }
  .label.label-light-blue {
    background: #389BD7;
    color: #ffffff; }
  .label.label-yellow {
    background: #f4e921;
    color: #383850; }
  .label.label-pink {
    background: #ff6366;
    color: #ffffff; }
  .label.label-gray {
    background: #898896;
    color: #ffffff; }
  .label.label-red {
    background-color: #d73839;
    color: #ffffff; }
  .label.label-light-red {
    background-color: #f8dede;
    color: #d73839; }
  .label.label-out {
    background: #A4B0B4;
    color: #ffffff; }
  .label.label-close {
    background: #A4B0B4;
    color: #ffffff; }
  .label.label-open {
    background: #00b893;
    color: #ffffff; }
  .label.label-rounded {
    border-radius: 4px;
    margin-left: 4px;
    padding: 4px; }
  .label.label-rounded-white {
    color: #ffffff;
    border: 1px solid #ffffff; }

.modal-background {
  background: rgba(42, 46, 44, 0.8);
  position: fixed;
  z-index: 49;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

@media screen and (max-width: 767.98px) {
  .modal-background {
    overflow-y: scroll; } }

.modal {
  display: flex;
  height: 100%;
  max-height: none;
  pointer-events: none; }
  .modal &gt; div {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 8px 6px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 50;
    display: flex;
    flex-flow: column;
    pointer-events: auto;
    background: #ffffff;
    overflow: hidden;
    width: calc(100% - 32px);
    max-width: 640px;
    height: auto;
    max-height: calc(100% - 32px);
    border-radius: 4px;
    margin: auto; }
  .modal .dialog-header {
    align-items: center;
    border-bottom: 1px solid #bfbfbf;
    box-sizing: border-box;
    display: flex;
    height: 48px;
    margin-right: auto;
    min-height: 48px;
    overflow: hidden;
    padding: 16px;
    width: 100%; }
    .modal .dialog-header h2 {
      margin-right: auto; }
    .modal .dialog-header .action-modal-close img {
      display: block;
      height: 24px;
      width: 24px; }
  .modal .dialog-content {
    box-sizing: border-box;
    padding: 16px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch; }
    .modal .dialog-content h2 {
      color: #282838; }
      .modal .dialog-content h2:first-child {
        margin-top: 0; }
    .modal .dialog-content h3 {
      color: #282838;
      font-size: 20px;
      margin: 0 0 16px; }
    .modal .dialog-content h4 {
      color: #282838;
      font-size: 16px;
      margin: 16px 0 8px; }
    .modal .dialog-content input,
    .modal .dialog-content select {
      margin-bottom: 8px; }
    .modal .dialog-content .button {
      margin: 0 0 8px; }
    .modal .dialog-content .error {
      margin: 0 0 8px; }
    .modal .dialog-content .error-add-content {
      margin-bottom: 24px; }
      .modal .dialog-content .error-add-content .phone-uncertified {
        padding: 16px;
        border-radius: 4px;
        background: #f0f0f2; }
      .modal .dialog-content .error-add-content .phone-uncertified-badge {
        font-size: 12px;
        background: #ff6366;
        padding: 0px 8px;
        border-radius: 16px;
        color: #fff;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 8px; }
      .modal .dialog-content .error-add-content .phone-uncertified-desc {
        line-height: 1.5;
        margin-bottom: 8px;
        color: #383850; }
      .modal .dialog-content .error-add-content .phone-uncertified-link {
        font-weight: 600;
        font-size: 14px; }
    .modal .dialog-content.content-only {
      height: 100%; }
  .modal .dialog-content-ttl {
    font-size: 24px;
    font-weight: 600;
    text-align: center; }
  .modal .dialog-button-wrap {
    display: grid;
    gap: 8px;
    justify-content: center;
    margin-bottom: 24px; }
    .modal .dialog-button-wrap .button {
      width: 303px;
      border: none; }
    .modal .dialog-button-wrap .button-primary {
      background: #00b893;
      color: #fff;
      border-radius: 4px; }
    .modal .dialog-button-wrap .button-secondary {
      color: #00b893;
      border: 1px solid #00b893; }
  .modal .dialog-app-banner {
    margin: 16px 0 0;
    background: #00e0b5;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    position: relative; }
    .modal .dialog-app-banner:before {
      content: "";
      width: 147px;
      height: 83px;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      background: url(images/dialog-app-banner-yellow.svg) no-repeat;
      background-size: cover;
      z-index: 0; }
    .modal .dialog-app-banner:after {
      content: "";
      width: 119px;
      height: 86px;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: url(images/dialog-app-banner-orange.svg) no-repeat;
      background-size: cover;
      z-index: 0; }
    .modal .dialog-app-banner .dialog-app-banner-img {
      height: 172px;
      z-index: 1; }
      .modal .dialog-app-banner .dialog-app-banner-img img {
        height: 100%; }
    .modal .dialog-app-banner .dialog-app-banner-text {
      width: 150px;
      margin-left: 24px;
      z-index: 1; }
    .modal .dialog-app-banner .dialog-app-banner-ttl {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 4px;
      color: #383850; }
    .modal .dialog-app-banner .dialog-app-banner-desc {
      font-size: 14px;
      margin-bottom: 16px;
      color: #383850; }
    .modal .dialog-app-banner .dialog-app-banner-link a {
      display: inline-block;
      width: 140px; }
      .modal .dialog-app-banner .dialog-app-banner-link a img {
        width: 100%; }
  .modal .dialog-footer {
    display: flex;
    height: 48px;
    min-height: 48px; }
    .modal .dialog-footer .button {
      border-radius: 0;
      border-top: 1px solid #bfbfbf;
      border-left: 1px solid #bfbfbf;
      color: #1f94c1;
      cursor: pointer;
      background: #ffffff;
      text-decoration: none; }
      .modal .dialog-footer .button:last-child {
        border-left: none; }
    .modal .dialog-footer .button-cancel {
      color: initial; }
  .modal .is-hidden {
    display: none; }
  @media screen and (max-width: 767.98px) {
    .modal .dialog-content section:first-child {
      margin-top: 0; }
    .modal .dialog-content .dialog-content-ttl {
      font-size: 16px;
      font-weight: 600;
      text-align: center; }
    .modal .dialog-content .dialog-content-desc {
      font-size: 14px; }
    .modal &gt; .fullscreen {
      width: 100%;
      height: 100%;
      margin: 0;
      max-height: 100%;
      border-radius: 0; }
      .modal &gt; .fullscreen .dialog-header {
        min-height: 48px;
        height: 48px; }
        .modal &gt; .fullscreen .dialog-header .action-modal-close .icon-close {
          color: #282838;
          font-size: 24px;
          vertical-align: middle; }
      .modal &gt; .fullscreen .dialog-content {
        flex-grow: 2;
        padding-bottom: 72px; }
    .modal .dialog-app-banner:before {
      content: "";
      width: 125px;
      height: 70px;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      background: url(images/dialog-app-banner-yellow.svg) no-repeat;
      background-size: cover;
      z-index: 0; }
    .modal .dialog-app-banner:after {
      content: "";
      width: 88px;
      height: 64px;
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      background: url(images/dialog-app-banner-orange.svg) no-repeat;
      background-size: cover;
      z-index: 0; } }
  @media screen and (min-width: 768px) {
    .modal {
      display: flex;
      align-items: center; }
      .modal &gt; div {
        width: auto;
        min-width: 500px;
        max-width: 500px;
        height: auto;
        border-radius: 4px; } }

@media screen and (max-width: 320px) {
  #modal-register-dialog .agree-privacy {
    display: block;
    padding: 0 0 0  32px;
    text-align: left;
    width: calc(100% - 32px); }
    #modal-register-dialog .agree-privacy label {
      padding: 9px 0; } }

.select-date {
  position: relative; }
  .select-date input {
    background: #ffffff url(images/icon/calendar.svg) no-repeat right 8px center/24px 24px; }
    .select-date input::placeholder {
      color: #383850; }
    .select-date input::-webkit-input-placeholder {
      color: #383850; }
    .select-date input::-moz-placeholder {
      color: #383850; }
    .select-date input:-ms-input-placeholder {
      color: #383850; }
    .select-date input.error {
      background: #f8dede url(images/icon/calendar.svg) no-repeat right 8px center/24px 24px;
      border-color: #ff6366;
      color: #383850; }
  .select-date.focus {
    margin-bottom: 12px; }
    .select-date.focus input {
      border-color: #30b1c6; }
    .select-date.focus:after {
      box-sizing: border-box;
      height: 12px;
      width: 16px;
      content: '';
      border-top: 0 solid transparent;
      border-bottom: 12px solid #30b1c6;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      display: block;
      position: absolute;
      overflow: hidden;
      left: calc(50% - 8px); }

.calendar-content {
  background: #ffffff;
  width: 100%;
  border-collapse: separate; }
  .calendar-content .calendar-head {
    text-align: center;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf; }
    .calendar-content .calendar-head:first-child {
      border-top-left-radius: 4px; }
    .calendar-content .calendar-head:last-child {
      border-right: 1px solid #bfbfbf;
      border-top-right-radius: 4px; }
  .calendar-content .calendar-day {
    border-left: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    cursor: pointer;
    width: 14.285%;
    text-align: center;
    padding: 0.5em 0; }
    .calendar-content .calendar-day:last-child {
      border-right: 1px solid #bfbfbf; }
    .calendar-content .calendar-day.disabled {
      color: #d8d7dd;
      background: #f0f0f2; }
    .calendar-content .calendar-day.selected {
      color: #ffffff;
      background: #30b1c6; }
  .calendar-content tr:last-child :first-child {
    border-bottom-left-radius: 4px; }
  .calendar-content tr:last-child :last-child {
    border-bottom-right-radius: 4px; }

.reserve-schedule {
  margin: 0 auto;
  max-width: 600px; }
  .reserve-schedule table {
    width: 100%; }
  .reserve-schedule .week {
    border-bottom: 1px solid #cbcbd2; }
    .reserve-schedule .week td {
      text-align: center;
      vertical-align: top;
      width: 14.2%; }
  .reserve-schedule .month {
    font-weight: 600;
    margin: 16px 0; }
  .reserve-schedule .date td {
    cursor: pointer;
    font-weight: 600;
    padding-bottom: 8px;
    text-align: center;
    vertical-align: top;
    width: 14.2%; }
    .reserve-schedule .date td .value {
      align-items: center;
      border-radius: 16px;
      display: flex;
      justify-content: center;
      height: 32px;
      margin: 0 auto 4px;
      position: relative;
      width: 32px; }
    .reserve-schedule .date td .price {
      font-size: 8px;
      font-weight: 400;
      line-height: 1.2; }
    .reserve-schedule .date td.today .value:before {
      background: #f4e921;
      border-radius: 6px;
      content: "";
      height: 12px;
      position: absolute;
      right: -4px;
      top: -4px;
      width: 12px; }
    .reserve-schedule .date td.active .value {
      background: #00b893;
      color: #ffffff; }
    .reserve-schedule .date td.full .value {
      color: #cbcbd2;
      font-weight: 400; }
      .reserve-schedule .date td.full .value:after {
        content: "";
        border-top: 1px solid #cbcbd2;
        left: 50%;
        position: absolute;
        top: 50%;
        width: 80%;
        transform: translate(-50%, -50%); }
    .reserve-schedule .date td.full .price {
      color: #00b893; }
    .reserve-schedule .date td.close .value {
      color: #cbcbd2;
      font-weight: 400; }
      .reserve-schedule .date td.close .value:after {
        content: "";
        border-top: 1px solid #383850;
        left: 0;
        position: absolute;
        top: 50%;
        width: 32px; }
    .reserve-schedule .date td.close .price {
      color: #cbcbd2;
      font-weight: 400; }

@media screen and (min-width: 768px) {
  .reserve-schedule .month {
    margin: 32px 0 16px; }
  .reserve-schedule .date td {
    padding-bottom: 32px; }
    .reserve-schedule .date td .value {
      border-radius: 24px;
      height: 48px;
      margin: 0 auto 8px;
      width: 48px; }
    .reserve-schedule .date td .price {
      font-size: 12px; } }

.balloon {
  display: inline-block;
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  margin-bottom: 8px;
  padding: 0 16px;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 0; }
  .balloon:after {
    border-style: solid;
    border-width: 8px 8px 0 8px;
    bottom: -8px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0; }
  .balloon.green-cta {
    background: #00b893;
    color: #ffffff; }
    .balloon.green-cta:after {
      border-color: #00b893 transparent transparent transparent; }
  .balloon.yellow {
    background: #f4e921;
    color: #383850; }
    .balloon.yellow:after {
      border-color: #f4e921 transparent transparent transparent; }
  .balloon.orange {
    background: #ff6b3d;
    color: #ffffff; }
    .balloon.orange:after {
      border-color: #ff6b3d transparent transparent transparent; }

.m-0 {
  margin: 0 !important; }

.m-1 {
  margin: 8px !important; }

.m-2 {
  margin: 16px !important; }

.m-3 {
  margin: 24px !important; }

.m-4 {
  margin: 32px !important; }

.m-5 {
  margin: 40px !important; }

.m-6 {
  margin: 48px !important; }

.m-7 {
  margin: 56px !important; }

.m-8 {
  margin: 64px !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mx-1 {
  margin-left: 8px !important;
  margin-right: 8px !important; }

.mx-2 {
  margin-left: 16px !important;
  margin-right: 16px !important; }

.mx-3 {
  margin-left: 24px !important;
  margin-right: 24px !important; }

.mx-4 {
  margin-left: 32px !important;
  margin-right: 32px !important; }

.mx-5 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.mx-6 {
  margin-left: 48px !important;
  margin-right: 48px !important; }

.mx-7 {
  margin-left: 56px !important;
  margin-right: 56px !important; }

.mx-8 {
  margin-left: 64px !important;
  margin-right: 64px !important; }

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important; }

.my-1 {
  margin-bottom: 8px !important;
  margin-top: 8px !important; }

.my-2 {
  margin-bottom: 16px !important;
  margin-top: 16px !important; }

.my-3 {
  margin-bottom: 24px !important;
  margin-top: 24px !important; }

.my-4 {
  margin-bottom: 32px !important;
  margin-top: 32px !important; }

.my-5 {
  margin-bottom: 40px !important;
  margin-top: 40px !important; }

.my-6 {
  margin-bottom: 48px !important;
  margin-top: 48px !important; }

.my-7 {
  margin-bottom: 56px !important;
  margin-top: 56px !important; }

.my-8 {
  margin-bottom: 64px !important;
  margin-top: 64px !important; }

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1 {
  margin-top: 8px !important; }

.mt-2 {
  margin-top: 16px !important; }

.mt-3 {
  margin-top: 24px !important; }

.mt-4 {
  margin-top: 32px !important; }

.mt-5 {
  margin-top: 40px !important; }

.mt-6 {
  margin-top: 48px !important; }

.mt-7 {
  margin-top: 56px !important; }

.mt-8 {
  margin-top: 64px !important; }

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

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

.mr-1 {
  margin-right: 8px !important; }

.mr-2 {
  margin-right: 16px !important; }

.mr-3 {
  margin-right: 24px !important; }

.mr-4 {
  margin-right: 32px !important; }

.mr-5 {
  margin-right: 40px !important; }

.mr-6 {
  margin-right: 48px !important; }

.mr-7 {
  margin-right: 56px !important; }

.mr-8 {
  margin-right: 64px !important; }

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

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

.mb-1 {
  margin-bottom: 8px !important; }

.mb-2 {
  margin-bottom: 16px !important; }

.mb-3 {
  margin-bottom: 24px !important; }

.mb-4 {
  margin-bottom: 32px !important; }

.mb-5 {
  margin-bottom: 40px !important; }

.mb-6 {
  margin-bottom: 48px !important; }

.mb-7 {
  margin-bottom: 56px !important; }

.mb-8 {
  margin-bottom: 64px !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ml-0 {
  margin-left: 0 !important; }

.ml-1 {
  margin-left: 8px !important; }

.ml-2 {
  margin-left: 16px !important; }

.ml-3 {
  margin-left: 24px !important; }

.ml-4 {
  margin-left: 32px !important; }

.ml-5 {
  margin-left: 40px !important; }

.ml-6 {
  margin-left: 48px !important; }

.ml-7 {
  margin-left: 56px !important; }

.ml-8 {
  margin-left: 64px !important; }

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

@media screen and (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .m-md-1 {
    margin: 8px !important; }
  .m-md-2 {
    margin: 16px !important; }
  .m-md-3 {
    margin: 24px !important; }
  .m-md-4 {
    margin: 32px !important; }
  .m-md-5 {
    margin: 40px !important; }
  .m-md-6 {
    margin: 48px !important; }
  .m-md-7 {
    margin: 56px !important; }
  .m-md-8 {
    margin: 64px !important; }
  .m-md-auto {
    margin: auto !important; }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx-md-1 {
    margin-left: 8px !important;
    margin-right: 8px !important; }
  .mx-md-2 {
    margin-left: 16px !important;
    margin-right: 16px !important; }
  .mx-md-3 {
    margin-left: 24px !important;
    margin-right: 24px !important; }
  .mx-md-4 {
    margin-left: 32px !important;
    margin-right: 32px !important; }
  .mx-md-5 {
    margin-left: 40px !important;
    margin-right: 40px !important; }
  .mx-md-6 {
    margin-left: 48px !important;
    margin-right: 48px !important; }
  .mx-md-7 {
    margin-left: 56px !important;
    margin-right: 56px !important; }
  .mx-md-8 {
    margin-left: 64px !important;
    margin-right: 64px !important; }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important; }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }
  .my-md-1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important; }
  .my-md-2 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }
  .my-md-3 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }
  .my-md-4 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }
  .my-md-5 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }
  .my-md-6 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }
  .my-md-7 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }
  .my-md-8 {
    margin-bottom: 64px !important;
    margin-top: 64px !important; }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-1 {
    margin-top: 8px !important; }
  .mt-md-2 {
    margin-top: 16px !important; }
  .mt-md-3 {
    margin-top: 24px !important; }
  .mt-md-4 {
    margin-top: 32px !important; }
  .mt-md-5 {
    margin-top: 40px !important; }
  .mt-md-6 {
    margin-top: 48px !important; }
  .mt-md-7 {
    margin-top: 56px !important; }
  .mt-md-8 {
    margin-top: 64px !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .mr-md-0 {
    margin-right: 0 !important; }
  .mr-md-1 {
    margin-right: 8px !important; }
  .mr-md-2 {
    margin-right: 16px !important; }
  .mr-md-3 {
    margin-right: 24px !important; }
  .mr-md-4 {
    margin-right: 32px !important; }
  .mr-md-5 {
    margin-right: 40px !important; }
  .mr-md-6 {
    margin-right: 48px !important; }
  .mr-md-7 {
    margin-right: 56px !important; }
  .mr-md-8 {
    margin-right: 64px !important; }
  .mr-md-auto {
    margin-right: auto !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-1 {
    margin-bottom: 8px !important; }
  .mb-md-2 {
    margin-bottom: 16px !important; }
  .mb-md-3 {
    margin-bottom: 24px !important; }
  .mb-md-4 {
    margin-bottom: 32px !important; }
  .mb-md-5 {
    margin-bottom: 40px !important; }
  .mb-md-6 {
    margin-bottom: 48px !important; }
  .mb-md-7 {
    margin-bottom: 56px !important; }
  .mb-md-8 {
    margin-bottom: 64px !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ml-md-0 {
    margin-left: 0 !important; }
  .ml-md-1 {
    margin-left: 8px !important; }
  .ml-md-2 {
    margin-left: 16px !important; }
  .ml-md-3 {
    margin-left: 24px !important; }
  .ml-md-4 {
    margin-left: 32px !important; }
  .ml-md-5 {
    margin-left: 40px !important; }
  .ml-md-6 {
    margin-left: 48px !important; }
  .ml-md-7 {
    margin-left: 56px !important; }
  .ml-md-8 {
    margin-left: 64px !important; }
  .ml-md-auto {
    margin-left: auto !important; } }

@media screen and (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important; }
  .m-lg-1 {
    margin: 8px !important; }
  .m-lg-2 {
    margin: 16px !important; }
  .m-lg-3 {
    margin: 24px !important; }
  .m-lg-4 {
    margin: 32px !important; }
  .m-lg-5 {
    margin: 40px !important; }
  .m-lg-6 {
    margin: 48px !important; }
  .m-lg-7 {
    margin: 56px !important; }
  .m-lg-8 {
    margin: 64px !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx-lg-1 {
    margin-left: 8px !important;
    margin-right: 8px !important; }
  .mx-lg-2 {
    margin-left: 16px !important;
    margin-right: 16px !important; }
  .mx-lg-3 {
    margin-left: 24px !important;
    margin-right: 24px !important; }
  .mx-lg-4 {
    margin-left: 32px !important;
    margin-right: 32px !important; }
  .mx-lg-5 {
    margin-left: 40px !important;
    margin-right: 40px !important; }
  .mx-lg-6 {
    margin-left: 48px !important;
    margin-right: 48px !important; }
  .mx-lg-7 {
    margin-left: 56px !important;
    margin-right: 56px !important; }
  .mx-lg-8 {
    margin-left: 64px !important;
    margin-right: 64px !important; }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important; }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }
  .my-lg-1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important; }
  .my-lg-2 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }
  .my-lg-3 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }
  .my-lg-4 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }
  .my-lg-5 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }
  .my-lg-6 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }
  .my-lg-7 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }
  .my-lg-8 {
    margin-bottom: 64px !important;
    margin-top: 64px !important; }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-1 {
    margin-top: 8px !important; }
  .mt-md-2 {
    margin-top: 16px !important; }
  .mt-lg-3 {
    margin-top: 24px !important; }
  .mt-lg-4 {
    margin-top: 32px !important; }
  .mt-lg-5 {
    margin-top: 40px !important; }
  .mt-lg-6 {
    margin-top: 48px !important; }
  .mt-lg-7 {
    margin-top: 56px !important; }
  .mt-lg-8 {
    margin-top: 64px !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .mr-lg-0 {
    margin-right: 0 !important; }
  .mr-lg-1 {
    margin-right: 8px !important; }
  .mr-lg-2 {
    margin-right: 16px !important; }
  .mr-lg-3 {
    margin-right: 24px !important; }
  .mr-lg-4 {
    margin-right: 32px !important; }
  .mr-lg-5 {
    margin-right: 40px !important; }
  .mr-lg-6 {
    margin-right: 48px !important; }
  .mr-lg-7 {
    margin-right: 56px !important; }
  .mr-lg-8 {
    margin-right: 64px !important; }
  .mr-lg-auto {
    margin-right: auto !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-1 {
    margin-bottom: 8px !important; }
  .mb-lg-2 {
    margin-bottom: 16px !important; }
  .mb-lg-3 {
    margin-bottom: 24px !important; }
  .mb-lg-4 {
    margin-bottom: 32px !important; }
  .mb-lg-5 {
    margin-bottom: 40px !important; }
  .mb-lg-6 {
    margin-bottom: 48px !important; }
  .mb-lg-7 {
    margin-bottom: 56px !important; }
  .mb-lg-8 {
    margin-bottom: 64px !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-0 {
    margin-left: 0 !important; }
  .ml-lg-1 {
    margin-left: 8px !important; }
  .ml-lg-2 {
    margin-left: 16px !important; }
  .ml-lg-3 {
    margin-left: 24px !important; }
  .ml-lg-4 {
    margin-left: 32px !important; }
  .ml-lg-5 {
    margin-left: 40px !important; }
  .ml-lg-6 {
    margin-left: 48px !important; }
  .ml-lg-7 {
    margin-left: 56px !important; }
  .ml-lg-8 {
    margin-left: 64px !important; }
  .ml-lg-auto {
    margin-left: auto !important; } }

@media screen and (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .m-xl-1 {
    margin: 8px !important; }
  .m-xl-2 {
    margin: 16px !important; }
  .m-xl-3 {
    margin: 24px !important; }
  .m-xl-4 {
    margin: 32px !important; }
  .m-xl-5 {
    margin: 40px !important; }
  .m-xl-6 {
    margin: 48px !important; }
  .m-xl-7 {
    margin: 56px !important; }
  .m-xl-8 {
    margin: 64px !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .mx-xl-1 {
    margin-left: 8px !important;
    margin-right: 8px !important; }
  .mx-xl-2 {
    margin-left: 16px !important;
    margin-right: 16px !important; }
  .mx-xl-3 {
    margin-left: 24px !important;
    margin-right: 24px !important; }
  .mx-xl-4 {
    margin-left: 32px !important;
    margin-right: 32px !important; }
  .mx-xl-5 {
    margin-left: 40px !important;
    margin-right: 40px !important; }
  .mx-xl-6 {
    margin-left: 48px !important;
    margin-right: 48px !important; }
  .mx-xl-7 {
    margin-left: 56px !important;
    margin-right: 56px !important; }
  .mx-xl-8 {
    margin-left: 64px !important;
    margin-right: 64px !important; }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important; }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important; }
  .my-xl-1 {
    margin-bottom: 8px !important;
    margin-top: 8px !important; }
  .my-xl-2 {
    margin-bottom: 16px !important;
    margin-top: 16px !important; }
  .my-xl-3 {
    margin-bottom: 24px !important;
    margin-top: 24px !important; }
  .my-xl-4 {
    margin-bottom: 32px !important;
    margin-top: 32px !important; }
  .my-xl-5 {
    margin-bottom: 40px !important;
    margin-top: 40px !important; }
  .my-xl-6 {
    margin-bottom: 48px !important;
    margin-top: 48px !important; }
  .my-xl-7 {
    margin-bottom: 56px !important;
    margin-top: 56px !important; }
  .my-xl-8 {
    margin-bottom: 64px !important;
    margin-top: 64px !important; }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mt-xl-1 {
    margin-top: 8px !important; }
  .mt-xl-2 {
    margin-top: 16px !important; }
  .mt-xl-3 {
    margin-top: 24px !important; }
  .mt-xl-4 {
    margin-top: 32px !important; }
  .mt-xl-5 {
    margin-top: 40px !important; }
  .mt-xl-6 {
    margin-top: 48px !important; }
  .mt-xl-7 {
    margin-top: 56px !important; }
  .mt-xl-8 {
    margin-top: 64px !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .mr-xl-0 {
    margin-right: 0 !important; }
  .mr-xl-1 {
    margin-right: 8px !important; }
  .mr-xl-2 {
    margin-right: 16px !important; }
  .mr-xl-3 {
    margin-right: 24px !important; }
  .mr-xl-4 {
    margin-right: 32px !important; }
  .mr-xl-5 {
    margin-right: 40px !important; }
  .mr-xl-6 {
    margin-right: 48px !important; }
  .mr-xl-7 {
    margin-right: 56px !important; }
  .mr-xl-8 {
    margin-right: 64px !important; }
  .mr-xl-auto {
    margin-right: auto !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-1 {
    margin-bottom: 8px !important; }
  .mb-xl-2 {
    margin-bottom: 16px !important; }
  .mb-xl-3 {
    margin-bottom: 24px !important; }
  .mb-xl-4 {
    margin-bottom: 32px !important; }
  .mb-xl-5 {
    margin-bottom: 40px !important; }
  .mb-xl-6 {
    margin-bottom: 48px !important; }
  .mb-xl-7 {
    margin-bottom: 56px !important; }
  .mb-xl-8 {
    margin-bottom: 64px !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-0 {
    margin-left: 0 !important; }
  .ml-xl-1 {
    margin-left: 8px !important; }
  .ml-xl-2 {
    margin-left: 16px !important; }
  .ml-xl-3 {
    margin-left: 24px !important; }
  .ml-xl-4 {
    margin-left: 32px !important; }
  .ml-xl-5 {
    margin-left: 40px !important; }
  .ml-xl-6 {
    margin-left: 48px !important; }
  .ml-xl-7 {
    margin-left: 56px !important; }
  .ml-xl-8 {
    margin-left: 64px !important; }
  .ml-xl-auto {
    margin-left: auto !important; } }

.p-0 {
  padding: 0 !important; }

.p-1 {
  padding: 8px !important; }

.p-2 {
  padding: 16px !important; }

.p-3 {
  padding: 24px !important; }

.p-4 {
  padding: 32px !important; }

.p-5 {
  padding: 40px !important; }

.p-6 {
  padding: 48px !important; }

.p-7 {
  padding: 56px !important; }

.p-8 {
  padding: 64px !important; }

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.px-1 {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.px-2 {
  padding-left: 16px !important;
  padding-right: 16px !important; }

.px-3 {
  padding-left: 24px !important;
  padding-right: 24px !important; }

.px-4 {
  padding-left: 32px !important;
  padding-right: 32px !important; }

.px-5 {
  padding-left: 40px !important;
  padding-right: 40px !important; }

.px-6 {
  padding-left: 48px !important;
  padding-right: 48px !important; }

.px-7 {
  padding-left: 56px !important;
  padding-right: 56px !important; }

.px-8 {
  padding-left: 64px !important;
  padding-right: 64px !important; }

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important; }

.py-1 {
  padding-bottom: 8px !important;
  padding-top: 8px !important; }

.py-2 {
  padding-bottom: 16px !important;
  padding-top: 16px !important; }

.py-3 {
  padding-bottom: 24px !important;
  padding-top: 24px !important; }

.py-4 {
  padding-bottom: 32px !important;
  padding-top: 32px !important; }

.py-5 {
  padding-bottom: 40px !important;
  padding-top: 40px !important; }

.py-6 {
  padding-bottom: 48px !important;
  padding-top: 48px !important; }

.py-7 {
  padding-bottom: 56px !important;
  padding-top: 56px !important; }

.py-8 {
  padding-bottom: 64px !important;
  padding-top: 64px !important; }

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

.pt-1 {
  padding-top: 8px !important; }

.pt-2 {
  padding-top: 16px !important; }

.pt-3 {
  padding-top: 24px !important; }

.pt-4 {
  padding-top: 32px !important; }

.pt-5 {
  padding-top: 40px !important; }

.pt-6 {
  padding-top: 48px !important; }

.pt-7 {
  padding-top: 56px !important; }

.pt-8 {
  padding-top: 64px !important; }

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

.pr-1 {
  padding-right: 8px !important; }

.pr-2 {
  padding-right: 16px !important; }

.pr-3 {
  padding-right: 24px !important; }

.pr-4 {
  padding-right: 32px !important; }

.pr-5 {
  padding-right: 40px !important; }

.pr-6 {
  padding-right: 48px !important; }

.pr-7 {
  padding-right: 56px !important; }

.pr-8 {
  padding-right: 64px !important; }

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

.pb-1 {
  padding-bottom: 8px !important; }

.pb-2 {
  padding-bottom: 16px !important; }

.pb-3 {
  padding-bottom: 24px !important; }

.pb-4 {
  padding-bottom: 32px !important; }

.pb-5 {
  padding-bottom: 40px !important; }

.pb-6 {
  padding-bottom: 48px !important; }

.pb-7 {
  padding-bottom: 56px !important; }

.pb-8 {
  padding-bottom: 64px !important; }

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

.pl-1 {
  padding-left: 8px !important; }

.pl-2 {
  padding-left: 16px !important; }

.pl-3 {
  padding-left: 24px !important; }

.pl-4 {
  padding-left: 32px !important; }

.pl-5 {
  padding-left: 40px !important; }

.pl-6 {
  padding-left: 48px !important; }

.pl-7 {
  padding-left: 56px !important; }

.pl-8 {
  padding-left: 64px !important; }

@media screen and (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important; }
  .p-md-1 {
    padding: 8px !important; }
  .p-md-2 {
    padding: 16px !important; }
  .p-md-3 {
    padding: 24px !important; }
  .p-md-4 {
    padding: 32px !important; }
  .p-md-5 {
    padding: 40px !important; }
  .p-md-6 {
    padding: 48px !important; }
  .p-md-7 {
    padding: 56px !important; }
  .p-md-8 {
    padding: 64px !important; }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px-md-1 {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .px-md-2 {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .px-md-3 {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .px-md-4 {
    padding-left: 32px !important;
    padding-right: 32px !important; }
  .px-md-5 {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  .px-md-6 {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .px-md-7 {
    padding-left: 56px !important;
    padding-right: 56px !important; }
  .px-md-8 {
    padding-left: 64px !important;
    padding-right: 64px !important; }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }
  .py-md-1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important; }
  .py-md-2 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }
  .py-md-3 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }
  .py-md-4 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }
  .py-md-5 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }
  .py-md-6 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }
  .py-md-7 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; }
  .py-md-8 {
    padding-bottom: 64px !important;
    padding-top: 64px !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pt-md-1 {
    padding-top: 8px !important; }
  .pt-md-2 {
    padding-top: 16px !important; }
  .pt-md-3 {
    padding-top: 24px !important; }
  .pt-md-4 {
    padding-top: 32px !important; }
  .pt-md-5 {
    padding-top: 40px !important; }
  .pt-md-6 {
    padding-top: 48px !important; }
  .pt-md-7 {
    padding-top: 56px !important; }
  .pt-md-8 {
    padding-top: 64px !important; }
  .pr-md-0 {
    padding-right: 0 !important; }
  .pr-md-1 {
    padding-right: 8px !important; }
  .pr-md-2 {
    padding-right: 16px !important; }
  .pr-md-3 {
    padding-right: 24px !important; }
  .pr-md-4 {
    padding-right: 32px !important; }
  .pr-md-5 {
    padding-right: 40px !important; }
  .pr-md-6 {
    padding-right: 48px !important; }
  .pr-md-7 {
    padding-right: 56px !important; }
  .pr-md-8 {
    padding-right: 64px !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pb-md-1 {
    padding-bottom: 8px !important; }
  .pb-md-2 {
    padding-bottom: 16px !important; }
  .pb-md-3 {
    padding-bottom: 24px !important; }
  .pb-md-4 {
    padding-bottom: 32px !important; }
  .pb-md-5 {
    padding-bottom: 40px !important; }
  .pb-md-6 {
    padding-bottom: 48px !important; }
  .pb-md-7 {
    padding-bottom: 56px !important; }
  .pb-md-8 {
    padding-bottom: 64px !important; }
  .pl-md-0 {
    padding-left: 0 !important; }
  .pl-md-1 {
    padding-left: 8px !important; }
  .pl-md-2 {
    padding-left: 16px !important; }
  .pl-md-3 {
    padding-left: 24px !important; }
  .pl-md-4 {
    padding-left: 32px !important; }
  .pl-md-5 {
    padding-left: 40px !important; }
  .pl-md-6 {
    padding-left: 48px !important; }
  .pl-md-7 {
    padding-left: 56px !important; }
  .pl-md-8 {
    padding-left: 64px !important; } }

@media screen and (min-width: 1024px) {
  .p-lg-0 {
    padding: 0 !important; }
  .p-lg-1 {
    padding: 8px !important; }
  .p-lg-2 {
    padding: 16px !important; }
  .p-lg-3 {
    padding: 24px !important; }
  .p-lg-4 {
    padding: 32px !important; }
  .p-lg-5 {
    padding: 40px !important; }
  .p-lg-6 {
    padding: 48px !important; }
  .p-lg-7 {
    padding: 56px !important; }
  .p-lg-8 {
    padding: 64px !important; }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px-lg-1 {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .px-lg-2 {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .px-lg-3 {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .px-lg-4 {
    padding-left: 32px !important;
    padding-right: 32px !important; }
  .px-lg-5 {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  .px-lg-6 {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .px-lg-7 {
    padding-left: 56px !important;
    padding-right: 56px !important; }
  .px-lg-8 {
    padding-left: 64px !important;
    padding-right: 64px !important; }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }
  .py-lg-1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important; }
  .py-lg-2 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }
  .py-lg-3 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }
  .py-lg-4 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }
  .py-lg-5 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }
  .py-lg-6 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }
  .py-lg-7 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; }
  .py-lg-8 {
    padding-bottom: 64px !important;
    padding-top: 64px !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pt-lg-1 {
    padding-top: 8px !important; }
  .pt-lg-2 {
    padding-top: 16px !important; }
  .pt-lg-3 {
    padding-top: 24px !important; }
  .pt-lg-4 {
    padding-top: 32px !important; }
  .pt-lg-5 {
    padding-top: 40px !important; }
  .pt-lg-6 {
    padding-top: 48px !important; }
  .pt-lg-7 {
    padding-top: 56px !important; }
  .pt-lg-8 {
    padding-top: 64px !important; }
  .pr-lg-0 {
    padding-right: 0 !important; }
  .pr-lg-1 {
    padding-right: 8px !important; }
  .pr-lg-2 {
    padding-right: 16px !important; }
  .pr-lg-3 {
    padding-right: 24px !important; }
  .pr-lg-4 {
    padding-right: 32px !important; }
  .pr-lg-5 {
    padding-right: 40px !important; }
  .pr-lg-6 {
    padding-right: 48px !important; }
  .pr-lg-7 {
    padding-right: 56px !important; }
  .pr-lg-8 {
    padding-right: 64px !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pb-lg-1 {
    padding-bottom: 8px !important; }
  .pb-lg-2 {
    padding-bottom: 16px !important; }
  .pb-lg-3 {
    padding-bottom: 24px !important; }
  .pb-lg-4 {
    padding-bottom: 32px !important; }
  .pb-lg-5 {
    padding-bottom: 40px !important; }
  .pb-lg-6 {
    padding-bottom: 48px !important; }
  .pb-lg-7 {
    padding-bottom: 56px !important; }
  .pb-lg-8 {
    padding-bottom: 64px !important; }
  .pl-lg-0 {
    padding-left: 0 !important; }
  .pl-lg-1 {
    padding-left: 8px !important; }
  .pl-lg-2 {
    padding-left: 16px !important; }
  .pl-lg-3 {
    padding-left: 24px !important; }
  .pl-lg-4 {
    padding-left: 32px !important; }
  .pl-lg-5 {
    padding-left: 40px !important; }
  .pl-lg-6 {
    padding-left: 48px !important; }
  .pl-lg-7 {
    padding-left: 56px !important; }
  .pl-lg-8 {
    padding-left: 64px !important; } }

@media screen and (min-width: 1200px) {
  .p-xl-0 {
    padding: 0 !important; }
  .p-xl-1 {
    padding: 8px !important; }
  .p-xl-2 {
    padding: 16px !important; }
  .p-xl-3 {
    padding: 24px !important; }
  .p-xl-4 {
    padding: 32px !important; }
  .p-xl-5 {
    padding: 40px !important; }
  .p-xl-6 {
    padding: 48px !important; }
  .p-xl-7 {
    padding: 56px !important; }
  .p-xl-8 {
    padding: 64px !important; }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .px-xl-1 {
    padding-left: 8px !important;
    padding-right: 8px !important; }
  .px-xl-2 {
    padding-left: 16px !important;
    padding-right: 16px !important; }
  .px-xl-3 {
    padding-left: 24px !important;
    padding-right: 24px !important; }
  .px-xl-4 {
    padding-left: 32px !important;
    padding-right: 32px !important; }
  .px-xl-5 {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  .px-xl-6 {
    padding-left: 48px !important;
    padding-right: 48px !important; }
  .px-xl-7 {
    padding-left: 56px !important;
    padding-right: 56px !important; }
  .px-xl-8 {
    padding-left: 64px !important;
    padding-right: 64px !important; }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important; }
  .py-xl-1 {
    padding-bottom: 8px !important;
    padding-top: 8px !important; }
  .py-xl-2 {
    padding-bottom: 16px !important;
    padding-top: 16px !important; }
  .py-xl-3 {
    padding-bottom: 24px !important;
    padding-top: 24px !important; }
  .py-xl-4 {
    padding-bottom: 32px !important;
    padding-top: 32px !important; }
  .py-xl-5 {
    padding-bottom: 40px !important;
    padding-top: 40px !important; }
  .py-xl-6 {
    padding-bottom: 48px !important;
    padding-top: 48px !important; }
  .py-xl-7 {
    padding-bottom: 56px !important;
    padding-top: 56px !important; }
  .py-xl-8 {
    padding-bottom: 64px !important;
    padding-top: 64px !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pt-xl-1 {
    padding-top: 8px !important; }
  .pt-xl-2 {
    padding-top: 16px !important; }
  .pt-xl-3 {
    padding-top: 24px !important; }
  .pt-xl-4 {
    padding-top: 32px !important; }
  .pt-xl-5 {
    padding-top: 40px !important; }
  .pt-xl-6 {
    padding-top: 48px !important; }
  .pt-xl-7 {
    padding-top: 56px !important; }
  .pt-xl-8 {
    padding-top: 64px !important; }
  .pr-xl-0 {
    padding-right: 0 !important; }
  .pr-xl-1 {
    padding-right: 8px !important; }
  .pr-xl-2 {
    padding-right: 16px !important; }
  .pr-xl-3 {
    padding-right: 24px !important; }
  .pr-xl-4 {
    padding-right: 32px !important; }
  .pr-xl-5 {
    padding-right: 40px !important; }
  .pr-xl-6 {
    padding-right: 48px !important; }
  .pr-xl-7 {
    padding-right: 56px !important; }
  .pr-xl-8 {
    padding-right: 64px !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pb-xl-1 {
    padding-bottom: 8px !important; }
  .pb-xl-2 {
    padding-bottom: 16px !important; }
  .pb-xl-3 {
    padding-bottom: 24px !important; }
  .pb-xl-4 {
    padding-bottom: 32px !important; }
  .pb-xl-5 {
    padding-bottom: 40px !important; }
  .pb-xl-6 {
    padding-bottom: 48px !important; }
  .pb-xl-7 {
    padding-bottom: 56px !important; }
  .pb-xl-8 {
    padding-bottom: 64px !important; }
  .pl-xl-0 {
    padding-left: 0 !important; }
  .pl-xl-1 {
    padding-left: 8px !important; }
  .pl-xl-2 {
    padding-left: 16px !important; }
  .pl-xl-3 {
    padding-left: 24px !important; }
  .pl-xl-4 {
    padding-left: 32px !important; }
  .pl-xl-5 {
    padding-left: 40px !important; }
  .pl-xl-6 {
    padding-left: 48px !important; }
  .pl-xl-7 {
    padding-left: 56px !important; }
  .pl-xl-8 {
    padding-left: 64px !important; } }

.border {
  border: 0 solid #cbcbd2 !important;
  border-width: 1px !important; }

.border-top {
  border: 0 solid #cbcbd2 !important;
  border-top-width: 1px !important; }

.border-right {
  border: 0 solid #cbcbd2 !important;
  border-right-width: 1px !important; }

.border-bottom {
  border: 0 solid #cbcbd2 !important;
  border-bottom-width: 1px !important; }

.border-left {
  border: 0 solid #cbcbd2 !important;
  border-left-width: 1px !important; }

.border-0 {
  border: none !important; }

.border-top-0 {
  border-top: none !important; }

.border-right-0 {
  border-right: none !important; }

.border-bottom-0 {
  border-bottom: none !important; }

.border-left-0 {
  border-left: none !important; }

.rounded {
  border-radius: 4px !important; }

.rounded-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.rounded-right {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.rounded-bottom {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.rounded-left {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

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

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

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

@media screen and (min-width: 768px) {
  .text-md-center {
    text-align: center; }
  .text-md-right {
    text-align: right; }
  .text-md-left {
    text-align: left; } }

@media screen and (min-width: 1024px) {
  .text-lg-center {
    text-align: center; }
  .text-lg-right {
    text-align: right; }
  .text-lg-left {
    text-align: left; } }

@media screen and (min-width: 1200px) {
  .text-xl-center {
    text-align: center; }
  .text-xl-right {
    text-align: right; }
  .text-xl-left {
    text-align: left; } }

.line-height-1 {
  line-height: 1 !important; }

.line-height-2 {
  line-height: 1.5 !important; }

.line-height-3 {
  line-height: 2 !important; }

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

.text-heavy {
  font-weight: 900; }

@media screen and (min-width: 768px) {
  .text-md-bold {
    font-weight: 600; }
  .text-md-heavy {
    font-weight: 900; } }

@media screen and (min-width: 1024px) {
  .text-lg-bold {
    font-weight: 600; }
  .text-lg-heavy {
    font-weight: 900; } }

@media screen and (min-width: 1200px) {
  .text-xl-bold {
    font-weight: 600; }
  .text-xl-heavy {
    font-weight: 900; } }

.text-base {
  font-size: 14px !important; }

.text-small {
  font-size: 12px !important; }

.text-xsmall {
  font-size: 10px !important; }

.text-medium {
  font-size: 14px !important; }

.text-large {
  font-size: 16px !important; }

.text-xlarge {
  font-size: 20px !important; }

.text-xxlarge {
  font-size: 28px !important; }

.text-xxxlarge {
  font-size: 42px !important; }

.text-xxxxlarge {
  font-size: 56px !important; }

@media screen and (min-width: 768px) {
  .text-md-base {
    font-size: 14px !important; }
  .text-md-small {
    font-size: 12px !important; }
  .text-md-xsmall {
    font-size: 10px !important; }
  .text-md-medium {
    font-size: 14px !important; }
  .text-md-large {
    font-size: 16px !important; }
  .text-md-xlarge {
    font-size: 20px !important; }
  .text-md-xxlarge {
    font-size: 28px !important; }
  .text-md-xxxlarge {
    font-size: 42px !important; }
  .text-md-xxxxlarge {
    font-size: 56px !important; } }

@media screen and (min-width: 1024px) {
  .text-lg-base {
    font-size: 14px !important; }
  .text-lg-small {
    font-size: 12px !important; }
  .text-lg-xsmall {
    font-size: 10px !important; }
  .text-lg-medium {
    font-size: 14px !important; }
  .text-lg-large {
    font-size: 16px !important; }
  .text-lg-xlarge {
    font-size: 20px !important; }
  .text-lg-xxlarge {
    font-size: 28px !important; }
  .text-lg-xxxlarge {
    font-size: 42px !important; }
  .text-lg-xxxxlarge {
    font-size: 56px !important; } }

@media screen and (min-width: 1200px) {
  .text-xl-base {
    font-size: 14px !important; }
  .text-xl-small {
    font-size: 12px !important; }
  .text-xl-xsmall {
    font-size: 10px !important; }
  .text-xl-medium {
    font-size: 14px !important; }
  .text-xl-large {
    font-size: 16px !important; }
  .text-xl-xlarge {
    font-size: 20px !important; }
  .text-xl-xxlarge {
    font-size: 28px !important; }
  .text-xl-xxxlarge {
    font-size: 42px !important; }
  .text-xl-xxxxlarge {
    font-size: 56px !important; } }

.text-navy {
  color: #383850 !important; }

.text-navy-80 {
  color: #5d5d70 !important; }

.text-navy-60 {
  color: #828291 !important; }

.text-navy-40 {
  color: #a6a6b1 !important; }

.text-navy-20 {
  color: #cbcbd2 !important; }

.text-navy-0 {
  color: #f0f0f2 !important; }

.text-orange {
  color: #ff6b3d !important; }

.text-pink {
  color: #ff6366 !important; }

.text-red {
  color: #d73839 !important; }

.text-green {
  color: #00e0b5 !important; }

.text-green-cta {
  color: #00b893 !important; }

.text-blue-cta {
  color: #30b1c6 !important; }

.text-blue {
  color: #6cd0d8 !important; }

.text-white {
  color: #ffffff !important; }

.text-underline-yellow {
  background: linear-gradient(transparent 70%, #f4e921 70%); }

.d-block {
  display: block; }

.d-none {
  display: none; }

.d-inline-block {
  display: inline-block; }

.d-flex {
  display: flex; }

.flex-row {
  flex-direction: row; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.flex-column {
  flex-direction: column; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.justify-content-start {
  justify-content: flex-start; }

.justify-content-end {
  justify-content: flex-end; }

.justify-content-center {
  justify-content: center; }

.justify-content-between {
  justify-content: space-between; }

.justify-content-around {
  justify-content: space-around; }

.align-items-start {
  align-items: flex-start; }

.align-items-end {
  align-items: flex-end; }

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

.align-items-baseline {
  align-items: baseline; }

.align-items-stretch {
  align-items: stretch; }

.align-self-start {
  align-self: flex-start; }

.align-self-end {
  align-self: flex-end; }

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

.align-self-baseline {
  align-self: baseline; }

.align-self-stretch {
  align-self: stretch; }

@media screen and (min-width: 768px) {
  .d-md-block {
    display: block; }
  .d-md-none {
    display: none; }
  .d-md-inline-block {
    display: inline-block; }
  .d-md-flex {
    display: flex; }
  .flex-md-row {
    flex-direction: row; }
  .flex-md-row-reverse {
    flex-direction: row-reverse; }
  .flex-md-column {
    flex-direction: column; }
  .flex-md-column-reverse {
    flex-direction: column-reverse; }
  .justify-content-md-start {
    justify-content: flex-start; }
  .justify-content-md-end {
    justify-content: flex-end; }
  .justify-content-md-center {
    justify-content: center; }
  .justify-content-md-between {
    justify-content: space-between; }
  .justify-content-md-around {
    justify-content: space-around; }
  .align-items-md-start {
    align-items: flex-start; }
  .align-items-md-end {
    align-items: flex-end; }
  .align-items-md-center {
    align-items: center; }
  .align-items-md-baseline {
    align-items: baseline; }
  .align-items-md-stretch {
    align-items: stretch; }
  .align-self-md-start {
    align-self: flex-start; }
  .align-self-md-end {
    align-self: flex-end; }
  .align-self-md-center {
    align-self: center; }
  .align-self-md-baseline {
    align-self: baseline; }
  .align-self-md-stretch {
    align-self: stretch; } }

@media screen and (min-width: 1024px) {
  .d-lg-block {
    display: block; }
  .d-lg-none {
    display: none; }
  .d-lg-inline-block {
    display: inline-block; }
  .d-lg-flex {
    display: flex; }
  .flex-lg-row {
    flex-direction: row; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse; }
  .flex-lg-column {
    flex-direction: column; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse; }
  .justify-content-lg-start {
    justify-content: flex-start; }
  .justify-content-lg-end {
    justify-content: flex-end; }
  .justify-content-lg-center {
    justify-content: center; }
  .justify-content-lg-between {
    justify-content: space-between; }
  .justify-content-lg-around {
    justify-content: space-around; }
  .align-items-lg-start {
    align-items: flex-start; }
  .align-items-lg-end {
    align-items: flex-end; }
  .align-items-lg-center {
    align-items: center; }
  .align-items-lg-baseline {
    align-items: baseline; }
  .align-items-lg-stretch {
    align-items: stretch; }
  .align-self-lg-start {
    align-self: flex-start; }
  .align-self-lg-end {
    align-self: flex-end; }
  .align-self-lg-center {
    align-self: center; }
  .align-self-lg-baseline {
    align-self: baseline; }
  .align-self-lg-stretch {
    align-self: stretch; } }

@media screen and (min-width: 1200px) {
  .d-xl-block {
    display: block; }
  .d-xl-none {
    display: none; }
  .d-xl-inline-block {
    display: inline-block; }
  .d-xl-flex {
    display: flex; }
  .flex-xl-row {
    flex-direction: row; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse; }
  .flex-xl-column {
    flex-direction: column; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse; }
  .justify-content-xl-start {
    justify-content: flex-start; }
  .justify-content-xl-end {
    justify-content: flex-end; }
  .justify-content-xl-center {
    justify-content: center; }
  .justify-content-xl-between {
    justify-content: space-between; }
  .justify-content-xl-around {
    justify-content: space-around; }
  .align-items-xl-start {
    align-items: flex-start; }
  .align-items-xl-end {
    align-items: flex-end; }
  .align-items-xl-center {
    align-items: center; }
  .align-items-xl-baseline {
    align-items: baseline; }
  .align-items-xl-stretch {
    align-items: stretch; }
  .align-self-xl-start {
    align-self: flex-start; }
  .align-self-xl-end {
    align-self: flex-end; }
  .align-self-xl-center {
    align-self: center; }
  .align-self-xl-baseline {
    align-self: baseline; }
  .align-self-xl-stretch {
    align-self: stretch; } }

.w-25 {
  width: 25%; }

.w-50 {
  width: 50%; }

.w-75 {
  width: 75%; }

.w-100 {
  width: 100%; }

.mw-100 {
  max-width: 100%; }

.h-25 {
  height: 25%; }

.h-50 {
  height: 50%; }

.h-75 {
  height: 75%; }

.h-100 {
  height: 100%; }

.mh-100 {
  max-height: 100%; }

.bg-white {
  background: #ffffff; }

.bg-light-gray {
  background: #f0f0f2; }

.bg-gray-0 {
  background: #f0f0f2; }

.bg-pastel-green {
  background: #d5faf3; }

.bg-green {
  background: #00e0b5; }

.bg-blue {
  background: #6cd0d8; }

.bg-yellow {
  background: #f4e921; }

.bg-yellow-20 {
  background: #fbf8b5; }

.bg-navy-0 {
  background: #f0f0f2; }

.toast {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 8px 6px rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 50;
  align-items: center;
  background: #383850;
  bottom: 0;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: fixed;
  width: 100%; }
  .toast .toast-content {
    padding: 16px 0 16px 16px; }
  .toast .toast-close {
    padding: 8px; }
    .toast .toast-close img {
      display: block;
      width: 32px; }
  .toast.with-close .toast-content {
    width: calc(100% - 48px); }

@media screen and (min-width: 768px) {
  .toast {
    bottom: 16px;
    left: 16px;
    max-width: 400px; } }

.list-disc {
  list-style: inside;
  list-style-type: disc; }

.list-decimal {
  list-style: inside;
  list-style-type: decimal; }

.badge {
  border-radius: .25rem;
  display: inline-block;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  padding: .25em .4em;
  text-align: center;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  vertical-align: baseline;
  white-space: nowrap; }

.badge-pill {
  border-radius: 10rem;
  padding-right: .6em;
  padding-left: .6em; }

.badge-icon {
  background: #ff6366;
  border-radius: 6px;
  height: 12px;
  padding: 0;
  position: absolute;
  width: 12px; }

.badge-pink {
  background: #ff6366;
  color: #ffffff; }

.no-content-suggest {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  border-radius: 4px;
  margin: 0 48px; }
  .no-content-suggest .not-found {
    align-items: center;
    border-bottom: 1px solid #cbcbd2;
    display: flex;
    padding: 16px 32px; }
    .no-content-suggest .not-found .content {
      width: 100%; }
      .no-content-suggest .not-found .content h2 {
        font-size: 16px; }
    .no-content-suggest .not-found .img img {
      display: block;
      margin: 0 auto;
      width: 200px; }
  .no-content-suggest .suggest {
    padding: 32px; }
    .no-content-suggest .suggest .suggest-title {
      background: #f0f0f2;
      border-radius: 4px;
      margin: 0 auto;
      padding: 8px;
      position: relative;
      text-align: center;
      max-width: 400px; }
      .no-content-suggest .suggest .suggest-title:after {
        border-color: #f0f0f2 transparent transparent transparent;
        border-style: solid;
        border-width: 8px 8px 0 8px;
        bottom: -8px;
        content: "";
        display: block;
        height: 0;
        left: 50%;
        margin-left: -8px;
        position: absolute;
        width: 0; }
    .no-content-suggest .suggest .merit {
      display: flex;
      margin: 24px 0; }
      .no-content-suggest .suggest .merit .merit-box {
        border-right: 1px solid #cbcbd2;
        padding: 0 16px;
        text-align: center;
        width: 33%; }
        .no-content-suggest .suggest .merit .merit-box:last-child {
          border: none; }
        .no-content-suggest .suggest .merit .merit-box .title {
          align-items: center;
          display: flex;
          justify-content: center; }
          .no-content-suggest .suggest .merit .merit-box .title .badge {
            align-items: center;
            background: #f4e921;
            border-radius: 50%;
            display: flex;
            font-weight: 600;
            height: 60px;
            width: 60px; }
            .no-content-suggest .suggest .merit .merit-box .title .badge div {
              display: block;
              font-size: 10px;
              margin: 0 auto; }
              .no-content-suggest .suggest .merit .merit-box .title .badge div span {
                display: block;
                font-size: 20px;
                line-height: 1; }
          .no-content-suggest .suggest .merit .merit-box .title .text {
            border-bottom: 1px solid #f4e921;
            font-size: 16px;
            margin: 0 8px;
            padding: 4px;
            text-align: left; }
        .no-content-suggest .suggest .merit .merit-box .content {
          margin-top: 8px; }
    .no-content-suggest .suggest .cta {
      margin: 0 auto;
      max-width: 400px; }

@media screen and (max-width: 767.98px) {
  .no-content-suggest {
    border-radius: 0;
    margin: 16px 0;
    text-align: center; }
    .no-content-suggest .not-found {
      display: block;
      padding: 16px; }
      .no-content-suggest .not-found .content {
        padding: 0; }
        .no-content-suggest .not-found .content h2 {
          font-size: 16px;
          margin-bottom: 16px; }
      .no-content-suggest .not-found .img img {
        max-width: 300px;
        width: 80%; }
    .no-content-suggest .suggest {
      padding: 16px; }
      .no-content-suggest .suggest .merit {
        display: block; }
        .no-content-suggest .suggest .merit .merit-box {
          border: none;
          margin-bottom: 16px;
          padding: 0;
          width: 100%; }
          .no-content-suggest .suggest .merit .merit-box:last-child {
            margin: 0; } }

.help-trigger {
  display: flex;
  justify-content: flex-end; }
  .help-trigger img {
    width: 24px; }
  .help-trigger span {
    text-decoration: underline; }

html {
  color: #383850;
  background-color: #f0f0f2;
  font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,"MS PGothic",sans-serif;
  font-size: 14px;
  line-height: 1.8;
  width: 100%;
  word-break: break-all; }

body {
  scroll-behavior: smooth;
  scroll-padding-top: 71px;
  width: 100%; }

@media screen and (max-width: 1023px) {
  body {
    scroll-padding-top: 49px; } }

p {
  margin: 0 0 0.5em; }

.error {
  color: #ff6366; }

hr {
  margin: 8px 0;
  border: none;
  border-top: 1px solid #bfbfbf; }

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0; }

aside {
  background: #f0f0f2;
  border-radius: 4px;
  padding: 16px; }

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

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

.under-line {
  border-bottom: 1px solid #bfbfbf; }

a {
  color: #1f94c1;
  cursor: pointer;
  text-decoration: none;
  transition: .2s; }
  a:hover {
    text-decoration: underline; }

a:focus-visible {
  outline: none; }

h1, h2, h3, h4, h5, h6 {
  color: #282838;
  margin: 0;
  font-weight: normal;
  line-height: 1.4; }

h1 {
  font-size: 20px; }

h2 {
  font-size: 16px; }

h3, h4 {
  font-size: 14px; }

h5, h6 {
  font-size: 12px; }

.small {
  font-size: 10px; }

.medium {
  font-size: 14px; }

.large {
  font-size: 16px; }

.huge {
  font-size: 20px; }

.container {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  width: 100%; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.help-block {
  color: #898896;
  font-size: 10px; }
  .help-block.alert {
    color: #ff6366; }

section {
  margin: 32px 0; }
  section.box-container {
    margin: 32px auto;
    max-width: 1200px; }
    section.box-container .box {
      border-radius: 4px; }
    section.box-container .col {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
      position: relative;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
      background: #ffffff;
      border-radius: 4px;
      margin: 0 48px; }
    section.box-container h2 {
      font-size: 20px;
      margin: 48px 48px 24px; }
      section.box-container h2 a {
        padding: 6px 0; }
    section.box-container .more-url {
      margin: 24px 48px; }
    @media screen and (max-width: 767.98px) {
      section.box-container .box {
        border-radius: 0; }
      section.box-container .col {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
        position: relative;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        z-index: 10;
        border-radius: 0;
        margin: 0; }
      section.box-container h2 {
        margin: 16px; }
      section.box-container .more-url {
        margin: 16px; } }
  section:last-child {
    margin-bottom: 0; }

.hidden {
  display: none !important; }

.fade-in {
  opacity: 1.0;
  transition: .2s; }

.fade-out {
  opacity: 0;
  transition: .2s; }

@media screen and (max-width: 767.98px) {
  .hidden-mobile {
    display: none !important; } }

@media screen and (max-width: 1023px) {
  .hidden-tablet {
    display: none !important; } }

@media screen and (max-width: 767.98px) {
  .slide-mobile {
    margin-top: -100vh !important; } }

@media screen and (min-width: 1024px) {
  .hidden-laptop {
    display: none !important; } }

@media screen and (min-width: 768px) {
  .hidden-desktop {
    display: none !important; } }

.description {
  position: relative; }
  .description .context {
    max-height: 300px;
    overflow: hidden; }
  .description .more {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 50%, white 100%);
    padding: 32px 0 16px;
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%; }

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

.disabled {
  color: #d8d7dd; }

.section-title {
  font-size: 20px;
  margin: 32px 16px 16px; }

@media screen and (min-width: 768px) {
  .section-title {
    margin: 48px 48px 24px; } }

.section {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  margin: 16px 0 32px; }

@media screen and (min-width: 768px) {
  .section {
    border-radius: 4px;
    margin: 24px 48px 48px; } }

.with-illust {
  align-items: center;
  display: flex;
  padding: 16px; }
  .with-illust img {
    display: block;
    width: 200px; }
  .with-illust .text {
    padding-left: 16px;
    width: calc(100% - 150px - 16px); }
    .with-illust .text h3 {
      font-size: 20px; }

@media screen and (max-width: 767.98px) {
  .with-illust {
    display: block;
    padding: 16px 16px 32px; }
    .with-illust img {
      margin: 0 auto 16px; }
    .with-illust .text {
      padding: 0;
      text-align: center;
      width: 100%; } }

.suggest-wrap {
  position: absolute;
  background: #fff;
  width: 200px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  overflow: hidden;
  z-index: 26; }
  .suggest-wrap__item {
    padding: 6px 12px;
    border-bottom: 1px solid #cbcbd2;
    font-size: 14px;
    cursor: pointer; }
    .suggest-wrap__item:last-child {
      border-bottom: 0; }
    .suggest-wrap__item.is-focus {
      background: #f0f0f2; }

.d-flex {
  display: flex; }
  .d-flex.d-flex-row {
    flex-direction: row; }
  .d-flex.d-flex-col {
    flex-direction: column; }
  .d-flex.d-flex-between {
    justify-content: space-between; }
  .d-flex.d-flex-center {
    align-items: center; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-align-center {
  align-items: center; }

.col3-container {
  display: flex;
  margin: 0 36px; }
  .col3-container .col3-container-left {
    margin: 0 12px;
    width: 33%; }
  .col3-container .col3-container-center {
    margin: 0 12px;
    width: 33%; }
  .col3-container .col3-container-right {
    margin: 0 12px;
    width: 33%; }

@media screen and (max-width: 767.98px) {
  .col3-container {
    display: block;
    margin: 0; }
    .col3-container .col3-container-left {
      margin: 0 0 16px;
      width: 100%; }
    .col3-container .col3-container-center {
      margin: 0 0 16px;
      width: 100%; }
    .col3-container .col3-container-right {
      margin: 0;
      width: 100%; } }

.icon img {
  display: block; }

/*
 * 駐車場属性のアイコン画像サイズの定義
 */
.parking-attribute .icon img {
  height: 14px;
  width: 14px; }

.parking-attribute .text {
  white-space: nowrap; }

/*
 * ツールチップ
 */
.tooltip-box {
  margin-left: 4px;
  position: relative; }
  .tooltip-box .tooltip-icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 20px; }
  .tooltip-box .tooltip {
    bottom: 125%;
    display: none;
    left: 10px;
    margin-left: -80px;
    position: absolute;
    text-align: center;
    transition-duration: 0ms;
    width: 160px;
    z-index: 1; }
    .tooltip-box .tooltip::before {
      background-color: rgba(0, 0, 0, 0.8);
      border-radius: 6px;
      color: #fff;
      content: attr(data-tooltip);
      display: inline-block;
      font-size: 12px;
      line-height: 1.5em;
      padding: 12px; }
    .tooltip-box .tooltip::after {
      border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
      border-width: 5px;
      border-style: solid;
      content: " ";
      left: 50%;
      margin-left: -5px;
      position: absolute;
      top: 100%; }

@media screen and (max-width: 767.98px) {
  .tooltip-sp-left .tooltip {
    left: 0;
    margin-left: 0; }
    .tooltip-sp-left .tooltip::after {
      left: 10px; }
  .tooltip-sp-right .tooltip {
    left: auto;
    margin-left: 0;
    right: -20px; }
    .tooltip-sp-right .tooltip::after {
      left: auto;
      margin-left: 0;
      margin-right: -5px;
      right: 10px; } }

.social {
  display: flex;
  text-decoration: none;
  align-items: center;
  border-radius: 3px; }
  .social .logo {
    display: block;
    padding: 12px;
    width: 24px;
    height: 24px; }
  .social .login {
    text-align: center;
    flex-grow: 10;
    font-size: 16px;
    padding: 0 16px; }
  .social .share {
    text-align: center;
    flex-grow: 10;
    font-size: 16px;
    padding: 0 16px; }
  .social.google {
    background: #fff;
    border: 1px solid #d8d7dd;
    color: #757575; }
    .social.google .logo {
      border-right: 1px solid #d8d7dd; }
  .social.facebook {
    background: #4267B2;
    color: #ffffff; }
    .social.facebook .logo {
      border-right: 1px solid #23458c; }
  .social.x {
    background: #000000;
    color: #ffffff; }
    .social.x .logo {
      border-right: 1px solid #565656; }
  .social.line {
    background: #06C755;
    color: #ffffff; }
    .social.line .logo {
      border-right: 1px solid rgba(0, 0, 0, 0.08); }
  .social.link {
    background: #ffffff;
    border: 1px solid #cbcbd2;
    color: #383850; }
    .social.link .logo {
      border-right: 1px solid #cbcbd2; }
  .social:hover {
    color: #ffffff;
    text-decoration: none; }
    .social:hover.google {
      background: #f0f0f2;
      border: 1px solid #d8d7dd;
      color: #757575; }
      .social:hover.google .logo {
        border-right: 1px solid #d8d7dd; }
    .social:hover.facebook {
      background: #324d8b;
      color: #ffffff; }
      .social:hover.facebook .logo {
        border-right: 1px solid #1d3b7f; }
    .social:hover.x {
      background: #444444;
      color: #ffffff; }
      .social:hover.x .logo {
        border-right: 1px solid #767676; }
    .social:hover.line {
      background: #05B34C;
      color: #ffffff; }
    .social:hover.link {
      background: #f0f0f2;
      color: #383850; }
  .social:active {
    color: #ffffff;
    text-decoration: none; }
    .social:active.line {
      background: #048B3B;
      color: #ffffff; }

.copy-url {
  position: relative; }
  .copy-url #copy-url-done {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 100%;
    border-radius: 4px;
    color: #ffffff;
    display: none;
    left: 50%;
    margin-left: -80px;
    padding: 12px;
    position: absolute;
    text-align: center;
    transition-duration: 0ms;
    width: 160px;
    z-index: 1; }
    .copy-url #copy-url-done::after {
      border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
      border-width: 5px;
      border-style: solid;
      content: " ";
      left: 50%;
      margin-left: -5px;
      position: absolute;
      top: 100%; }

header.global {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.16);
  position: relative;
  z-index: 30;
  background-color: #ffffff;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%; }
  header.global.fixed {
    left: 0;
    position: fixed;
    top: 0; }
  header.global .container {
    margin: 0 auto;
    overflow: visible; }
    header.global .container .global-menu-logo {
      height: 70px;
      box-sizing: border-box;
      margin: 0;
      padding: 12.8px 0; }
      header.global .container .global-menu-logo img {
        width: auto;
        height: 100%; }
    header.global .container menu {
      background-color: #ffffff;
      margin: 0;
      padding: 0; }
      header.global .container menu ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        header.global .container menu ul a div.item-container span.subtext {
          display: none; }
      header.global .container menu a {
        display: block;
        color: #383850;
        text-decoration: none; }
      header.global .container menu .menu-badge {
        font-size: 12px;
        padding: 4px 8px;
        background: #FF6366;
        color: #fff;
        border-radius: 16px;
        margin-left: 16px; }
      header.global .container menu div.app-banner {
        margin-top: 50px;
        background-color: #00e0b5;
        display: flex;
        align-items: center;
        padding: 32px 32px 32px 20px; }
        header.global .container menu div.app-banner .icon {
          width: 35%;
          margin-right: 5px;
          display: flex;
          align-items: center;
          justify-content: center; }
          header.global .container menu div.app-banner .icon img {
            width: 85%; }
        header.global .container menu div.app-banner div.concept {
          width: 65%;
          padding-left: 16px;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          header.global .container menu div.app-banner div.concept section {
            color: #282838;
            font-weight: bold;
            line-height: 1.5;
            margin: 0; }
          header.global .container menu div.app-banner div.concept a {
            margin-top: 12px;
            padding: 8px 16px;
            font-size: 14px;
            color: #ffffff;
            background-color: #282838;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            text-align: center; }

@media screen and (min-width: 768px) {
  #global-header-container {
    height: 70px; }
  header.global .container {
    align-items: center;
    display: flex; }
    header.global .container .global-menu-logoh1 {
      margin: 0 auto 0 32px; }
    header.global .container .global-menu-logo {
      margin: 0 16px 0 32px; }
    header.global .container #action-global-menu-open,
    header.global .container #global-menu-bg {
      display: none; }
    header.global .container menu {
      margin: 0 32px 0 auto; }
      header.global .container menu .gloabl-menu-label {
        color: #282838;
        cursor: pointer;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1;
        margin: 0;
        padding: 16px 8px; }
        header.global .container menu .gloabl-menu-label .badge-icon {
          right: 16px;
          top: 8px; }
      header.global .container menu ul {
        align-items: center;
        display: flex; }
      header.global .container menu li {
        margin: 0; }
      header.global .container menu .item a {
        line-height: 1;
        padding: 16px 8px; }
        header.global .container menu .item a:hover {
          color: #00e0b5; }
      header.global .container menu .item.preorder a {
        padding: 7px 16px; }
        header.global .container menu .item.preorder a img {
          display: block;
          height: 56px; }
        header.global .container menu .item.preorder a:hover {
          opacity: .8; }
      header.global .container menu &gt; ul &gt; .item,
      header.global .container menu .drop-down {
        float: left;
        padding: 0;
        position: relative; }
        header.global .container menu &gt; ul &gt; .item .item,
        header.global .container menu .drop-down .item {
          padding: 0;
          border-bottom: 1px solid #bfbfbf; }
          header.global .container menu &gt; ul &gt; .item .item a,
          header.global .container menu .drop-down .item a {
            padding: 16px; }
          header.global .container menu &gt; ul &gt; .item .item:last-child,
          header.global .container menu .drop-down .item:last-child {
            border: none; }
        header.global .container menu &gt; ul &gt; .item .drop-down-toggle:after,
        header.global .container menu .drop-down .drop-down-toggle:after {
          background: url(images/icon/down.svg) no-repeat right center/14px 14px;
          content: '';
          display: inline-block;
          height: 14px;
          margin-left: 4px;
          vertical-align: top;
          width: 14px; }
        header.global .container menu &gt; ul &gt; .item .drop-down-list,
        header.global .container menu .drop-down .drop-down-list {
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.16);
          position: relative;
          z-index: 30;
          background-color: #ffffff;
          border-radius: 4px;
          display: none;
          position: absolute;
          right: 0;
          top: 40px;
          width: 250px; }
          header.global .container menu &gt; ul &gt; .item .drop-down-list.wide,
          header.global .container menu .drop-down .drop-down-list.wide {
            width: 400px; }
        header.global .container menu &gt; ul &gt; .item:hover .drop-down-list,
        header.global .container menu .drop-down:hover .drop-down-list {
          display: block; }
      header.global .container menu .item {
        white-space: nowrap; }
      header.global .container menu .close {
        display: none; }
    header.global .container .global-search-form {
      margin-right: auto; }
      header.global .container .global-search-form .search-form .search-pin {
        position: absolute;
        top: 10px;
        left: 2px;
        width: 32px;
        height: 20px; }
      header.global .container .global-search-form .search-form input {
        font-size: 14px;
        height: 40px;
        padding-left: 32px;
        background: #f0f0f2;
        border: 1px solid #f0f0f2; }
        header.global .container .global-search-form .search-form input:focus {
          background: #fff;
          border: 1px solid #cbcbd2; }
        header.global .container .global-search-form .search-form input::placeholder {
          color: #898896; }
      header.global .container .global-search-form .search-form button {
        display: flex !important;
        height: 40px !important;
        padding: 0 12px; }
        header.global .container .global-search-form .search-form button span {
          margin: auto;
          width: 96px;
          font-size: 14px;
          padding-left: 0; }
        header.global .container .global-search-form .search-form button img {
          height: 20px;
          width: 20px;
          margin: auto; } }

@media screen and (max-width: 1200px) {
  #global-header-container {
    width: 100%; } }

@media screen and (max-width: 767.98px) {
  #global-header-container {
    height: 48px; }
  header.global .container {
    display: flex;
    height: 48px;
    margin: 0;
    padding: 0; }
    header.global .container .global-menu-logo {
      box-sizing: border-box;
      height: 48px;
      padding: 8px 8px;
      top: 0;
      margin-right: auto; }
      header.global .container .global-menu-logo img {
        height: 100%;
        padding: 0; }
    header.global .container #action-global-menu-open .badge-icon,
    header.global .container #action-global-search .badge-icon {
      right: 12px;
      top: 6px; }
    header.global .container #global-menu-bg {
      background: rgba(0, 0, 0, 0.8);
      display: none;
      height: 100%;
      left: 0;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 31; }
    header.global .container menu {
      background-color: #ffffff;
      height: 100%;
      max-width: 350px;
      overflow-y: scroll;
      padding: 0;
      position: fixed;
      right: -350px;
      top: 0;
      transform: translate3d(0, 0, 0);
      width: 80%;
      z-index: 32; }
      header.global .container menu ul {
        display: flex;
        flex-flow: column nowrap;
        padding: 0; }
        header.global .container menu ul .gloabl-menu-label {
          font-size: 20px !important;
          font-weight: 400 !important;
          line-height: 1.4;
          margin: 0;
          padding: 32px 16px 16px;
          border-bottom: 1px solid #bfbfbf; }
          header.global .container menu ul .gloabl-menu-label .badge-icon {
            display: none; }
        header.global .container menu ul li {
          order: 4;
          padding: 0; }
          header.global .container menu ul li ul {
            padding: 0; }
        header.global .container menu ul .item {
          padding: 0;
          border-bottom: 1px solid #bfbfbf; }
          header.global .container menu ul .item a {
            padding: 12px 16px;
            display: flex;
            align-items: center; }
            header.global .container menu ul .item a:after {
              background: url(images/icon/follow-right.svg) no-repeat right center/16px 16px;
              content: '';
              display: block;
              height: 16px;
              width: 16px;
              margin-left: auto; }
            header.global .container menu ul .item a div.item-container {
              display: block; }
              header.global .container menu ul .item a div.item-container span {
                display: block; }
                header.global .container menu ul .item a div.item-container span.highlight {
                  color: #00b893;
                  font-weight: 600; }
                header.global .container menu ul .item a div.item-container span.subtext {
                  display: inline; }
          header.global .container menu ul .item.about {
            border-top: 1px solid #bfbfbf;
            margin-top: 32px;
            order: 2; }
          header.global .container menu ul .item.register {
            order: 3; }
          header.global .container menu ul .item.login {
            order: 3; }
          header.global .container menu ul .item.upgrade {
            order: 3; }
          header.global .container menu ul .item.preorder {
            border: none;
            order: 1; }
            header.global .container menu ul .item.preorder a {
              padding: 16px 16px 0; }
              header.global .container menu ul .item.preorder a:after {
                display: none; }
              header.global .container menu ul .item.preorder a img {
                display: block;
                width: 100%; }
              header.global .container menu ul .item.preorder a:hover {
                opacity: .8; }
        header.global .container menu ul .close {
          order: 1;
          padding: 12px;
          position: relative; }
          header.global .container menu ul .close img {
            display: block;
            float: right;
            height: 24px;
            width: 24px; }
    header.global .container .global-search-form {
      position: absolute;
      top: 48px;
      background: #fff;
      width: 100%;
      box-shadow: 0 8px 8px rgba(0, 0, 0, 0.16);
      z-index: 1;
      border-top: 1px solid #cbcbd2;
      display: none; }
      header.global .container .global-search-form.visible {
        display: block; }
      header.global .container .global-search-form .search-form {
        padding: 16px 16px 4px; }
        header.global .container .global-search-form .search-form .search-pin {
          position: absolute;
          top: 10px;
          left: 2px;
          width: 32px;
          height: 20px; }
        header.global .container .global-search-form .search-form input {
          font-size: 14px;
          height: 40px;
          padding-left: 32px;
          border: 1px solid #cbcbd2; }
        header.global .container .global-search-form .search-form button {
          display: flex !important;
          height: 40px !important;
          padding: 0 12px; }
          header.global .container .global-search-form .search-form button span {
            margin: auto;
            width: 96px;
            font-size: 14px;
            padding-left: 0; }
          header.global .container .global-search-form .search-form button img {
            height: 20px;
            width: 20px;
            margin: auto; }
      header.global .container .global-search-form .current-location {
        font-size: 14px;
        display: block; }
        header.global .container .global-search-form .current-location a {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 12px 16px 16px;
          color: #282838; }
          header.global .container .global-search-form .current-location a:hover {
            text-decoration: none; }
        header.global .container .global-search-form .current-location .current-loation-icon {
          width: 20px;
          margin-right: 12px;
          display: flex;
          align-items: center; }
          header.global .container .global-search-form .current-location .current-loation-icon img {
            width: 100%; }
  header.global .search-container form {
    width: calc(100% - 84px);
    margin-bottom: 0; }
  header.global .search-container .search {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  header.global .search-container .current-location-link {
    width: 76px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: block;
    font-size: 10px;
    color: #fff;
    text-align: center;
    padding: 3px 2px;
    box-sizing: border-box;
    margin-left: 6px; }
    header.global .search-container .current-location-link:hover {
      text-decoration: none; }
  header.global .search-container .current-location-label {
    display: block;
    transform: scale(0.9); }
  header.global .search-container .current-loation-icon {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 auto; }
    header.global .search-container .current-loation-icon img {
      width: 100%; }
  .header-icon-wrap {
    transition: .0s;
    width: 40px;
    line-height: 1;
    height: 32px;
    padding: 8px;
    text-align: center;
    position: relative; }
    .header-icon-wrap .icon-label {
      color: #282838;
      font-size: 10px;
      font-weight: bold;
      display: block;
      width: 125%;
      transform: translate(-50%, 0) scale(0.8);
      letter-spacing: -0.01rem;
      text-align: center;
      position: absolute;
      bottom: 8px;
      left: 50%; }
    .header-icon-wrap a {
      display: block;
      width: 100%;
      height: 100%; }
    .header-icon-wrap img {
      width: 20px; }
  .header-button-wrap {
    width: 120px;
    line-height: 26px;
    height: 26px;
    padding: 11px 8px;
    text-align: center; }
    .header-button-wrap a {
      display: block;
      width: 100%;
      height: 100%;
      color: #282838;
      border: 1px solid #282838;
      border-radius: 3px;
      font-size: 12px;
      font-weight: bold;
      white-space: nowrap;
      overflow: hidden; }
      .header-button-wrap a:hover {
        text-decoration: none; } }

#index #global-header-container {
  height: 166px; }
  #index #global-header-container .search-container {
    background: #383850;
    padding: 20px 16px; }
    #index #global-header-container .search-container .search {
      margin: auto;
      max-width: 920px; }
      #index #global-header-container .search-container .search .input-group .search-pin {
        height: 32px;
        left: 8px;
        position: absolute;
        top: 10px;
        width: 32px; }
      #index #global-header-container .search-container .search .input-group input {
        font-size: 16px;
        height: 56px;
        padding-left: 48px; }
      #index #global-header-container .search-container .search .input-group .input-group-button button {
        display: flex;
        height: 56px;
        padding: 0 20px; }
        #index #global-header-container .search-container .search .input-group .input-group-button button img {
          height: 20px;
          margin: auto;
          width: 20px; }
        #index #global-header-container .search-container .search .input-group .input-group-button button span {
          font-size: 16px;
          margin: auto;
          padding-left: 8px;
          width: 96px; }

@media screen and (max-width: 1279px) {
  #index #global-header-container {
    height: 130px; }
    #index #global-header-container .search-container {
      padding: 10px 16px; }
      #index #global-header-container .search-container .search {
        max-width: 640px; }
        #index #global-header-container .search-container .search .input-group .search-pin {
          left: 2px;
          height: 20px; }
        #index #global-header-container .search-container .search .input-group input {
          font-size: 14px;
          height: 40px !important;
          padding-left: 32px; }
        #index #global-header-container .search-container .search .input-group .input-group-button button {
          display: flex !important;
          height: 40px !important;
          padding: 0 12px; }
          #index #global-header-container .search-container .search .input-group .input-group-button button span {
            font-size: 14px;
            padding-left: 0 !important; } }

@media screen and (max-width: 767.98px) {
  #index #global-header-container {
    height: 108px; } }

@media screen and (max-width: 374px) {
  #index #global-header-container .search-container .search .input-group .input-group-button button span {
    display: none; } }

.before-footer {
  margin-top: 32px; }
  @media screen and (max-width: 767.98px) {
    .before-footer {
      padding: 0 16px; } }
  .before-footer .box-container {
    margin: 0 auto;
    display: flex;
    gap: 24px;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 0 16px; }
    @media screen and (max-width: 767.98px) {
      .before-footer .box-container {
        flex-direction: column; } }
    .before-footer .box-container .box-item {
      flex: 1;
      display: flex;
      background: #fff;
      border-radius: 4px;
      align-items: center;
      overflow: hidden;
      border: 1px solid #CBCBD2; }
      @media screen and (max-width: 767.98px) {
        .before-footer .box-container .box-item {
          flex-direction: column; } }
      .before-footer .box-container .box-item .box-item-thum {
        line-height: 0;
        height: 100%;
        flex: 0.8; }
        @media screen and (max-width: 767.98px) {
          .before-footer .box-container .box-item .box-item-thum {
            width: 100%; } }
        .before-footer .box-container .box-item .box-item-thum img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .before-footer .box-container .box-item .box-item-txt {
        padding: 16px 24px;
        flex: 1.5;
        box-sizing: border-box; }
        @media screen and (max-width: 767.98px) {
          .before-footer .box-container .box-item .box-item-txt {
            width: 100%; } }
      .before-footer .box-container .box-item .box-item-subttl {
        font-size: 16px;
        line-height: 1.5;
        color: #727283; }
        @media screen and (max-width: 1200px) {
          .before-footer .box-container .box-item .box-item-subttl {
            font-size: 14px; } }
      .before-footer .box-container .box-item .box-item-ttl {
        font-size: 24px !important;
        margin: 0;
        font-weight: 600; }
        .before-footer .box-container .box-item .box-item-ttl br {
          display: none; }
          @media screen and (max-width: 1200px) {
            .before-footer .box-container .box-item .box-item-ttl br {
              display: block; } }
      .before-footer .box-container .box-item .box-item-lst {
        margin: 16px 0; }
        .before-footer .box-container .box-item .box-item-lst li {
          padding-left: 24px;
          position: relative;
          font-size: 16px;
          font-weight: 600; }
          .before-footer .box-container .box-item .box-item-lst li:before {
            content: "";
            background: url(images/icon/check-green.svg);
            background-size: 20px 20px;
            background-repeat: no-repeat;
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
          @media screen and (max-width: 1200px) {
            .before-footer .box-container .box-item .box-item-lst li {
              font-size: 14px; } }
      .before-footer .box-container .box-item .micro-copy {
        font-size: 14px;
        padding: 4px 12px;
        background: #F4E921;
        border-radius: 40px;
        position: relative;
        text-align: center;
        display: inline-block;
        margin: 0 auto 4px;
        line-height: 1.3;
        left: 50%;
        transform: translateX(-50%); }
        .before-footer .box-container .box-item .micro-copy:after {
          content: "";
          position: absolute;
          bottom: -8px;
          left: 50%;
          transform: translateX(-50%);
          width: 0;
          height: 0;
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-top: 8px solid #F4E921; }
  .before-footer .owned-media-link {
    margin: 0 48px 48px; }
    .before-footer .owned-media-link ul {
      font-size: 0;
      list-style: none;
      margin: 0;
      padding: 0; }
      .before-footer .owned-media-link ul li {
        display: inline-block;
        margin-right: 32px;
        width: calc(50% - 16px); }
        .before-footer .owned-media-link ul li:last-child {
          margin-right: 0; }
        .before-footer .owned-media-link ul li img {
          width: 100%;
          height: auto; }
          .before-footer .owned-media-link ul li img:hover {
            opacity: 0.8; }

#index .box-container {
  padding: 0; }
  #index .box-container .box-item {
    border: 0; }

footer.global {
  background-color: #00e0b5;
  position: relative; }
  footer.global #global-footer-content {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    position: relative; }
    footer.global #global-footer-content h2 {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 16px; }
    footer.global #global-footer-content ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      footer.global #global-footer-content ul li a {
        color: #383850;
        text-decoration: underline; }
      footer.global #global-footer-content ul li:last-child {
        margin: 0; }
      footer.global #global-footer-content ul .title-app {
        margin-top: 16px; }
      footer.global #global-footer-content ul#download-app li {
        margin: 0 8px 8px 0; }
        footer.global #global-footer-content ul#download-app li a img {
          width: auto;
          height: 44px; }
    footer.global #global-footer-content .title-sns {
      margin-top: 16px; }
    footer.global #global-footer-content #sns-share li {
      display: inline-block;
      margin: 0 24px 8px 0; }
      footer.global #global-footer-content #sns-share li img {
        width: 32px; }
  footer.global .copyright {
    background-color: #383850;
    color: #ffffff;
    padding: 16px;
    position: relative;
    text-align: center; }

@media screen and (min-width: 768px) {
  footer.global #global-footer-content {
    padding: 48px 0; }
    footer.global #global-footer-content .global-footer-body {
      display: table;
      padding: 0 48px;
      width: calc(100% - 96px); }
      footer.global #global-footer-content .global-footer-body section {
        display: table-cell;
        width: 33%; }
  footer.global #download-app li {
    display: inline-block; } }

@media screen and (max-width: 767.98px) {
  .before-footer {
    margin-bottom: 32px; }
    .before-footer .owned-media-link {
      margin: 0px;
      padding: 16px; }
      .before-footer .owned-media-link ul li {
        display: block;
        margin: 0 auto;
        width: 100%; }
        .before-footer .owned-media-link ul li:last-child {
          margin: 16px auto 0; }
  footer.global {
    overflow: hidden;
    width: 100%; }
    footer.global #global-footer-content {
      padding: 16px; }
      footer.global #global-footer-content .global-footer-body {
        display: block;
        padding: 0; }
        footer.global #global-footer-content .global-footer-body section {
          display: block;
          width: 100%; } }

@keyframes show {
  0% {
    opacity: 0; }
  17% {
    opacity: 1; }
  33% {
    opacity: 1; }
  50% {
    opacity: 0; } }

.hero {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  position: relative; }
  .hero .hero-slider {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
    .hero .hero-slider ul {
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative; }
      .hero .hero-slider ul li {
        animation: show 15s infinite;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1; }
        .hero .hero-slider ul li.hero1 {
          animation-delay: 0s; }
        .hero .hero-slider ul li.hero2 {
          animation-delay: 5s; }
        .hero .hero-slider ul li.hero3 {
          animation-delay: 10s; }
        .hero .hero-slider ul li .hero-bg {
          position: relative; }
          .hero .hero-slider ul li .hero-bg img {
            position: relative !important; }
  .hero .hero-text {
    position: absolute;
    top: 50%;
    left: 94px;
    transform: translateY(-50%);
    z-index: 1; }
    .hero .hero-text .copy {
      width: 40vw;
      margin-bottom: 3vw; }
      .hero .hero-text .copy img {
        width: 100% !important;
        height: auto !important;
        position: static !important; }
    .hero .hero-text .column {
      display: flex;
      gap: 12px;
      align-items: center;
      margin-bottom: 0.5vw; }
    .hero .hero-text .app-download .app-banner {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 0.5vw;
      margin-bottom: 0.5vw; }
      .hero .hero-text .app-download .app-banner .apple {
        width: 10vw;
        line-height: 0; }
      .hero .hero-text .app-download .app-banner .google {
        width: calc(10vw * 1.24);
        line-height: 0; }
      .hero .hero-text .app-download .app-banner img {
        width: 100% !important;
        height: auto !important;
        position: static !important; }
    .hero .hero-text .app-download .microcopy {
      font-weight: 600;
      font-size: 0.8vw !important;
      margin: 0; }
  .hero .hero-container {
    max-width: 900px;
    position: relative;
    width: 100%;
    z-index: 2; }
    .hero .hero-container .introduction {
      text-align: center; }
      .hero .hero-container .introduction h1 {
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 32px;
        text-shadow: 0 1px 2px #383850; }
    .hero .hero-container .search {
      border-radius: 4px; }
      .hero .hero-container .search .search-pin {
        left: 0;
        position: absolute;
        top: 0; }
  .hero.logged-in {
    background: #383850;
    position: relative;
    padding: 24px 16px;
    z-index: 10; }
    .hero.logged-in .hero-container {
      margin: 0;
      padding: 0; }
      .hero.logged-in .hero-container .search {
        max-width: 800px;
        margin: auto; }

#value-plus-suggest {
  margin-top: 36px; }
  #value-plus-suggest .suggest-image {
    display: flex;
    justify-content: center;
    position: relative; }
    #value-plus-suggest .suggest-image a {
      max-width: 800px; }
      #value-plus-suggest .suggest-image a img {
        vertical-align: bottom;
        width: 100%; }

#regular-suggest {
  padding: 16px; }
  #regular-suggest a {
    display: block;
    margin: 0 auto;
    max-width: 500px; }
    #regular-suggest a img {
      display: block;
      width: 100%; }

@media screen and (min-width: 768px) {
  .hero.guest {
    height: 44vw; }
  .hero .hero-text {
    left: 48px; }
  #value-plus-suggest .suggest-image a {
    max-width: 600px; }
  #regular-suggest {
    display: none; } }

@media screen and (min-width: 1024px) {
  .hero.guest {
    height: 450px; }
  .hero .hero-text {
    left: 94px; }
  #value-plus-suggest .suggest-image a {
    max-width: 800px; } }

@media screen and (min-width: 1200px) {
  .hero.guest {
    height: 600px; } }

@media screen and (min-width: 1400px) {
  .hero.guest {
    height: 656px; } }

@media screen and (min-width: 1600px) {
  .hero.guest {
    height: 750px; } }

@media screen and (min-width: 1800px) {
  .hero.guest {
    height: 844px; } }

@media screen and (max-width: 767.98px) {
  .hero {
    align-items: flex-start; }
    .hero .hero-text {
      max-width: calc(100% - 40px);
      top: auto;
      transform: none;
      bottom: 14%;
      left: 20px; }
      .hero .hero-text .copy {
        width: 80vw; }
      .hero .hero-text .app-download .app-banner {
        width: 80%;
        gap: 1vw;
        margin-bottom: 1vw; }
        .hero .hero-text .app-download .app-banner .apple {
          width: 100%; }
        .hero .hero-text .app-download .app-banner .google {
          width: calc(100% * 1.24); }
      .hero .hero-text .app-download .microcopy {
        font-size: 12px !important; }
    .hero.guest {
      height: 800px; }
    .hero.logged-in {
      padding: 16px; }
      .hero.logged-in h1 {
        margin-bottom: 32px; }
      .hero.logged-in .search {
        max-width: 100%;
        width: 100%;
        margin: auto; } }

@media screen and (max-width: 420px) {
  .hero.guest {
    height: 626px; } }

@media screen and (max-width: 380px) {
  .hero.guest {
    height: 567px; } }

@media screen and (max-width: 320px) {
  .hero.guest {
    height: 484px; } }

#about .box-container {
  margin: 0 auto; }
  #about .box-container .box {
    background: #ffffff;
    text-align: center; }
    #about .box-container .box h2 {
      font-weight: 600;
      margin: 0 0 16px; }
    #about .box-container .box .about-container {
      margin-bottom: 16px; }
      #about .box-container .box .about-container .about-box img {
        display: block;
        margin: 0 auto;
        max-width: 250px;
        width: 100%; }
      #about .box-container .box .about-container .about-box p {
        margin: 16px 0 0; }
        #about .box-container .box .about-container .about-box p span {
          display: block;
          font-size: 10px;
          font-weight: 400; }
    #about .box-container .box .about-more .button {
      display: block;
      margin: 0 auto;
      max-width: 300px; }

#about-guest #about {
  margin-bottom: 0;
  margin-top: 0; }

@media screen and (min-width: 768px) {
  #about {
    margin: 48px 0; }
    #about .box-container .box {
      margin: 0 48px;
      padding: 24px; }
      #about .box-container .box .about-container {
        align-items: flex-start;
        display: flex; }
        #about .box-container .box .about-container .about-box {
          width: 33%; }
      #about .box-container .box .about-more {
        margin-top: 24px; } }

@media screen and (max-width: 767.98px) {
  #value-plus-suggest {
    margin: 0; }
  #about {
    margin: 32px 0; }
    #about .box-container .box {
      padding: 16px;
      text-align: center; }
      #about .box-container .box .about-container .about-box {
        align-items: center;
        display: flex;
        margin-bottom: 16px; }
        #about .box-container .box .about-container .about-box img {
          max-width: 45%; }
        #about .box-container .box .about-container .about-box p {
          margin: 0;
          padding-left: 16px;
          text-align: left;
          width: 100%; }
      #about .box-container .box .about-more {
        margin-top: 16px; } }

@media screen and (min-width: 768px) {
  #spot-list section.box-container {
    margin: 48px auto; } }

.card-parking {
  background: #ffffff; }
  .card-parking.open {
    border: 2px solid #ff6b3d; }
  .card-parking.close {
    border: 2px solid #bfbfbf; }
  .card-parking.active {
    background: #d5faf3;
    border: 1px solid #00e0b5; }
  .card-parking.selected {
    background: #d5faf3;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); }
  .card-parking .pr {
    background: #fdfbda; }
    .card-parking .pr .text {
      font-size: 12px;
      font-weight: bold;
      display: inline-block; }
  .card-parking .main {
    padding: 8px 16px;
    width: calc(100% - 32px); }
    .card-parking .main .cta {
      align-items: center;
      border-bottom: 1px dotted #cbcbd2;
      display: flex;
      padding-bottom: 8px;
      justify-content: space-between; }
      .card-parking .main .cta .price {
        align-items: center; }
        .card-parking .main .cta .price .vacancy {
          border-radius: 4px;
          font-weight: 600; }
          .card-parking .main .cta .price .vacancy .label {
            font-size: 12px;
            text-align: center;
            padding: 2px 8px;
            border: 4px solid transparent; }
        .card-parking .main .cta .price .fee {
          font-size: 12px;
          font-weight: bold;
          line-height: 1.4; }
          .card-parking .main .cta .price .fee .display {
            color: #d73839;
            font-size: 16px; }
      .card-parking .main .cta .buttons {
        width: 130px; }
        .card-parking .main .cta .buttons .button {
          font-size: 14px;
          height: 40px;
          padding: 13px 4px; }
        .card-parking .main .cta .buttons .button-favorite {
          display: none;
          padding: 8px 4px !important; }
    .card-parking .main .content {
      padding-top: 8px; }
      .card-parking .main .content .description {
        display: flex;
        width: 100%; }
        .card-parking .main .content .description .detail {
          width: calc(100% - 40px); }
          .card-parking .main .content .description .detail .name {
            margin: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 14px; }
        .card-parking .main .content .description .favorite {
          height: 40px;
          width: 40px; }
          .card-parking .main .content .description .favorite .favorite-trigger {
            background: none;
            border: none;
            padding: 0 !important;
            width: 40px; }
            .card-parking .main .content .description .favorite .favorite-trigger .icon {
              margin: 0;
              width: 100%; }
            .card-parking .main .content .description .favorite .favorite-trigger .text {
              display: none; }
      .card-parking .main .content .bywalk {
        font-size: 12px;
        margin: 6px 0 0; }
      .card-parking .main .content .labels {
        margin-top: 6px; }
        .card-parking .main .content .labels .parking-attribute {
          background: #f0f0f2;
          display: inline-block;
          padding: 4px; }
          .card-parking .main .content .labels .parking-attribute .text {
            font-size: 10px;
            line-height: 14px; }
  .card-parking-small .main {
    padding: 8px 16px 16px; }
    .card-parking-small .main .cta {
      justify-content: space-between;
      min-height: 56px; }
      .card-parking-small .main .cta .buttons {
        width: 40px !important; }
        .card-parking-small .main .cta .buttons .button-favorite {
          display: block !important;
          padding: 0 !important;
          border: none !important; }
          .card-parking-small .main .cta .buttons .button-favorite .text {
            display: none; }
  .card-parking-small .cta-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px dotted #cbcbd2; }
    .card-parking-small .cta-wrap &gt; * {
      flex: 1; }
    .card-parking-small .cta-wrap .button {
      font-size: 14px;
      padding: 10px 4px; }
    .card-parking-small .cta-wrap .button-disabled {
      cursor: not-allowed; }

@media screen and (min-width: 768px) {
  .card-parking {
    border-radius: 4px; }
    .card-parking .pr {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
      .card-parking .pr .text {
        font-size: 14px; }
    .card-parking .main .cta .price {
      width: calc(100% - 150px); }
      .card-parking .main .cta .price .vacancy .label {
        font-size: 12px;
        height: 40px;
        padding: 2px 4px; }
      .card-parking .main .cta .price .fee {
        font-size: 14px; }
        .card-parking .main .cta .price .fee .display {
          font-size: 20px; }
    .card-parking .main .cta .buttons {
      width: 150px; } }

@media screen and (min-width: 1024px) {
  #search-parking .card-parking {
    margin: 0 auto 16px !important;
    max-width: 800px !important;
    min-width: auto !important;
    width: 100% !important; }
    #search-parking .card-parking .main {
      align-items: center;
      display: flex;
      flex-direction: row-reverse; }
      #search-parking .card-parking .main .cta {
        border: none;
        border-left: 1px dotted #cbcbd2;
        padding: 0; }
        #search-parking .card-parking .main .cta .price {
          display: block;
          text-align: center;
          padding: 0 16px;
          width: 150px; }
          #search-parking .card-parking .main .cta .price .vacancy {
            writing-mode: inherit; }
            #search-parking .card-parking .main .cta .price .vacancy .label {
              display: inline-block;
              height: auto;
              width: 50px; }
        #search-parking .card-parking .main .cta .buttons {
          border-left: 1px dotted #cbcbd2;
          padding-left: 16px;
          width: 180px; }
          #search-parking .card-parking .main .cta .buttons .button-favorite {
            display: block;
            margin-bottom: 8px; }
      #search-parking .card-parking .main .content {
        padding: 0 16px 0 0;
        width: calc(100% - 396px); }
        #search-parking .card-parking .main .content .description .detail {
          width: 100%; }
        #search-parking .card-parking .main .content .description .favorite {
          display: none; } }

#favorite-content .card-parking,
#history-content .card-parking,
#reservation-content .card-parking {
  margin: 0 0 16px !important; }

@media screen and (min-width: 1024px) {
  #favorite-content .card-parking,
  #history-content .card-parking,
  #reservation-content .card-parking {
    margin: 0 auto 16px !important;
    max-width: 800px !important;
    min-width: auto !important;
    width: 100% !important; }
    #favorite-content .card-parking .main,
    #history-content .card-parking .main,
    #reservation-content .card-parking .main {
      align-items: center;
      display: flex;
      flex-direction: row-reverse; }
      #favorite-content .card-parking .main .cta,
      #history-content .card-parking .main .cta,
      #reservation-content .card-parking .main .cta {
        border: none;
        border-left: 1px dotted #cbcbd2;
        padding: 0; }
        #favorite-content .card-parking .main .cta .price,
        #history-content .card-parking .main .cta .price,
        #reservation-content .card-parking .main .cta .price {
          display: block;
          text-align: center;
          padding: 0 16px;
          width: 150px; }
          #favorite-content .card-parking .main .cta .price .vacancy,
          #history-content .card-parking .main .cta .price .vacancy,
          #reservation-content .card-parking .main .cta .price .vacancy {
            writing-mode: inherit; }
            #favorite-content .card-parking .main .cta .price .vacancy .label,
            #history-content .card-parking .main .cta .price .vacancy .label,
            #reservation-content .card-parking .main .cta .price .vacancy .label {
              display: inline-block;
              height: auto;
              width: 50px; }
        #favorite-content .card-parking .main .cta .buttons,
        #history-content .card-parking .main .cta .buttons,
        #reservation-content .card-parking .main .cta .buttons {
          border-left: 1px dotted #cbcbd2;
          padding-left: 16px;
          width: 180px; }
          #favorite-content .card-parking .main .cta .buttons .button-favorite,
          #history-content .card-parking .main .cta .buttons .button-favorite,
          #reservation-content .card-parking .main .cta .buttons .button-favorite {
            display: block;
            margin-bottom: 8px; }
      #favorite-content .card-parking .main .content,
      #history-content .card-parking .main .content,
      #reservation-content .card-parking .main .content {
        padding: 0 16px 0 0;
        width: calc(100% - 396px); }
        #favorite-content .card-parking .main .content .description .detail,
        #history-content .card-parking .main .content .description .detail,
        #reservation-content .card-parking .main .content .description .detail {
          width: 100%; }
        #favorite-content .card-parking .main .content .description .favorite,
        #history-content .card-parking .main .content .description .favorite,
        #reservation-content .card-parking .main .content .description .favorite {
          display: none; } }

#today-reservations .card-parking .main {
  padding-bottom: 16px; }
  #today-reservations .card-parking .main .content {
    padding: 0; }
  #today-reservations .card-parking .main .info {
    margin-top: 8px; }
    #today-reservations .card-parking .main .info ul {
      border: 1px solid #cbcbd2; }
      #today-reservations .card-parking .main .info ul li {
        align-items: flex-start;
        border-bottom: 1px solid #cbcbd2;
        display: flex;
        font-size: 12px; }
        #today-reservations .card-parking .main .info ul li .title {
          color: #898896;
          padding: 8px;
          width: 30px; }
        #today-reservations .card-parking .main .info ul li .text {
          padding: 8px; }
          #today-reservations .card-parking .main .info ul li .text br {
            display: none; }
        #today-reservations .card-parking .main .info ul li:last-child {
          border: none; }
  #today-reservations .card-parking .main .reservation-buttons {
    margin-top: 16px; }

.region-spot {
  background: #ffffff;
  margin: 0 48px 48px; }
  .region-spot h4 {
    color: #383850;
    font-size: 20px;
    font-weight: 600;
    font-weight: bold;
    padding-top: 16px;
    text-align: center; }

.spot-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 8px 8px 0; }
  .spot-list .spot-item {
    display: block;
    text-decoration: none;
    color: #383850;
    white-space: nowrap;
    margin: 8px; }
    .spot-list .spot-item h5 {
      font-size: 14px; }
    .spot-list .spot-item a {
      border: 1px solid #bfbfbf;
      border-radius: 4px;
      display: block;
      padding: 8px 16px;
      text-decoration: none;
      color: #383850; }
      .spot-list .spot-item a:hover {
        background: #00b893;
        border: 1px solid #00b893;
        color: #ffffff; }

.spot-more a {
  display: block;
  padding: 16px;
  text-align: center; }

.spot-no-item {
  border-bottom: 1px solid #bfbfbf; }
  .spot-no-item__inr {
    padding: 80px;
    text-align: center; }
  .spot-no-item__desc {
    font-size: 16px;
    font-weight: bold; }

@media screen and (max-width: 767.98px) {
  .region-spot {
    margin: 0 0 32px; }
    .region-spot h4 {
      font-size: 15px; }
  .spot-no-item__inr {
    padding: 32px; } }

#akichan {
  background-color: #DD752C; }
  #akichan .box-container {
    margin-bottom: 0; }
  #akichan .box {
    border-radius: 0;
    color: #ffffff;
    display: flex;
    margin: 0 auto;
    max-width: 1104px;
    padding: 32px 48px 0; }
    #akichan .box .content {
      flex: 1;
      align-items: flex-end; }
      #akichan .box .content h2 {
        color: #ffffff;
        font-weight: 600; }
      #akichan .box .content .link {
        padding: 32px; }
    #akichan .box .screenshot {
      flex: 1;
      overflow: hidden; }
      #akichan .box .screenshot img {
        display: block;
        max-width: 100%; }
    #akichan .box .button {
      color: #ffffff;
      border-color: #ffffff;
      background-color: #ECB888; }
    @media screen and (max-width: 767.98px) {
      #akichan .box {
        padding: 16px 16px 0;
        flex-direction: column; }
        #akichan .box .content {
          padding-bottom: 16px; }
          #akichan .box .content h2 {
            margin: 16px 0; }
          #akichan .box .content .link {
            padding: 16px 0; }
        #akichan .box .screenshot img {
          margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      #akichan .box .content {
        padding-right: 16px; }
        #akichan .box .content h2 {
          margin: 24px 0;
          text-align: left; }
        #akichan .box .content p {
          margin-left: 0;
          text-align: left; }
        #akichan .box .content .link {
          padding-left: 0; }
      #akichan .box .screenshot {
        max-height: 300px; }
        #akichan .box .screenshot img {
          float: right; } }

section.partnership .partnership-content {
  background: #ffffff;
  position: relative;
  border-radius: 4px; }
  section.partnership .partnership-content .partnership-content-innner {
    max-width: 820px;
    margin: 0 auto;
    width: 100%; }
    section.partnership .partnership-content .partnership-content-innner .img {
      position: relative;
      width: 50%;
      z-index: 1; }
      section.partnership .partnership-content .partnership-content-innner .img img {
        max-width: 400px;
        height: auto; }
    section.partnership .partnership-content .partnership-content-innner .detail {
      position: relative;
      text-align: center;
      width: 50%;
      z-index: 1; }
      section.partnership .partnership-content .partnership-content-innner .detail .detail-subtitle {
        align-items: center;
        /* 線を上下中央 */
        display: flex;
        /* 文字と線を横並び */
        justify-content: center;
        /* 文字を中央寄せ */ }
        section.partnership .partnership-content .partnership-content-innner .detail .detail-subtitle:before, section.partnership .partnership-content .partnership-content-innner .detail .detail-subtitle:after {
          background-color: #a6a6b1;
          /* 線の色 */
          border-radius: 5px;
          /* 線の両端を丸く */
          content: "";
          height: 1px;
          /* 線の高さ */
          width: 24px;
          /* 線の長さ */ }
        section.partnership .partnership-content .partnership-content-innner .detail .detail-subtitle:before {
          margin-right: 10px;
          /* 文字との余白 */
          transform: rotate(60deg);
          /* 傾ける */ }
        section.partnership .partnership-content .partnership-content-innner .detail .detail-subtitle:after {
          margin-left: 10px;
          /* 文字との余白 */
          transform: rotate(-60deg);
          /* 傾ける */ }
      section.partnership .partnership-content .partnership-content-innner .detail a {
        max-width: 320px; }

@media screen and (max-width: 767px) {
  section.partnership {
    max-width: 640px;
    padding: 0 16px; }
    section.partnership .partnership-content .partnership-content-innner .detail {
      width: 100%; }
    section.partnership .partnership-content .partnership-content-innner .img {
      width: 100%; } }

#dialog-light-box {
  max-width: calc(100vw - 32px);
  min-width: 300px; }
  #dialog-light-box .dialog-content img {
    width: 100%;
    max-width: 100%; }

.parking-detail-body {
  scroll-behavior: initial !important; }
  .parking-detail-body &gt; .container {
    overflow: visible; }
  .parking-detail-body .description-text-area {
    font-size: 14px;
    background: #383850;
    color: white;
    text-align: center;
    padding-block: 4px;
    word-break: break-word;
    width: 100%; }
  .parking-detail-body #global-header-container {
    height: 68px; }
    .parking-detail-body #global-header-container header {
      height: 68px;
      box-shadow: initial;
      border-bottom: 1px solid #CBCBD2; }
      .parking-detail-body #global-header-container header .container {
        height: 100%; }
        .parking-detail-body #global-header-container header .container h1 {
          max-width: 180px;
          padding-left: 0; }
          .parking-detail-body #global-header-container header .container h1 a {
            display: flex;
            align-items: center; }
            .parking-detail-body #global-header-container header .container h1 a img {
              width: auto; }
        @media screen and (max-width: 767.98px) {
          .parking-detail-body #global-header-container header .container #global-menu ul li h2 {
            font-size: 12px;
            color: #828291;
            border-color: #CBCBD2;
            padding: 16px 24px 6px; }
          .parking-detail-body #global-header-container header .container #global-menu ul li ul li {
            border-color: #CBCBD2; }
            .parking-detail-body #global-header-container header .container #global-menu ul li ul li a {
              padding: 12px 24px;
              line-height: 1;
              position: relative; }
              .parking-detail-body #global-header-container header .container #global-menu ul li ul li a::after {
                width: 24px;
                height: 24px;
                padding: 0;
                position: absolute;
                right: 16px;
                top: calc(50% - 12px); }
          .parking-detail-body #global-header-container header .container #global-menu ul li#action-global-menu-close {
            padding: 18px 24px; }
          .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp {
            padding: 0 16px 22px; }
            .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp .balloon {
              width: 100%;
              color: #383850;
              background-color: #F4E921;
              border-radius: 4px;
              line-height: 1;
              padding: 6px 0 4px;
              height: auto;
              font-size: 12px; }
              .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp .balloon::after {
                bottom: -18px;
                left: calc(50% - 10px);
                border-top: 10px solid #F4E921;
                border-right: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-left: 10px solid transparent; }
            .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul {
              display: flex;
              flex-direction: column;
              margin-top: 8px;
              gap: 14px; }
              .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li {
                display: flex;
                gap: 12px; }
                .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li img {
                  width: 54px; }
                .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li div {
                  display: flex;
                  flex-direction: column; }
                  .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li div span {
                    line-height: 1; }
                  .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li div .step {
                    font-size: 10px;
                    margin-bottom: 2px;
                    color: #00E0B5; }
                    .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li div .step .num {
                      font-size: 12px; }
                  .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li div .catch {
                    font-size: 14px;
                    margin-bottom: 4px; }
                  .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp ul li div .desc {
                    font-size: 10px;
                    color: #828291; }
          .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.pc {
            display: none; }
          .parking-detail-body #global-header-container header .container #global-menu ul li.owner h2 {
            display: none; }
          .parking-detail-body #global-header-container header .container #global-menu ul li.owner ul {
            border-top: 1px solid #CBCBD2; }
          .parking-detail-body #global-header-container header .container #global-menu ul li.login, .parking-detail-body #global-header-container header .container #global-menu ul li.register {
            padding: 0 16px;
            border: none; }
            .parking-detail-body #global-header-container header .container #global-menu ul li.login a::after, .parking-detail-body #global-header-container header .container #global-menu ul li.register a::after {
              display: none; }
          .parking-detail-body #global-header-container header .container #global-menu ul li.login {
            order: 5;
            margin-top: 40px; }
            .parking-detail-body #global-header-container header .container #global-menu ul li.login a {
              background-color: #00b893;
              color: #FFFFFF;
              text-align: center;
              padding: 12px 0;
              line-height: 1;
              font-size: 16px;
              font-weight: 600;
              border-radius: 4px; }
          .parking-detail-body #global-header-container header .container #global-menu ul li.register {
            order: 6;
            margin-top: 10px; }
            .parking-detail-body #global-header-container header .container #global-menu ul li.register a {
              text-align: center;
              padding: 12px 0;
              line-height: 1;
              font-size: 16px;
              font-weight: 600;
              border-radius: 4px; } }
        @media screen and (min-width: 768px) {
          .parking-detail-body #global-header-container header .container #global-menu ul li.akippa-feature.sp {
            display: none; } }
    @media screen and (max-width: 767.98px) {
      .parking-detail-body #global-header-container {
        height: 60px; }
        .parking-detail-body #global-header-container header {
          height: 60px; }
          .parking-detail-body #global-header-container header .container {
            align-items: center;
            justify-content: space-between; }
            .parking-detail-body #global-header-container header .container h1 {
              display: flex;
              align-items: center;
              padding-left: 12px; }
            .parking-detail-body #global-header-container header .container .search {
              height: 24px;
              width: 24px;
              padding: 18px 12px;
              margin-left: auto; }
        .parking-detail-body #global-header-container .description-text-area {
          position: fixed;
          top: 60px; } }
    @media screen and (min-width: 768px) {
      .parking-detail-body #global-header-container header {
        position: initial; }
        .parking-detail-body #global-header-container header .container .search {
          display: none; } }
  .parking-detail-body .parking-detail {
    font-size: 14px;
    font-weight: 300;
    color: #383850; }
    .parking-detail-body .parking-detail .tab2 {
      display: table;
      position: relative;
      width: 100%;
      z-index: 11; }
      .parking-detail-body .parking-detail .tab2 .tab2-left,
      .parking-detail-body .parking-detail .tab2 .tab2-right {
        cursor: pointer;
        display: table-cell;
        width: 50%; }
        .parking-detail-body .parking-detail .tab2 .tab2-left p,
        .parking-detail-body .parking-detail .tab2 .tab2-right p {
          font-size: 16px;
          margin: 0;
          padding: 16px 0;
          text-align: center; }
        .parking-detail-body .parking-detail .tab2 .tab2-left.active,
        .parking-detail-body .parking-detail .tab2 .tab2-right.active {
          cursor: auto; }
      .parking-detail-body .parking-detail .tab2 .tab2-left {
        border-radius: 4px 0 0 4px; }
      .parking-detail-body .parking-detail .tab2 .tab2-right {
        border-radius: 0 4px 4px 0; }
      .parking-detail-body .parking-detail .tab2.primary {
        border-bottom: 4px solid #30b1c6; }
        .parking-detail-body .parking-detail .tab2.primary .tab2-left p,
        .parking-detail-body .parking-detail .tab2.primary .tab2-right p {
          color: #30b1c6; }
        .parking-detail-body .parking-detail .tab2.primary .tab2-left.active,
        .parking-detail-body .parking-detail .tab2.primary .tab2-right.active {
          background: #30b1c6; }
          .parking-detail-body .parking-detail .tab2.primary .tab2-left.active p,
          .parking-detail-body .parking-detail .tab2.primary .tab2-right.active p {
            color: #ffffff; }
      .parking-detail-body .parking-detail .tab2.secondary {
        border-bottom: 4px solid #898896; }
        .parking-detail-body .parking-detail .tab2.secondary .tab2-left p,
        .parking-detail-body .parking-detail .tab2.secondary .tab2-right p {
          color: #898896; }
        .parking-detail-body .parking-detail .tab2.secondary .tab2-left.active,
        .parking-detail-body .parking-detail .tab2.secondary .tab2-right.active {
          background: #898896; }
          .parking-detail-body .parking-detail .tab2.secondary .tab2-left.active p,
          .parking-detail-body .parking-detail .tab2.secondary .tab2-right.active p {
            color: #ffffff; }
    .parking-detail-body .parking-detail p {
      font-size: 14px;
      color: #383850; }
    .parking-detail-body .parking-detail span {
      font-size: 14px;
      color: #383850; }
    .parking-detail-body .parking-detail h1 {
      font-size: 16px;
      color: #383850; }
    .parking-detail-body .parking-detail h3 {
      font-size: 16px;
      color: #383850; }
    .parking-detail-body .parking-detail h4 {
      font-size: 14px;
      color: #383850; }
    .parking-detail-body .parking-detail section {
      margin: 0; }
    .parking-detail-body .parking-detail .section-head {
      font-size: 20px;
      line-height: 1;
      font-weight: 600;
      color: #383850; }
    .parking-detail-body .parking-detail .section-content {
      padding-top: 20px;
      font-size: 14px;
      line-height: 16px; }
    .parking-detail-body .parking-detail .parking-detail-section {
      padding: 48px 0; }
    .parking-detail-body .parking-detail .help-trigger {
      font-weight: 600;
      width: 100%;
      grid-column: 1 / 3;
      align-items: center; }
      .parking-detail-body .parking-detail .help-trigger img {
        width: 20px;
        height: 20px;
        margin-right: 4px; }
      .parking-detail-body .parking-detail .help-trigger span {
        cursor: pointer; }
    .parking-detail-body .parking-detail .more-trigger {
      border: 2px solid #383850;
      border-radius: 4px;
      color: #383850;
      display: block;
      line-height: 1;
      margin: 24px auto;
      max-width: 200px;
      padding: 9px 24px;
      text-align: center;
      font-weight: 600; }
      .parking-detail-body .parking-detail .more-trigger:hover {
        background: #f0f0f2;
        color: #383850;
        text-decoration: none; }
    .parking-detail-body .parking-detail select {
      background-image: url(images/icon/follow-down.svg);
      background-color: #FFFFFF; }
    @media screen and (max-width: 767.98px) {
      .parking-detail-body .parking-detail {
        font-size: 14px; }
        .parking-detail-body .parking-detail p {
          font-size: 14px;
          color: #383850; }
        .parking-detail-body .parking-detail span {
          font-size: 14px;
          color: #383850; }
        .parking-detail-body .parking-detail h2 {
          font-size: 16px;
          color: #383850; }
        .parking-detail-body .parking-detail h3 {
          font-size: 16px;
          color: #383850; }
        .parking-detail-body .parking-detail h4 {
          font-size: 14px;
          color: #383850; }
        .parking-detail-body .parking-detail section {
          margin: 0; }
        .parking-detail-body .parking-detail .section-head {
          font-size: 16px;
          line-height: 16px;
          font-weight: 600;
          color: #383850; }
        .parking-detail-body .parking-detail .section-content {
          padding-top: 40px;
          padding-left: 16px;
          font-size: 14px;
          line-height: 31px; }
        .parking-detail-body .parking-detail .parking-detail-section {
          padding: 48px 32px; }
        .parking-detail-body .parking-detail .help-trigger {
          font-weight: 600;
          width: 100%;
          grid-column: 1 / 3; }
        .parking-detail-body .parking-detail .more-trigger {
          border: 4px solid #383850;
          border-radius: 8px;
          color: #383850;
          display: block;
          line-height: 1;
          margin: 24px auto;
          max-width: 200px;
          padding: 9px 0;
          text-align: center;
          font-weight: 600; }
          .parking-detail-body .parking-detail .more-trigger:hover {
            background: #f0f0f2;
            color: #383850;
            text-decoration: none; } }
    .parking-detail-body .parking-detail #parking-detail {
      padding: 0 16px;
      max-width: 774px; }
      @media screen and (max-width: 767.98px) {
        .parking-detail-body .parking-detail #parking-detail {
          padding: 0; } }
      @media screen and (min-width: 768px) {
        .parking-detail-body .parking-detail #parking-detail {
          margin: 32px auto 0; } }
      @media screen and (min-width: 1152px) {
        .parking-detail-body .parking-detail #parking-detail {
          max-width: 1152px;
          box-sizing: border-box; } }
      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap {
        display: flex;
        justify-content: space-between; }
        .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info {
          max-width: 748px;
          width: 100%; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title {
            margin: 0 auto;
            max-width: 774px;
            background-color: #FFFFFF;
            z-index: 25; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.title {
              position: sticky;
              top: 0;
              margin-top: 12px;
              padding: 12px 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.title .title {
                margin: 0; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .parking-owner-type {
              display: flex;
              justify-content: space-between;
              width: 66px;
              height: 21px;
              margin-bottom: 12px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .parking-owner-type .owner-type-tag {
                display: inline-block;
                width: 48x;
                font-size: 10px;
                line-height: 21px;
                padding: 0 4px;
                text-align: center;
                background-color: #f0f0f2;
                border-radius: 4px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .parking-owner-type .owner-type-hint {
                display: inline-block;
                width: 14px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .parking-owner-type .owner-type-hint img {
                  width: 14px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.bg-navi-with-icon {
              display: flex;
              padding: 4px 8px;
              align-items: center;
              gap: 11px;
              border-radius: 4px;
              background: var(--Background-Background-100, #F0F0F2); }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.detail {
              padding: 0 16px 16px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav {
              position: sticky;
              padding: 0 16px;
              border-bottom: 1px solid #CBCBD2; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav .nav {
                display: flex; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav .nav li a {
                  box-sizing: border-box;
                  color: #383850;
                  display: block;
                  margin-right: 16px;
                  padding: 8px 0;
                  text-decoration: none;
                  font-weight: 600;
                  border-bottom: 4px solid white; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav .nav li.current a {
                  border-bottom: 4px solid #383850; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star0, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star1, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star2, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star3, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star4, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star5, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star6, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star7, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star8, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star9, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .review.review-star10 {
              padding: 0;
              width: 100px;
              height: 20px;
              background-size: 100px 20px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail {
              margin: 0; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail &gt; p {
                display: flex;
                align-items: center; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .review.review-amount {
                font-size: 14px;
                line-height: 1; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .review.review-amount a {
                  color: #383850;
                  font-weight: 600;
                  text-decoration: underline; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .review.review-amount a:hover {
                    color: #00b893; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .buttons {
                display: flex; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .buttons button {
                  align-items: center;
                  background: none;
                  border: none;
                  display: flex;
                  font-size: 12px;
                  padding-inline: 8px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .buttons button .icon {
                    background: #f0f0f2;
                    border-radius: 12px;
                    height: 24px;
                    margin-right: 8px;
                    padding: padding-base / 2;
                    width: 24px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .buttons button .text {
                    font-size: 12px;
                    color: #828291; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title h1 {
              font-size: 16px;
              font-weight: 600; }
            @media screen and (min-width: 768px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title {
                border: none;
                padding: 32px 16px 0; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.title {
                  position: initial;
                  padding: 12px 0; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.title .title h1 {
                    font-size: 20px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.detail {
                  padding: 0 0 16px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.detail .detail .buttons {
                    gap: 12px; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.detail .detail .buttons button {
                      font-size: 12px;
                      padding: 0; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.detail .detail .buttons button .icon {
                        border-radius: 12px;
                        height: 24px;
                        width: 24px;
                        display: flex;
                        align-items: center;
                        justify-content: center; }
                        .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.detail .detail .buttons button .icon img {
                          width: 12px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav {
                  position: sticky;
                  top: 0;
                  padding: 0; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav .nav li a {
                    padding: 16px 0;
                    margin-right: 24px; } }
            @media screen and (min-width: 1152px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.title {
                padding: 0  0 12px 0;
                margin-top: 0; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.detail {
                padding: 0 0 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav {
                padding: 0; } }
            @media screen and (max-width: 767.98px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title {
                padding: 24px 16px 0; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .title h1 {
                  font-size: 16px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail {
                  flex-wrap: wrap;
                  gap: 8px 0; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p {
                    display: flex;
                    align-items: center; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star0, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star1, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star2, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star3, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star4, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star5, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star6, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star7, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star8, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star9, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-star10 {
                      padding: 0;
                      width: 100px;
                      height: 20px;
                      background-size: 100px 20px; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail p .review.review-amount {
                      font-size: 14px;
                      line-height: 1; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .buttons button .icon {
                    width: 24px;
                    height: 24px;
                    display: flex;
                    justify-content: center;
                    align-items: center; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .buttons button .icon img {
                      width: 20px;
                      height: 20px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title .detail .buttons button .text {
                    font-size: 12px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav .nav {
                  gap: 28px;
                  overflow: scroll; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.nav .nav li a {
                    white-space: nowrap;
                    margin: 0;
                    margin-right: 0; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.title {
                top: 59px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.scroll-fix {
                background: #ffffff;
                box-sizing: border-box;
                left: 0;
                padding: 16px 16px 0;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 31; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .parking-title.scroll-fix .detail {
                  display: none; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .catch {
            padding: 24px 16px 0;
            font-size: 14px;
            line-height: 18px; }
            @media screen and (min-width: 768px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .catch {
                padding: 24px 0 0 0; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo {
            margin-top: 24px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body li {
              margin: 0;
              cursor: pointer;
              aspect-ratio: 4 / 3;
              border-radius: 4px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body li img {
                width: 100%;
                border-radius: 4px;
                object-fit: contain;
                height: 100%;
                background: #414145; }
            @media screen and (max-width: 767.98px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .photo-large {
                display: none; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .photo-small {
                display: none; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .slider {
                opacity: 0;
                transition: opacity .3s ease; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .slider.slick-initialized {
                  opacity: 1; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .slider .slick-slide {
                  margin: 0 10px;
                  opacity: 0.3; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .slider .slick-slide.slick-current {
                    opacity: 1; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .slider .slick-slide li span {
                    display: none; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .slide-num {
                text-align: center; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .slide-num .slide-total-num {
                  color: #383850;
                  font-weight: 500;
                  text-decoration: underline; } }
            @media screen and (min-width: 768px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body {
                clear: both;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .photo-large li {
                  height: 100%; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .photo-small {
                  display: grid;
                  grid-template-columns: 1fr 1fr;
                  grid-template-rows: auto auto;
                  gap: 12px;
                  align-content: space-between; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body li {
                  box-sizing: border-box;
                  width: 100%;
                  line-height: 0;
                  overflow: hidden; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body li .item {
                    margin: 0 0 16px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body li.all-photo {
                    border-radius: 4px;
                    position: relative;
                    cursor: pointer;
                    background: #A6A6B1; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body li.all-photo span {
                      font-size: 14px;
                      font-weight: 600;
                      color: #FFF;
                      display: block;
                      position: absolute;
                      height: auto;
                      width: 100%;
                      z-index: 20;
                      left: 0;
                      top: 50%;
                      text-align: center;
                      text-decoration: underline; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body li.all-photo img {
                      filter: brightness(0.5); }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .photo-body .slider {
                  display: none; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .photo .slide-num {
                display: none; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .google-map {
            clear: left;
            margin: 32px 0 0;
            height: 0;
            overflow: hidden;
            padding-bottom: 38.5%;
            position: relative;
            border-radius: 4px 4px 0 0; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .google-map iframe {
              position: absolute;
              left: 0;
              top: 0;
              height: 100%;
              width: 100%; }
            @media screen and (max-width: 767.98px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .google-map {
                margin-top: 24px;
                padding-bottom: 80%; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address {
            font-size: 14px;
            display: flex;
            justify-content: space-between;
            padding: 24px 0;
            flex-wrap: wrap; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address-text {
              width: calc(100% - 130px); }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address-note {
              width: 100%;
              font-size: 12px;
              margin-top: 8px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address .to-googlemap {
              width: 130px;
              font-size: 14px;
              font-weight: bold;
              align-items: center;
              display: flex;
              justify-content: right;
              text-decoration: underline; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address .to-googlemap a {
                color: #383850; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address .to-googlemap a:hover {
                  color: #383850; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address .to-googlemap img {
                display: block;
                margin-right: 4px;
                width: 20px;
                height: 20px; }
            @media screen and (max-width: 767.98px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .address {
                padding: 16px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .open {
            clear: both; }
            @media screen and (max-width: 767.98px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .open {
                padding: 24px 16px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .open .section-content {
                  padding-top: 20px;
                  padding-left: 8px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .section-head .text-red {
            margin-left: 12px;
            font-size: 14px;
            font-weight: normal; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail {
            margin-top: 20px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr auto;
            gap: 0 40px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .carsize li {
              align-items: center;
              border-bottom: 1px solid #cbcbd2;
              display: flex;
              justify-content: space-between;
              margin-bottom: 8px;
              padding-bottom: 8px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .carsize li:last-child {
                border: none; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .carsize li .label {
                align-items: center;
                display: flex;
                line-height: 1.618; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .carsize li .label img {
                  margin-right: 12px;
                  width: 24px;
                  height: 24px; }
                @media screen and (min-width: 414px) {
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .carsize li .label br {
                    display: none; } }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype {
              border: 1px solid #cbcbd2;
              border-radius: 4px;
              padding: 12px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype h4 {
                border-bottom: 1px solid #cbcbd2;
                font-weight: 600;
                margin-bottom: 12px;
                padding-bottom: 12px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype ul {
                display: flex;
                flex-wrap: wrap;
                gap: 8px 10px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype ul li {
                  align-items: center;
                  display: flex; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype ul li img {
                    width: 20px;
                    height: 20px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype ul li.disabled span {
                    color: #CBCBD2; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .note {
              font-size: 12px;
              line-height: 16px;
              padding-top: 8px;
              color: #828291; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .help-trigger {
              margin-top: 8px; }
            @media screen and (max-width: 640px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail {
                display: flex;
                flex-wrap: wrap; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .carsize {
                  width: 100%; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap {
                  margin-top: 40px;
                  width: 100%; } }
          @media screen and (max-width: 767.98px) {
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size {
              padding: 24px 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .section-head .text-red {
                margin-left: 14px;
                font-size: 14px;
                font-weight: normal; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail {
                margin-top: 20px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .carsize li .label img {
                  width: 24px;
                  margin-right: 12px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap {
                  margin-top: 0; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype {
                    padding: 12px; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype h4 {
                      padding-bottom: 12px;
                      margin-bottom: 12px; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype ul {
                      gap: 8px 10px; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .cartype ul li img {
                        width: 20px;
                        height: 20px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .size .detail .cartype-wrap .note {
                    padding-top: 16px;
                    font-size: 12px;
                    line-height: 16px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            gap: 0; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul li {
              align-items: center;
              display: flex;
              width: 50%; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul li img {
                margin-right: 12px;
                width: 24px; }
              @media screen and (min-width: 768px) {
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul li {
                  width: auto; } }
          @media screen and (max-width: 767.98px) {
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status {
              padding: 24px 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px 36px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul li {
                  width: 100%; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul li img {
                    width: 24px;
                    margin-right: 12px; } }
          @media screen and (max-width: 540px) {
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .status .detail ul {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              gap: 16px 36px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .description .context {
            margin-top: 20px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .description .context p {
              line-height: 22px; }
          @media screen and (max-width: 767.98px) {
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .description {
              padding: 24px 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .description .context {
                margin-top: 20px;
                padding-left: 8px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .description .context p {
                  line-height: 22px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule {
            border-top: 1px solid #bfbfbf; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs {
              margin-top: 25px;
              display: table;
              width: 100%; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .regular {
                background: #ff6b3d;
                border-top-left-radius: 4px;
                border-top-right-radius: 4px;
                cursor: pointer;
                display: table-cell;
                width: 100px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .regular p {
                  color: #ffffff;
                  font-size: 16px;
                  margin: 0;
                  padding: 16px 0;
                  text-align: center; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .regular:hover {
                  background: #ff845d;
                  text-decoration: none; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .tab2 p {
                font-size: 16px;
                font-weight: 600; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .tab2 &gt; div {
                border-bottom: 4px solid #F0F0F2;
                transition: .2s ease; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .tab2 &gt; div.active {
                border-bottom: 4px solid #383850;
                transition: .2s ease; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-head {
              font-weight: 600;
              margin-top: 28px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-detail,
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon {
              margin-top: 16px;
              padding: 12px;
              border-radius: 4px;
              position: relative; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon {
              background-color: #d5faf3;
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon img {
                width: 28px;
                margin-right: 8px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon &gt; div {
                display: flex; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon .button {
                padding: 8px 0;
                border: none;
                width: 80px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon .button.button-primary {
                  background: #00b893;
                  color: #fff; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon .button.button-primary:hover {
                    background: #009e78; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon .button.disabled {
                  color: #cbcbd2;
                  cursor: default; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon .coupon-acquired {
                display: none; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon.acquired {
              background-color: #f0f0f2; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon.acquired .coupon-acquire {
                display: none; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-coupon.acquired .coupon-acquired {
                display: block; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-coupon-note {
              margin: 8px 0 32px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-coupon-note &gt; p {
                color: #828291;
                margin: 0; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule {
              margin-top: 18px;
              max-width: initial; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .month {
                font-size: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap {
                max-width: 1000px;
                margin: auto; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date:hover .value {
                  border: 1px solid #383850;
                  transition: .1s ease; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date:hover .cancel {
                  text-decoration: underline; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date .value {
                  border: 1px solid transparent;
                  transition: .1s ease; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.active:hover .value, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.close:hover .value, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.full:hover .value, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.preorder:hover .value {
                  border: 1px solid transparent;
                  transition: .1s ease; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td .value {
                  width: 54px;
                  height: 54px;
                  margin-bottom: 8px;
                  border-radius: 27px;
                  font-size: 16px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td .price {
                  font-size: 14px;
                  font-weight: 300;
                  letter-spacing: -0.01em;
                  color: #828291; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.today .value::before {
                  width: 16px;
                  height: 16px;
                  border-radius: 8px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.full .value {
                  color: #cbcbd2; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.full .price {
                  color: #A6A6B1; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.full .cancel {
                  font-size: 14px;
                  color: #00b893;
                  font-weight: normal;
                  letter-spacing: -0.04em;
                  line-height: 1.2; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.close {
                  cursor: default; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.close .value {
                    color: #CBCBD2; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.close .value::after {
                    width: 80%;
                    left: 10%;
                    border-color: #CBCBD2; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.close .price {
                    color: #CBCBD2; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-possible .value {
                  color: #383850; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-possible .price {
                  color: #828291; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-not-possible {
                  cursor: default; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-not-possible .value {
                    color: #CBCBD2; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-not-possible .price {
                    color: #828291; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-member .value {
                  color: #CBCBD2; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-member .price {
                  color: #00b893; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-parking .value {
                  color: #CBCBD2; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-parking .price {
                  color: #CBCBD2;
                  font-size: 12px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .week-border {
                width: 100%;
                border-bottom: 1px solid #CBCBD2;
                display: block; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .week {
                border: none; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-note {
              margin-top: 8px;
              text-align: right;
              font-size: 12px;
              color: #828291; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .help-trigger {
              margin-top: 16px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .preorder {
              max-width: 345px;
              margin: 12px auto auto; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .preorder img {
                height: auto; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .preorder-note {
              display: block;
              text-align: center;
              font-size: 14px;
              font-weight: bold; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction {
              padding: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction p {
                margin: 0; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction .event-red {
                color: #ff6366; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction div {
                background-color: #f0f0f2;
                border-radius: 6px;
                padding: 8px 4px 8px 8px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction div .event-title {
                  margin: 0;
                  border-radius: 6px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction div .event-title-close {
                  background: #f0f0f2 url(images/icon/follow-down.svg) no-repeat right center/8px 8px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction div .event-title-open {
                  background: #f0f0f2 url(images/icon/follow-up.svg) no-repeat right center/8px 8px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction div table {
                  padding: 0;
                  margin: 4px 0 0 0; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction div table tr {
                    margin: 0 0 4px 4px;
                    text-align: left; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .introduction div table tr td {
                      padding: 0 4px 0 0;
                      margin: 0;
                      font-size: 12px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form {
              display: grid;
              align-items: flex-end;
              grid-template-columns: 1fr auto 1fr;
              padding-bottom: 24px;
              border-bottom: 1px solid #cbcbd2; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .arrow {
                display: flex;
                align-items: center;
                height: 92px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .arrow img {
                  width: 24px;
                  margin: 0 8px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start {
                margin-left: auto; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input {
                  position: relative; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start,
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end {
                display: flex;
                flex-flow: column;
                margin-bottom: 0;
                width: 100%;
                max-width: 200px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .label,
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .label {
                  padding: 0;
                  vertical-align: top; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .label p,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .label p {
                    color: #383850;
                    padding-top: 12px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input,
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input {
                  display: flex;
                  flex-flow: column;
                  vertical-align: top;
                  gap: 12px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input .date-wrap, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input .time-wrap,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input .date-wrap,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input .time-wrap {
                    position: relative; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input .date-wrap::before,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input .date-wrap::before {
                    content: '';
                    width: 24px;
                    height: 24px;
                    background: url(images/icon/ic-calender.svg);
                    background-size: contain;
                    position: absolute;
                    top: 8px;
                    left: 8px;
                    display: block; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input .time-wrap::before,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input .time-wrap::before {
                    content: '';
                    width: 24px;
                    height: 24px;
                    background: url(images/icon/ic-time.svg);
                    background-size: contain;
                    position: absolute;
                    top: 8px;
                    left: 8px;
                    display: block; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input select,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input select {
                    height: 40px;
                    padding-left: 40px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .notification-mail-trigger {
              margin: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .notification-mail-trigger a {
                display: block;
                text-align: right; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total {
              background: #fdfbda;
              border: 1px solid #f4e921;
              border-radius: 4px;
              margin: 16px;
              padding: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .price {
                display: table;
                padding-top: 8px;
                width: 100%; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .price:first-of-type, .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .price:last-of-type {
                  padding-top: 0; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .price .label {
                  display: table-cell;
                  font-size: 16px;
                  padding: 0; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .price .value {
                  color: #d73839;
                  display: table-cell;
                  font-size: 16px;
                  font-weight: 600;
                  text-align: right; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .parking-ad-price-caution {
                margin-top: 16px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .parking-ad-price-caution p {
                  margin: 0; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .old-coupon p {
                margin: 0; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .old-coupon p.coupon-value {
                  color: #ff6366;
                  font-size: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .coupon-select {
                display: table;
                margin-top: 16px;
                width: 100%; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .coupon-select .label {
                  display: table-cell;
                  padding: 0;
                  vertical-align: top;
                  width: 120px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .coupon-select .label p {
                    margin: 0;
                    padding: 12px 0; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .coupon-select .select select {
                  margin-bottom: 8px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .coupon-register-trigger {
                display: block;
                margin-top: 8px;
                text-align: center; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .point-form {
                display: table;
                margin-top: 16px;
                width: 100%; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .point-form .confirm-point {
                  display: table-cell;
                  vertical-align: top;
                  width: 80px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .point-form .point-input {
                  display: table-cell;
                  vertical-align: top; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .price-total .point-form .point-input .error {
                    margin: 8px 0 0;
                    text-align: right; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-form {
              margin: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-form .reserve-form-section {
                display: table;
                margin: 16px 0;
                width: 100%; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-form .reserve-form-section .label {
                  display: table-cell;
                  padding: 0;
                  vertical-align: top;
                  width: 100px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-form .reserve-form-section .label p {
                    color: #898896;
                    padding-top: 12px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-form .reserve-form-section .input {
                  display: table-cell;
                  vertical-align: top; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-form .reserve-form-section .input select,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-form .reserve-form-section .input input[type=text] {
                    width: 100%; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .number-skip {
              text-align: right; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .number-skip label {
                padding-right: 0; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-button {
              margin: 32px 0 0;
              padding: 0 16px 32px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .label-event {
              font-size: 10px;
              font-weight: 600;
              padding: 4px;
              display: inline-block;
              text-align: center;
              width: 48px; }
            @media screen and (min-width: 768px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form {
                margin-top: 24px;
                padding-bottom: 24px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .arrow img {
                  width: 24px;
                  margin: 0 8px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input,
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input {
                  gap: 12px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-start .input select,
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-hourly-form .reserve-hourly-end .input select {
                    height: 40px; } }
            @media screen and (max-width: 767.98px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule {
                padding: 24px 16px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs {
                  margin-top: 24px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .tab2 p {
                    font-size: 16px;
                    padding: 12px 0; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .tab2 &gt; div {
                    border-bottom: 4px solid #F0F0F2;
                    transition: .2s ease; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .section-reservation-tabs .tab2 &gt; div.active {
                    border-bottom: 4px solid #383850;
                    transition: .2s ease; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-head {
                  margin-top: 28px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-content-detail {
                  margin-top: 28px;
                  padding: 12px;
                  border-radius: 4px;
                  position: relative; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule {
                  margin-top: 24px;
                  max-width: initial; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .month {
                    font-size: 16px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap {
                    max-width: initial;
                    margin: auto; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td {
                      padding-bottom: 20px; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td .value {
                        width: 40px;
                        height: 40px;
                        margin-bottom: 16px;
                        border-radius: 20px;
                        font-size: 16px; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td .price {
                        font-size: 12px;
                        font-weight: 300;
                        letter-spacing: -0.01em;
                        color: #828291; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.today .value::before {
                        width: 16px;
                        height: 16px;
                        border-radius: 8px; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.full .cancel {
                        font-size: 10px;
                        transform: scale(0.9);
                        letter-spacing: -0.1em;
                        margin-top: -1px; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.close .price {
                        font-size: 10px;
                        transform: scale(0.9); }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-note {
                  margin-top: 12px;
                  text-align: right;
                  font-size: 12px;
                  color: #828291; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .preorder {
                  max-width: initial;
                  margin: 24px auto auto; } }
            @media screen and (max-width: 374px) {
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td .value {
                font-size: 12px;
                width: 32px;
                height: 32px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td .price {
                font-size: 10px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-schedule .parking-reserve .reserve-schedule .reserve-schedule-wrap .date td.today .value::before {
                width: 12px;
                height: 12px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa .parking-qa-none {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            gap: 40px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa .parking-qa-none .no-question {
              background-color: #F0F0F2;
              width: 100%;
              max-width: 340px;
              display: flex;
              gap: 12px;
              padding: 12px;
              border-radius: 4px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa .parking-qa-none .no-question img {
                width: 24px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa .parking-qa-none .no-question div {
                font-size: 14px;
                font-weight: 600;
                line-height: 20px; }
          @media screen and (max-width: 767.98px) {
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa {
              padding: 24px 16px;
              margin-top: 24px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa #qa-answered .qa-answered-container .parking-qa-comment .no-comment {
            background-color: #F0F0F2;
            width: 96%;
            display: flex;
            gap: 12px;
            padding: 12px;
            border-radius: 4px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa #qa-answered .qa-answered-container .parking-qa-comment .no-comment img {
              width: 24px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-qa #qa-answered .qa-answered-container .parking-qa-comment .no-comment div {
              font-size: 14px;
              font-weight: 600;
              line-height: 20px; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #qa-wrapper {
            margin: 0 auto;
            padding: 0;
            max-width: 774px; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #qa-main {
            margin: 0 auto;
            padding: 0; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #qa-answered {
            margin: 0 auto;
            padding: 0; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #qa-answered-title {
            margin: 0 auto;
            padding: 32px 16px 12px 16px;
            font-size: 16px;
            font-weight: 500; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-modalmenu,
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-modalmenu {
            position: fixed;
            top: 0;
            left: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background: rgba(56, 56, 80, 0.7);
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
            transition: all 1s ease;
            transition-property: opacity, pointer-events, visibility;
            z-index: 30; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-modalmenu.is-show,
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-modalmenu.is-show {
            opacity: 1;
            pointer-events: auto;
            visibility: visible;
            z-index: 30; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-modalmenu-content,
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-modalmenu-content {
            width: 100%;
            max-width: 180px;
            padding: 8px 8px 16px;
            background: #fff;
            text-align: center;
            border-radius: 0.4em; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-navlist,
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-navlist {
            list-style: none;
            margin: 0;
            padding: 0; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-navlist-item,
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-navlist-item {
            color: #383850; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-navlist-item a,
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-navlist-item a {
            display: block;
            padding: 6px 0;
            color: inherit;
            text-decoration: none; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-button-close,
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-button-close {
            margin: 0 8px 2px 0;
            cursor: pointer;
            text-align: right;
            color: #A6A6B1; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container {
            margin: 0 auto;
            padding: 24px 16px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-answered-sendinginfo {
              float: left;
              margin-left: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-answered-sendinginfo .qa-name {
                font-size: 14px;
                font-weight: 500;
                margin: 0 0;
                padding: 0 0;
                line-height: 1.2; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-answered-driver-kebab {
              float: right;
              margin-right: 16px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-container .qa-answered-driver-kebab img {
              width: 16px;
              cursor: pointer; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-driver {
            float: none;
            padding-top: 16px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-driver-image {
              float: left;
              width: 36px;
              height: 36px;
              border-radius: 50%;
              background-position: 50% 50%;
              background-size: 100%;
              display: flex;
              align-items: center; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-driver-sendinginfo {
              float: left;
              margin-left: 16px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-driver-text {
              font-size: 14px;
              margin: 0;
              padding: 16px 0;
              clear: both;
              line-height: 1.4; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg {
            background: #F0F0F2;
            border-radius: 0.2em;
            padding: 16px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg-reply {
              float: left;
              width: 20px;
              height: 20px;
              background-image: url(images/qa_reply.svg);
              background-position: 50% 50%;
              background-size: 100%;
              display: flex;
              align-items: center; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-answered-owner-kebab {
              float: right; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-answered-owner-kebab img {
              width: 16px;
              cursor: pointer; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg-text {
              font-size: 14px;
              margin: 0;
              padding: 8px 0 0 36px;
              clear: both;
              line-height: 1.4; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-answered-sendinginfo {
              float: left;
              margin-left: 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg .qa-answered-sendinginfo .qa-name {
                font-size: 14px;
                font-weight: 500;
                margin: 0 0;
                padding: 0 0;
                line-height: 1.2; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-answered-owner-bg #copytext-div2 {
              font-size: 14px;
              margin: 0 0;
              padding: 8px 0 0 36px;
              clear: both;
              line-height: 1.4; }
          @media screen and (max-width: 400px) {
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-name {
              width: 190px; } }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info .qa-date {
            font-size: 12px;
            color: #A6A6B1;
            margin: 0;
            padding: 0; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            gap: 40px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .no-review {
              background-color: #F0F0F2;
              width: 100%;
              max-width: 340px;
              display: flex;
              gap: 12px;
              padding: 12px;
              border-radius: 4px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .no-review img {
                width: 24px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .no-review div {
                font-size: 14px;
                font-weight: 600;
                line-height: 20px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total {
              width: 50%;
              max-width: 270px;
              padding-bottom: 40px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail {
                display: flex;
                align-items: center;
                justify-content: space-between; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .rating {
                  display: flex;
                  align-items: center; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .rating .point {
                    font-size: 32px;
                    font-weight: 600; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .rating .amount {
                    font-size: 16px;
                    color: #828291;
                    height: 27px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .review {
                  width: 120px;
                  height: 24px;
                  background-size: 120px 24px;
                  padding: 0; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total ul {
                margin-top: 16px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 14px 32px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total ul li {
                  display: flex;
                  align-items: center;
                  justify-content: space-between; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total ul li .label {
                    padding: 0;
                    line-height: 1;
                    font-weight: 600; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total ul li .value {
                    line-height: 1;
                    color: #828291; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve {
              width: 50%;
              max-width: 270px;
              border: 1px solid #A6A6B1;
              border-radius: 8px;
              padding: 14px 16px 0 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve h3 {
                line-height: 1;
                font-weight: 600;
                font-size: 14px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve ul {
                margin-top: 14px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve ul li {
                  display: flex;
                  justify-content: space-between;
                  align-items: center;
                  border-top: 1px solid #CBCBD2;
                  padding: 10px 17px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve ul li .label {
                    padding: 0;
                    line-height: 1; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve ul li .value {
                    line-height: 1; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve ul li .value .gray {
                      color: #828291; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content {
            margin-top: 28px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li {
              padding-bottom: 24px;
              margin-bottom: 24px;
              border-bottom: 1px solid #CBCBD2; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .title {
                display: flex;
                align-items: center;
                gap: 16px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .title .cartype {
                  display: flex;
                  align-items: center;
                  gap: 8px;
                  font-weight: 600; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .title .cartype img {
                    width: 24px;
                    height: 24px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .date {
                color: #828291; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content .review {
              margin-top: 10px;
              height: 20px;
              width: 100px;
              background-size: 100px 20px; }
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content .text {
              line-height: 22px; }
          .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .more-trigger {
            cursor: pointer; }
          @media screen and (max-width: 767.98px) {
            .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review {
              padding: 24px 16px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary {
                flex-wrap: wrap;
                margin-top: 24px;
                gap: 24px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total {
                  padding-bottom: 0;
                  max-width: 270px;
                  width: 100%; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail {
                    display: flex;
                    align-items: center;
                    justify-content: space-between; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .rating {
                      display: flex;
                      align-items: center; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .rating .point {
                        font-size: 32px;
                        font-weight: 600; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .rating .amount {
                        font-size: 16px;
                        color: #828291;
                        height: auto;
                        line-height: 1; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total .detail .review {
                      width: 120px;
                      height: 24px;
                      background-size: 120px 24px;
                      padding: 0; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .total ul {
                    margin-top: 16px;
                    gap: 14px 32px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve {
                  width: 100%;
                  max-width: initial;
                  padding: 14px 16px 0 16px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve ul {
                    margin-top: 14px; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .parking-review-summary .achieve ul li {
                      padding: 10px 0 10px 12px; }
              .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content {
                margin-top: 24px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li {
                  padding-bottom: 20px;
                  margin-bottom: 24px;
                  border-bottom: 1px solid #CBCBD2; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .title {
                    display: flex;
                    align-items: center;
                    justify-content: space-between; }
                    .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .title .cartype {
                      display: flex;
                      align-items: center;
                      gap: 8px;
                      font-weight: 600; }
                      .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .title .cartype img {
                        width: 24px;
                        height: 24px; }
                  .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li .date {
                    color: #828291; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content li:last-child {
                  border: none;
                  padding: 0; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content .review {
                  margin-top: 10px;
                  height: 20px;
                  width: 100px;
                  background-size: 100px 20px; }
                .parking-detail-body .parking-detail #parking-detail .parking-info-wrap #parking-info #parking-review .content .text {
                  line-height: 22px; } }
    .parking-detail-body .parking-detail .owner-invoice {
      margin: 16px 0;
      padding: 16px;
      background: #f0f0f2; }
      .parking-detail-body .parking-detail .owner-invoice-ttl {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px; }
      .parking-detail-body .parking-detail .owner-invoice-desc {
        font-size: 16px;
        margin-bottom: 8px; }
        @media screen and (max-width: 767.98px) {
          .parking-detail-body .parking-detail .owner-invoice-desc {
            font-size: 14px; } }
      .parking-detail-body .parking-detail .owner-invoice-link {
        font-size: 16px;
        color: #00b893;
        text-decoration: none; }
        @media screen and (max-width: 767.98px) {
          .parking-detail-body .parking-detail .owner-invoice-link {
            font-size: 14px; } }
    .parking-detail-body .parking-detail .owner-message {
      margin-top: 24px; }
      .parking-detail-body .parking-detail .owner-message-ttl {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px; }
    .parking-detail-body .parking-detail #nearby-parking .section-head span {
      font-size: 20px;
      margin-right: 4px; }
    .parking-detail-body .parking-detail #nearby-parking .card-container {
      overflow: scroll;
      margin: 12px calc(50% - 50vw) 0;
      padding-top: 25px;
      padding-bottom: 20px;
      width: 100vw;
      gap: 12px; }
      .parking-detail-body .parking-detail #nearby-parking .card-container .card {
        margin: 0;
        padding: 20px 18px 8px 18px;
        width: 300px;
        min-width: 300px;
        position: relative;
        border: 1px solid #CBCBD2;
        border-radius: 4px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card:first-child {
          margin-left: 3vw; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card:last-child {
          margin-right: 2.5vw; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card .balloon {
          position: absolute;
          top: -20px;
          left: calc(50% - 138px);
          height: auto;
          width: 276px;
          box-sizing: border-box;
          display: block;
          padding: 7px 0;
          margin: auto;
          background-color: #383850;
          color: #FFFFFF;
          font-size: 12px;
          border-radius: 4px;
          line-height: 1; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .balloon div {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            padding-inline: 10px; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .balloon::after {
            bottom: -18px;
            left: calc(50% - 10px);
            border-top: 10px solid #383850;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid transparent; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card h3 {
          font-size: 14px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review {
          margin-top: 10px;
          margin-bottom: 10px;
          display: flex;
          align-items: center; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review span {
            line-height: 1; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review .review {
            width: 80px;
            height: 16px;
            background-size: 80px 16px; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review .amount {
            color: #828291; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card .labels {
          display: flex;
          gap: 6px; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .labels .parking-attribute {
            background: #F0F0F2;
            color: #828291;
            font-size: 12px;
            padding: 4px 8px;
            line-height: 1; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card hr {
          margin-top: 16px;
          margin-bottom: 10px; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card .action {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .price-left {
            font-size: 16px;
            font-weight: 600; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .price-right {
            font-size: 12px;
            color: #828291; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .date {
            line-height: 1; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .date span {
              line-height: 1; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .time .price-left {
            font-size: 12px; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons {
            display: flex;
            gap: 8px; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons .favorite-trigger {
              width: 32px;
              height: 32px;
              border-radius: 16px;
              background-color: #F0F0F2;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons .favorite-trigger img {
                width: 18px;
                height: 16px; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons .button {
              width: 100px;
              height: 32px;
              border-radius: 4px;
              font-size: 14px;
              font-weight: 500;
              line-height: 32px;
              padding: 0; }
    @media screen and (max-width: 767.98px) {
      .parking-detail-body .parking-detail #nearby-parking {
        padding: 24px 16px; }
        .parking-detail-body .parking-detail #nearby-parking .section-head span {
          font-size: 16px;
          margin-right: 4px; }
        .parking-detail-body .parking-detail #nearby-parking .card-container {
          overflow: scroll;
          margin: 24px calc(50% - 50vw) 0;
          padding-top: 20px;
          padding-bottom: 40px;
          width: 100vw;
          gap: 24px; }
          .parking-detail-body .parking-detail #nearby-parking .card-container .card {
            margin: 0;
            padding: 20px 18px 8px 18px;
            width: 300px;
            min-width: 300px;
            position: relative;
            border: 1px solid #CBCBD2;
            border-radius: 4px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12); }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card:first-child {
              margin-left: 3vw; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card .balloon {
              position: absolute;
              top: -20px;
              left: calc(50% - 138px);
              height: auto;
              width: 276px;
              box-sizing: border-box;
              display: block;
              padding: 8px 0;
              margin: auto;
              background-color: #383850;
              color: #FFFFFF;
              font-size: 12px;
              border-radius: 4px;
              line-height: 1; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .balloon::after {
                bottom: -18px;
                left: calc(50% - 10px);
                border-top: 10px solid #383850;
                border-right: 10px solid transparent;
                border-bottom: 10px solid transparent;
                border-left: 10px solid transparent; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card h3 {
              font-size: 14px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review {
              margin-top: 10px;
              margin-bottom: 10px;
              display: flex;
              align-items: center; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review span {
                line-height: 1; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review .review {
                width: 80px;
                height: 16px;
                background-size: 80px 16px; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .card-review .amount {
                color: #828291; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card .labels {
              display: flex;
              gap: 6px; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .labels .parking-attribute {
                background: #F0F0F2;
                color: #828291;
                font-size: 12px;
                padding: 4px 8px;
                line-height: 1; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card hr {
              margin-top: 16px;
              margin-bottom: 10px; }
            .parking-detail-body .parking-detail #nearby-parking .card-container .card .action {
              display: flex;
              justify-content: space-between;
              align-items: center; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .price-left {
                font-size: 16px;
                font-weight: 600; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .price-right {
                font-size: 12px;
                color: #828291; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .date {
                line-height: 1; }
                .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .date span {
                  line-height: 1; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .price .time .price-left {
                font-size: 12px; }
              .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons {
                display: flex;
                gap: 8px; }
                .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons .favorite-trigger {
                  width: 32px;
                  height: 32px;
                  border-radius: 16px;
                  background-color: #F0F0F2;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons .favorite-trigger img {
                    width: 18px;
                    height: 16px; }
                .parking-detail-body .parking-detail #nearby-parking .card-container .card .action .buttons .button {
                  width: 100px;
                  height: 32px;
                  border-radius: 4px;
                  font-size: 14px;
                  font-weight: 500;
                  line-height: 32px;
                  padding: 0; } }
    @media screen and (min-width: 774px) {
      .parking-detail-body .parking-detail #nearby-parking .card-container .card:first-child {
        margin-left: calc((100vw - 774px)/2 + 16px); } }
    @media screen and (min-width: 1152px) {
      .parking-detail-body .parking-detail #nearby-parking {
        max-width: 1120px; }
        .parking-detail-body .parking-detail #nearby-parking .card-container .card:first-child {
          margin-left: calc((100vw - 1152px)/2 + 16px); } }
    .parking-detail-body .parking-detail #breadcrumb {
      margin: 0;
      padding: 16px 8px 32px;
      border-top: 1px solid #bfbfbf; }
      .parking-detail-body .parking-detail #breadcrumb a {
        color: #383850; }
      .parking-detail-body .parking-detail #breadcrumb ul {
        margin: 0;
        padding: 0 16px; }
      @media screen and (max-width: 767.98px) {
        .parking-detail-body .parking-detail #breadcrumb {
          padding: 24px 24px 0; }
          .parking-detail-body .parking-detail #breadcrumb ul {
            padding: 0; } }
    .parking-detail-body .parking-detail .fixed-navigation {
      position: fixed;
      bottom: 0;
      width: 100%;
      min-height: 60px;
      padding: 8px 12px;
      box-sizing: border-box;
      background: #FFF;
      box-shadow: 0 -4px 8px rgba(56, 56, 80, 0.08);
      z-index: 25;
      display: flex;
      align-items: center; }
      .parking-detail-body .parking-detail .fixed-navigation .cta-toast {
        position: absolute;
        bottom: 72px;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 0 12px; }
        .parking-detail-body .parking-detail .fixed-navigation .cta-toast .toast-text {
          background: rgba(56, 56, 80, 0.9);
          color: white;
          max-width: 350px;
          margin: auto;
          padding: 12px;
          font-size: 14px;
          line-height: 22px;
          font-weight: 300;
          text-align: center;
          border-radius: 4px; }
      .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        width: 100%; }
        .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-text {
          display: grid;
          grid-template-columns: auto 1fr;
          gap: 4px 10px;
          align-items: center; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-text span {
            line-height: 1; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-text .line1.price-left {
            font-weight: 600;
            font-size: 18px; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-text .line1.price-right {
            font-size: 14px;
            font-weight: 300;
            color: #828291; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-text .line2 {
            font-size: 14px; }
            .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-text .line2.price-left {
              padding-left: 24px;
              font-weight: 600; }
            .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-text .line2.price-right {
              font-weight: 300;
              color: #828291; }
        .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-button {
          margin-left: 8px;
          height: 40px;
          background: none;
          border: 2px solid #00b893;
          border-radius: 4px;
          font-size: 16px;
          font-weight: 600;
          color: #00b893;
          outline: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          display: flex;
          align-items: center;
          justify-content: center;
          text-decoration: none; }
        .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.unselected .fixed-navigation-no-button {
          align-items: center;
          display: flex;
          font-weight: 600;
          justify-content: flex-end;
          line-height: 1; }
      .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.selected {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: space-between;
        align-items: center;
        width: 100%; }
        .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.selected .fixed-navigation-text {
          display: grid;
          grid-template-columns: auto;
          gap: 4px;
          align-items: flex-start; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.selected .fixed-navigation-text span {
            line-height: 1; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.selected .fixed-navigation-text .line1 {
            font-weight: 600;
            font-size: 24px;
            height: 100%;
            display: flex;
            align-items: center;
            line-height: initial; }
            .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.selected .fixed-navigation-text .line1 span {
              font-size: 24px;
              line-height: initial; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.selected .fixed-navigation-text .line2 {
            font-size: 14px;
            font-weight: 600;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: calc(100% - 20px);
            overflow: hidden; }
        .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content.selected .fixed-navigation-button {
          margin-left: 8px;
          height: 44px;
          background: none;
          border: 2px solid #00b893;
          border-radius: 4px;
          font-size: 16px;
          font-weight: 600;
          background-color: #00b893;
          color: #FFFFFF;
          outline: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
      @media screen and (min-width: 768px) {
        .parking-detail-body .parking-detail .fixed-navigation {
          min-height: 60px;
          padding: 8px 16px; }
          .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content {
            max-width: 774px;
            margin: auto; }
            .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content .fixed-navigation-text {
              gap: 4px 10px; }
              .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content .fixed-navigation-text .line1.price-left {
                font-weight: 600;
                font-size: 18px; }
              .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content .fixed-navigation-text .line1.price-right {
                font-size: 14px;
                font-weight: 300;
                color: #828291; }
              .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content .fixed-navigation-text .line2 {
                font-size: 14px; }
                .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content .fixed-navigation-text .line2.price-left {
                  padding-left: 24px;
                  font-weight: 600; }
                .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content .fixed-navigation-text .line2.price-right {
                  font-weight: 300;
                  color: #828291; }
            .parking-detail-body .parking-detail .fixed-navigation .fixed-navigation-content .fixed-navigation-button {
              height: 40px;
              margin-left: 8px;
              font-size: 16px;
              border: 2px solid #00b893;
              border-radius: 4px; } }
      @media screen and (min-width: 1152px) {
        .parking-detail-body .parking-detail .fixed-navigation {
          display: none; } }
    .parking-detail-body .parking-detail .right-fixed-navigation {
      display: none; }
      @media screen and (min-width: 1152px) {
        .parking-detail-body .parking-detail .right-fixed-navigation {
          display: block;
          position: sticky;
          width: 340px;
          height: 100%;
          background: white;
          box-shadow: 0 2px 12px rgba(56, 56, 80, 0.16);
          border-radius: 8px;
          padding: 20px;
          box-sizing: border-box;
          position: sticky;
          top: 24px;
          margin-bottom: 52px; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-price {
            display: flex;
            gap: 8px;
            border-bottom: 1px solid #CBCBD2;
            padding-bottom: 4px; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-price .price-left {
              font-size: 20px;
              font-weight: 600; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-price .price-right {
              font-size: 14px; }
          .parking-detail-body .parking-detail .right-fixed-navigation .reserve-info {
            display: flex;
            flex-direction: column;
            gap: 0px;
            padding: 8px 0;
            border-bottom: 1px solid #CBCBD2;
            margin-bottom: 8px; }
            .parking-detail-body .parking-detail .right-fixed-navigation .reserve-info div {
              display: grid;
              grid-template-columns: auto auto;
              gap: 24px;
              justify-content: space-between; }
              .parking-detail-body .parking-detail .right-fixed-navigation .reserve-info div span {
                font-size: 14px; }
              .parking-detail-body .parking-detail .right-fixed-navigation .reserve-info div .use-time, .parking-detail-body .parking-detail .right-fixed-navigation .reserve-info div .total-price {
                font-weight: 600; }
            .parking-detail-body .parking-detail .right-fixed-navigation .reserve-info .coupon-apply-info {
              display: flex;
              justify-content: start;
              gap: 0;
              padding-left: 4px; }
              .parking-detail-body .parking-detail .right-fixed-navigation .reserve-info .coupon-apply-info div {
                display: block; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-inr {
            padding: 8px 0 0; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr {
            display: grid;
            grid-template-columns: 80px 1fr;
            align-items: center;
            margin-bottom: 8px; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr-ttl {
              font-size: 12px;
              font-weight: bold; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 p {
              font-size: 14px;
              padding: 2px 0; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-left,
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-right {
              border: 1px solid #00b893; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-left p,
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-right p {
                color: #00b893; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-left.active,
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-right.active {
                background: #00b893; }
                .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-left.active p,
                .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-hdr .tab2 .tab2-right.active p {
                  color: #fff; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-nav {
            display: flex;
            justify-content: space-between;
            margin-top: 8px; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-nav .month {
              margin-top: 0; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-nav .prev-month,
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-nav .next-month {
              width: 20px;
              height: 20px;
              cursor: pointer; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-nav .prev-month.disabled,
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-nav .next-month.disabled {
                opacity: .2;
                cursor: not-allowed;
                pointer-events: none; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-nav .next-month {
              color: #00b893;
              cursor: pointer; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-blcok {
            display: none;
            width: 50%; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .calendar-blcok.active {
              display: block; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap {
            overflow: hidden; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .month {
              margin-bottom: 12px; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td {
              padding-bottom: 4px; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td:hover .value {
                border: 1px solid #383850;
                transition: .1s ease; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.close .value, .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.full .value, .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder:hover .value {
                border: 1px solid transparent;
                transition: .1s ease; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.close .cancel, .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.full .cancel, .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder:hover .cancel {
                text-decoration: underline; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td .value {
                height: 32px;
                width: 32px;
                border: 1px solid transparent;
                transition: .1s ease;
                margin-bottom: 2px; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.not-preorder-member {
                color: #CBCBD2; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td .price {
                font-size: 10px;
                letter-spacing: -0.05em;
                color: #828291; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.full .price {
                color: #A6A6B1; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.not-preorder-member .price {
                color: #00b893; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.preorder-not-possible, .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.not-preorder-parking {
                cursor: default; }
                .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.preorder-not-possible .value, .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.not-preorder-parking .value {
                  color: #CBCBD2; }
                .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.preorder-not-possible .price, .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.preorder.not-preorder-parking .price {
                  color: #CBCBD2; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.close .value {
                color: #CBCBD2; }
                .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.close .value:after {
                  border-color: #CBCBD2; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td.close .price {
                color: #CBCBD2; }
              .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td .cancel {
                font-size: 10px;
                letter-spacing: -0.14em;
                color: #00b893;
                line-height: 1.2;
                transform: scale(0.9); }
                .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-wrap .date td .cancel .wide {
                  letter-spacing: -0.05em;
                  font-size: 10px;
                  color: #00b893;
                  line-height: 1.2; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender .reserve-schedule-inr {
            width: 200%;
            overflow: hidden;
            display: flex; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-reserve .tab2-right-contents {
            padding-bottom: 16px;
            border-bottom: 1px solid #CBCBD2; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-reserve .reserve-content-note {
            font-size: 12px; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-reserve .input {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 8px; }
          .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-reserve .arrow {
            padding: 16px 0 0;
            line-height: 1;
            text-align: center; }
            .parking-detail-body .parking-detail .right-fixed-navigation .rfn-calender-reserve .arrow img {
              transform: rotate(90deg);
              width: 24px;
              height: 24px; } }
    .parking-detail-body .parking-detail .parking-tologin {
      padding: 16px; }
      .parking-detail-body .parking-detail .parking-tologin .button-cta-primary {
        margin-bottom: 16px; }
    @media screen and (min-width: 768px) {
      .parking-detail-body .parking-detail .accordion dt {
        padding: 24px;
        padding-left: 0; }
        .parking-detail-body .parking-detail .accordion dt h3 {
          display: flex;
          justify-content: space-between;
          align-items: center; }
      .parking-detail-body .parking-detail .accordion dd {
        padding: 0 0 16px 0; } }
    .parking-detail-body .parking-detail .coupon-apply-info {
      display: flex;
      justify-content: start;
      font-size: 14px; }
      .parking-detail-body .parking-detail .coupon-apply-info img {
        width: 28px;
        margin-right: 6px; }
      .parking-detail-body .parking-detail .coupon-apply-info div &gt; p {
        margin: 0;
        height: 16px;
        line-height: 16px; }
      .parking-detail-body .parking-detail .coupon-apply-info div &gt; p, .parking-detail-body .parking-detail .coupon-apply-info div &gt; p &gt; span {
        color: #ff6b3d; }

@media screen and (max-width: 767.98px) {
  .unmanned-mechanical {
    padding: 24px 16px !important; } }

.unmanned-mechanical .detail-content {
  margin-top: 20px; }

.unmanned-mechanical .info-content {
  align-items: center;
  display: flex;
  font-weight: 600;
  justify-content: flex-end;
  width: 100%; }
  .unmanned-mechanical .info-content img {
    height: 20px;
    margin-right: 4px;
    width: 20px; }
  .unmanned-mechanical .info-content span a {
    color: #383850;
    font-size: 14px;
    text-decoration: underline; }

.accordion {
  margin: 0; }
  .accordion dt {
    cursor: pointer;
    padding: 16px; }
    .accordion dt h3 {
      margin: 0;
      line-height: 22px; }
      .accordion dt h3 .icon {
        float: right; }
        .accordion dt h3 .icon img {
          display: block;
          height: 24px;
          width: 24px; }
        .accordion dt h3 .icon.arrow-top {
          transform: rotate(180deg); }
        .accordion dt h3 .icon.arrow-bottom {
          transform: rotate(0deg); }
  .accordion dd {
    display: none;
    margin: 0;
    padding: 16px; }
  @media screen and (max-width: 767.98px) {
    .accordion dt {
      padding: 12px 16px; }
      .accordion dt h3 {
        line-height: 32px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .accordion dt h3 .icon img {
          width: 32px;
          height: 32px; }
    .accordion dd {
      padding: 0 16px 24px; } }

.modal-background.owner-type-dialog .modal, .modal-background.cartype-dialog .modal, .modal-background.photo-dialog .modal, .modal-background.feature-dialog .modal, .modal-background.reservable-notification-dialog .modal, .modal-background.cancelable_notification-dialog .modal, .modal-background.review-dialog .modal, .modal-background.service-fee-dialog .modal, .modal-background.car-number-dialog .modal {
  padding: 40px 16px;
  box-sizing: border-box; }
  .modal-background.owner-type-dialog .modal &gt; div, .modal-background.cartype-dialog .modal &gt; div, .modal-background.photo-dialog .modal &gt; div, .modal-background.feature-dialog .modal &gt; div, .modal-background.reservable-notification-dialog .modal &gt; div, .modal-background.cancelable_notification-dialog .modal &gt; div, .modal-background.review-dialog .modal &gt; div, .modal-background.service-fee-dialog .modal &gt; div, .modal-background.car-number-dialog .modal &gt; div {
    width: 100%;
    max-width: 750px; }
    .modal-background.owner-type-dialog .modal &gt; div .dialog-header, .modal-background.cartype-dialog .modal &gt; div .dialog-header, .modal-background.photo-dialog .modal &gt; div .dialog-header, .modal-background.feature-dialog .modal &gt; div .dialog-header, .modal-background.reservable-notification-dialog .modal &gt; div .dialog-header, .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-header, .modal-background.review-dialog .modal &gt; div .dialog-header, .modal-background.service-fee-dialog .modal &gt; div .dialog-header, .modal-background.car-number-dialog .modal &gt; div .dialog-header {
      justify-content: space-between; }
      .modal-background.owner-type-dialog .modal &gt; div .dialog-header span, .modal-background.cartype-dialog .modal &gt; div .dialog-header span, .modal-background.photo-dialog .modal &gt; div .dialog-header span, .modal-background.feature-dialog .modal &gt; div .dialog-header span, .modal-background.reservable-notification-dialog .modal &gt; div .dialog-header span, .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-header span, .modal-background.review-dialog .modal &gt; div .dialog-header span, .modal-background.service-fee-dialog .modal &gt; div .dialog-header span, .modal-background.car-number-dialog .modal &gt; div .dialog-header span {
        font-size: 16px;
        line-height: 1;
        font-weight: 600; }
      .modal-background.owner-type-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.cartype-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.photo-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.feature-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.reservable-notification-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.review-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.service-fee-dialog .modal &gt; div .dialog-header .action-modal-close, .modal-background.car-number-dialog .modal &gt; div .dialog-header .action-modal-close {
        border: none;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0; }
        .modal-background.owner-type-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.cartype-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.photo-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.feature-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.reservable-notification-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.review-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.service-fee-dialog .modal &gt; div .dialog-header .action-modal-close img, .modal-background.car-number-dialog .modal &gt; div .dialog-header .action-modal-close img {
          width: 24px;
          height: 24px; }
  @media screen and (max-width: 767.98px) {
    .modal-background.owner-type-dialog .modal, .modal-background.cartype-dialog .modal, .modal-background.photo-dialog .modal, .modal-background.feature-dialog .modal, .modal-background.reservable-notification-dialog .modal, .modal-background.cancelable_notification-dialog .modal, .modal-background.review-dialog .modal, .modal-background.service-fee-dialog .modal, .modal-background.car-number-dialog .modal {
      padding: 0; }
      .modal-background.owner-type-dialog .modal &gt; div, .modal-background.cartype-dialog .modal &gt; div, .modal-background.photo-dialog .modal &gt; div, .modal-background.feature-dialog .modal &gt; div, .modal-background.reservable-notification-dialog .modal &gt; div, .modal-background.cancelable_notification-dialog .modal &gt; div, .modal-background.review-dialog .modal &gt; div, .modal-background.service-fee-dialog .modal &gt; div, .modal-background.car-number-dialog .modal &gt; div {
        height: 100%;
        margin: 0;
        padding: 0;
        max-width: initial;
        border-radius: initial;
        max-height: initial; }
        .modal-background.owner-type-dialog .modal &gt; div .dialog-header, .modal-background.cartype-dialog .modal &gt; div .dialog-header, .modal-background.photo-dialog .modal &gt; div .dialog-header, .modal-background.feature-dialog .modal &gt; div .dialog-header, .modal-background.reservable-notification-dialog .modal &gt; div .dialog-header, .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-header, .modal-background.review-dialog .modal &gt; div .dialog-header, .modal-background.service-fee-dialog .modal &gt; div .dialog-header, .modal-background.car-number-dialog .modal &gt; div .dialog-header {
          padding: 18px 16px; } }

.modal-background.cartype-dialog .modal &gt; div {
  padding: 0; }
  .modal-background.cartype-dialog .modal &gt; div .dialog-header {
    padding: 12px 16px;
    border-bottom: 1px solid #CBCBD2; }
  .modal-background.cartype-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; }
    .modal-background.cartype-dialog .modal &gt; div .dialog-content .note {
      padding: 12px;
      background-color: #F0F0F2; }
      .modal-background.cartype-dialog .modal &gt; div .dialog-content .note .red {
        color: #FF6366; }
    .modal-background.cartype-dialog .modal &gt; div .dialog-content h3 {
      font-size: 14px;
      font-weight: 600;
      margin-top: 24px;
      margin-bottom: 0;
      padding-bottom: 12px;
      border-bottom: 2px solid #383850; }
    .modal-background.cartype-dialog .modal &gt; div .dialog-content dl {
      margin: 0;
      display: grid;
      grid-template-columns: 96px 1fr;
      border-bottom: 1px solid #CBCBD2; }
      .modal-background.cartype-dialog .modal &gt; div .dialog-content dl dt {
        color: #828291;
        font-size: 14px;
        line-height: 1;
        padding: 12px 0; }
      .modal-background.cartype-dialog .modal &gt; div .dialog-content dl dd {
        line-height: 1;
        font-size: 14px;
        padding: 12px 0;
        margin: 0; }

@media screen and (max-width: 767.98px) {
  .modal-background.cartype-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; } }

.modal-background.photo-dialog .modal &gt; div .dialog-content {
  padding: 28px 0 16px; }
  .modal-background.photo-dialog .modal &gt; div .dialog-content ul {
    display: flex;
    flex-flow: column;
    gap: 24px; }
    .modal-background.photo-dialog .modal &gt; div .dialog-content ul li {
      max-width: 480px;
      margin: auto; }
      .modal-background.photo-dialog .modal &gt; div .dialog-content ul li img {
        width: 100%;
        height: auto; }
      .modal-background.photo-dialog .modal &gt; div .dialog-content ul li .caption {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 20px; }
        .modal-background.photo-dialog .modal &gt; div .dialog-content ul li .caption span {
          line-height: 1;
          font-size: 14px; }
          .modal-background.photo-dialog .modal &gt; div .dialog-content ul li .caption span.right {
            color: #828291; }

@media screen and (max-width: 767.98px) {
  .modal-background.photo-dialog .modal &gt; div .dialog-content {
    padding: 0; }
    .modal-background.photo-dialog .modal &gt; div .dialog-content ul li .caption {
      padding: 12px 16px; } }

.modal-background.feature-dialog .modal &gt; div {
  padding: 0; }
  .modal-background.feature-dialog .modal &gt; div .dialog-header {
    padding: 12px 16px;
    border-bottom: 1px solid #CBCBD2; }
  .modal-background.feature-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; }
    .modal-background.feature-dialog .modal &gt; div .dialog-content .note {
      padding: 12px;
      background-color: #F0F0F2; }
      .modal-background.feature-dialog .modal &gt; div .dialog-content .note .red {
        color: #FF6366; }
    .modal-background.feature-dialog .modal &gt; div .dialog-content h3 {
      font-size: 14px;
      font-weight: 600;
      margin-top: 24px;
      margin-bottom: 0;
      padding-bottom: 12px;
      border-bottom: 2px solid #383850; }
      .modal-background.feature-dialog .modal &gt; div .dialog-content h3:first-child {
        margin: 0; }
    .modal-background.feature-dialog .modal &gt; div .dialog-content dl {
      margin: 0;
      display: grid;
      grid-template-columns: 146px 1fr;
      border-bottom: 1px solid #CBCBD2; }
      .modal-background.feature-dialog .modal &gt; div .dialog-content dl dt {
        display: flex;
        align-items: center;
        font-size: 14px;
        line-height: 1;
        padding: 12px 0; }
        .modal-background.feature-dialog .modal &gt; div .dialog-content dl dt img {
          width: 24px;
          margin-right: 4px; }
      .modal-background.feature-dialog .modal &gt; div .dialog-content dl dd {
        display: flex;
        align-items: center;
        color: #828291;
        line-height: 1;
        font-size: 14px;
        padding: 12px 0;
        margin: 0; }

@media screen and (max-width: 767.98px) {
  .modal-background.feature-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; } }

.modal-background.reservable-notification-dialog .modal &gt; div {
  padding: 0; }
  .modal-background.reservable-notification-dialog .modal &gt; div .dialog-header {
    padding: 12px 16px;
    border-bottom: 1px solid #CBCBD2; }
  .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content h3 {
      font-size: 14px;
      font-weight: 600;
      margin-top: 24px;
      margin-bottom: 0;
      padding-bottom: 12px;
      border-bottom: 2px solid #383850; }
      .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content h3:first-child {
        margin: 0; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content hr {
      margin: 24px 0; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .input-item {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      margin-bottom: 24px; }
      .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .input-item input[type="radio"] {
        width: 20px;
        height: 20px;
        border: 2px solid #D8D7DD;
        border-radius: 10px;
        background: transparent;
        margin: 0;
        margin-right: 8px;
        position: relative; }
      .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .input-item input[type="radio"]:checked::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #00b893;
        position: absolute;
        top: calc(50% - 5px);
        left: calc(50% - 5px); }
      .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .input-item label {
        font-weight: 600; }
      .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .input-item p {
        grid-column: 2 / 3;
        color: #828291; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .label {
      padding: 0;
      margin: 0; }
      .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .label p {
        margin-bottom: 10px; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .input select {
      max-width: 343px;
      height: 40px;
      margin: 0; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .submit-btn button {
      margin: auto;
      font-size: 16px;
      font-weight: 600;
      line-height: 16px;
      color: #fff;
      padding: 16px 0;
      text-decoration: none;
      display: block;
      width: 100%;
      max-width: 343px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      text-align: center;
      border: none;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      -ms-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .note {
      margin-top: 24px; }
      .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .note p {
        font-size: 14px;
        line-height: 22px;
        color: #828291;
        margin-bottom: 16px; }

@media screen and (max-width: 767.98px) {
  .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .input select {
      max-width: 100%; }
    .modal-background.reservable-notification-dialog .modal &gt; div .dialog-content .submit-btn button {
      max-width: 100%; } }

.modal-background.cancelable_notification-dialog .modal &gt; div {
  padding: 0; }
  .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-header {
    padding: 12px 16px;
    border-bottom: 1px solid #CBCBD2; }
  .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content h3 {
      font-size: 14px;
      font-weight: 600;
      margin-top: 24px;
      margin-bottom: 0;
      padding-bottom: 12px;
      border-bottom: 2px solid #383850; }
      .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content h3:first-child {
        margin: 0; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content hr {
      margin: 24px 0; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .input-item {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      margin-bottom: 24px; }
      .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .input-item input[type="radio"] {
        width: 20px;
        height: 20px;
        border: 2px solid #D8D7DD;
        border-radius: 10px;
        background: transparent;
        margin: 0;
        margin-right: 8px;
        position: relative; }
      .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .input-item input[type="radio"]:checked::before {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background: #00b893;
        position: absolute;
        top: calc(50% - 5px);
        left: calc(50% - 5px); }
      .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .input-item label {
        font-weight: 600; }
      .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .input-item p {
        grid-column: 2 / 3;
        color: #828291; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .label {
      padding: 0;
      margin: 0; }
      .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .label p {
        margin-bottom: 10px; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .input select {
      max-width: 343px;
      height: 40px;
      margin: 0; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .submit-btn button {
      margin: auto;
      font-size: 16px;
      font-weight: 600;
      line-height: 16px;
      color: #fff;
      padding: 16px 0;
      text-decoration: none;
      display: block;
      width: 100%;
      max-width: 343px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      text-align: center;
      border: none;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -o-transition: 0.2s;
      -ms-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .note {
      margin-top: 24px; }
      .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .note p {
        font-size: 14px;
        line-height: 22px;
        color: #828291;
        margin-bottom: 16px; }

@media screen and (max-width: 767.98px) {
  .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .reservation-preferred-date .input select {
      max-width: 100%; }
    .modal-background.cancelable_notification-dialog .modal &gt; div .dialog-content .submit-btn button {
      max-width: 100%; } }

.modal-background.review-dialog .modal &gt; div {
  padding: 0; }
  .modal-background.review-dialog .modal &gt; div .dialog-header {
    padding: 12px 16px;
    border-bottom: 1px solid #CBCBD2; }
  .modal-background.review-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; }
    .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
      .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total {
        width: 50%;
        max-width: 270px; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .rating {
            display: flex;
            align-items: center; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .rating .point {
              font-size: 32px;
              font-weight: 600; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .rating .amount {
              font-size: 16px;
              color: #828291;
              height: 27px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .review {
            width: 120px;
            height: 24px;
            background-size: 120px 24px;
            padding: 0; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total ul {
          margin-top: 16px;
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 14px 32px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total ul li {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total ul li .label {
              padding: 0;
              line-height: 1;
              font-weight: 600; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total ul li .value {
              line-height: 1;
              color: #828291; }
      .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve {
        width: 50%;
        max-width: 270px;
        border: 1px solid #A6A6B1;
        border-radius: 8px;
        padding: 14px 16px 0 16px; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve h4 {
          line-height: 1;
          font-weight: 600; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve ul {
          margin-top: 14px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve ul li {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-top: 1px solid #CBCBD2;
            padding: 10px 17px; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve ul li .label {
              padding: 0;
              line-height: 1; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve ul li .value {
              line-height: 1; }
              .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve ul li .value .gray {
                color: #828291; }
    .modal-background.review-dialog .modal &gt; div .dialog-content .content {
      margin-top: 28px;
      padding-top: 20px;
      border-top: 1px solid #CBCBD2; }
      .modal-background.review-dialog .modal &gt; div .dialog-content .content li {
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #CBCBD2; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .content li .title {
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 16px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .content li .title .cartype {
            display: flex;
            align-items: center;
            gap: 8px;
            font-weight: 600; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .content li .title .cartype img {
              width: 24px;
              height: 24px; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .content li .date {
          color: #828291; }
      .modal-background.review-dialog .modal &gt; div .dialog-content .content .review {
        margin-top: 10px;
        height: 20px;
        width: 100px;
        background-size: 100px 20px; }
      .modal-background.review-dialog .modal &gt; div .dialog-content .content .text {
        line-height: 22px; }
    @media screen and (max-width: 767.98px) {
      .modal-background.review-dialog .modal &gt; div .dialog-content {
        padding: 24px 16px 0 16px; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary {
          flex-wrap: wrap;
          gap: 24px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total {
            padding-bottom: 0;
            max-width: 270px;
            width: 100%; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .rating {
                display: flex;
                align-items: center; }
                .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .rating .point {
                  font-size: 32px;
                  font-weight: 600; }
                .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .rating .amount {
                  font-size: 16px;
                  color: #828291;
                  height: auto;
                  line-height: 1; }
              .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total .detail .review {
                width: 120px;
                height: 24px;
                background-size: 120px 24px;
                padding: 0; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .total ul {
              margin-top: 16px;
              gap: 14px 32px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve {
            width: 100%;
            max-width: initial;
            padding: 14px 16px 0 16px; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve ul {
              margin-top: 14px; }
              .modal-background.review-dialog .modal &gt; div .dialog-content .parking-review-summary .achieve ul li {
                padding: 10px 0 10px 12px; }
        .modal-background.review-dialog .modal &gt; div .dialog-content .content {
          margin-top: 24px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .content li {
            padding-bottom: 20px;
            margin-bottom: 24px;
            border-bottom: 1px solid #CBCBD2; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .content li .title {
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .modal-background.review-dialog .modal &gt; div .dialog-content .content li .title .cartype {
                display: flex;
                align-items: center;
                gap: 8px;
                font-weight: 600; }
                .modal-background.review-dialog .modal &gt; div .dialog-content .content li .title .cartype img {
                  width: 24px;
                  height: 24px; }
            .modal-background.review-dialog .modal &gt; div .dialog-content .content li .date {
              color: #828291; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .content li:last-child {
            border: none;
            padding: 0; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .content .review {
            margin-top: 10px;
            height: 20px;
            width: 100px;
            background-size: 100px 20px; }
          .modal-background.review-dialog .modal &gt; div .dialog-content .content .text {
            line-height: 22px; } }
    .modal-background.review-dialog .modal &gt; div .dialog-content .more-trigger {
      margin: 0 auto; }

@media screen and (max-width: 767.98px) {
  .modal-background.review-dialog .modal &gt; div .dialog-content {
    padding: 24px 16px; } }

.modal-background.car-number-dialog img {
  max-width: 300px;
  margin: 0 auto;
  display: block; }

.modal-background.coupon-info {
  text-align: center; }
  .modal-background.coupon-info .dialog-content {
    background-color: #d5faf3; }
    .modal-background.coupon-info .dialog-content .coupon-header {
      display: flex;
      justify-content: center;
      margin-bottom: 16px;
      font-size: 16px;
      font-weight: 600; }
      .modal-background.coupon-info .dialog-content .coupon-header img {
        width: 28px;
        margin-right: 8px;
        display: inline-block; }
    .modal-background.coupon-info .dialog-content .coupon-content {
      background-color: #ffffff;
      padding: 0 12px 12px;
      border-radius: 4px; }
      .modal-background.coupon-info .dialog-content .coupon-content b.coupon-discount {
        font-weight: 700;
        font-size: 28px; }
        .modal-background.coupon-info .dialog-content .coupon-content b.coupon-discount span {
          font-size: 42px; }
      .modal-background.coupon-info .dialog-content .coupon-content div.coupon-detail {
        background-color: #f0f0f2;
        color: #5d5d70;
        padding: 8px;
        border-radius: 4px; }
        .modal-background.coupon-info .dialog-content .coupon-content div.coupon-detail &gt; p {
          margin: 0; }
  .modal-background.coupon-info p.coupon-login-info {
    margin: 0;
    padding: 12px 0 0; }
  .modal-background.coupon-info .dialog-button-wrap {
    margin: 12px 0;
    display: flex; }
    .modal-background.coupon-info .dialog-button-wrap .button {
      margin: 0 4px;
      width: 130px; }

.reservation-preferred-date .calender-wrap {
  max-width: 60%;
  margin: 0 auto; }
  @media screen and (max-width: 767.98px) {
    .reservation-preferred-date .calender-wrap {
      max-width: 100%;
      margin-top: 8px; } }

.reservation-preferred-date .calender {
  display: none; }
  .reservation-preferred-date .calender.active {
    display: block; }
  .reservation-preferred-date .calender__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px; }
    .reservation-preferred-date .calender__header__prev, .reservation-preferred-date .calender__header__next {
      width: 20px;
      height: 20px;
      cursor: pointer; }
      .reservation-preferred-date .calender__header__prev.disabled, .reservation-preferred-date .calender__header__next.disabled {
        opacity: .2;
        cursor: not-allowed;
        pointer-events: none; }
    .reservation-preferred-date .calender__header__date {
      font-weight: 600; }
  .reservation-preferred-date .calender__body__week {
    display: flex;
    align-items: center; }
    .reservation-preferred-date .calender__body__week__item {
      width: 100%;
      text-align: center;
      font-weight: 600; }
  .reservation-preferred-date .calender__body__date {
    width: 100%; }
    .reservation-preferred-date .calender__body__date td {
      text-align: center;
      padding: 6px;
      width: calc(100% / 7); }
      .reservation-preferred-date .calender__body__date td:hover .value {
        border: 1px solid;
        cursor: pointer; }
      .reservation-preferred-date .calender__body__date td:hover {
        cursor: not-allowed;
        border: 0; }
      .reservation-preferred-date .calender__body__date td:hover.disabled .value {
        border: 1px solid transparent;
        cursor: not-allowed; }
      .reservation-preferred-date .calender__body__date td:hover.selected .value {
        border: 1px solid #00b893;
        cursor: pointer; }
      .reservation-preferred-date .calender__body__date td.selected .value {
        background: #00b893;
        color: #fff; }
      .reservation-preferred-date .calender__body__date td.disabled .value {
        color: #CBCBD2; }
      .reservation-preferred-date .calender__body__date td .value {
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center center;
        border-radius: 50%;
        border: 1px solid transparent; }
        @media screen and (max-width: 767.98px) {
          .reservation-preferred-date .calender__body__date td .value {
            width: 35px;
            height: 35px; } }

section.spot-title {
  margin: 0;
  padding: 24px 16px;
  position: relative;
  text-align: center; }
  section.spot-title .spot-suggest-preorder {
    display: none; }
  section.spot-title h1 {
    font-size: 28px;
    font-weight: bold;
    margin: 0; }
  section.spot-title p {
    margin: 0; }
    section.spot-title p span {
      color: #ff6366; }

section.spot-filter {
  background: #00b893;
  margin: 0;
  padding: 8px 16px;
  position: relative;
  text-align: center; }
  section.spot-filter button.border-bottom {
    border-bottom: 0 !important; }
  section.spot-filter form {
    margin: 0; }
  section.spot-filter .search-keyword,
  section.spot-filter .option-container {
    display: none; }
  section.spot-filter .spot-filter-container {
    position: relative;
    margin: 0 auto;
    max-width: 550px; }
    section.spot-filter .spot-filter-container h3 {
      color: #ffffff;
      font-size: 16px;
      font-weight: bold;
      margin: 0;
      text-align: left; }
    section.spot-filter .spot-filter-container .spot-filter-detail {
      margin: 0 auto;
      width: 320px;
      max-width: 320px; }
      section.spot-filter .spot-filter-container .spot-filter-detail .search-detail {
        display: none; }
      section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition {
        align-content: stretch;
        align-items: center;
        display: flex;
        position: relative;
        vertical-align: top; }
        section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition &gt; label {
          color: #ffffff;
          font-weight: 500;
          padding: 0 0.5rem 0 0; }
        section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date {
          flex-grow: 2;
          background: #ffffff;
          border: 1px solid #bfbfbf;
          border-radius: 4px; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-start {
            padding: 4px 8px;
            text-align: left; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-start label {
              color: #898896;
              display: block;
              font-size: 10px;
              text-align: center; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-start span {
              border: none;
              font-size: 16px;
              height: auto;
              padding: 0;
              text-align: center; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-hyphen {
            color: #898896;
            font-size: 20px;
            font-weight: bold;
            padding-top: 16px; }
          section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end {
            padding: 4px 8px;
            text-align: left; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end label {
              color: #898896;
              display: block;
              font-size: 10px;
              text-align: center; }
            section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end span {
              border: none;
              font-size: 16px;
              height: auto;
              padding: 0;
              text-align: center; }
        section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .is-hidden {
          display: none; }
      section.spot-filter .spot-filter-container .spot-filter-detail .action-dialog-open {
        background: none;
        border: none;
        width: 100%; }
        section.spot-filter .spot-filter-container .spot-filter-detail .action-dialog-open .detail {
          width: 100%; }
          section.spot-filter .spot-filter-container .spot-filter-detail .action-dialog-open .detail &gt; div {
            background: #ffffff;
            padding: 8px 16px;
            width: calc(50% - 6px);
            border-radius: 4px; }
          section.spot-filter .spot-filter-container .spot-filter-detail .action-dialog-open .detail .icon {
            margin-right: 4px; }
            section.spot-filter .spot-filter-container .spot-filter-detail .action-dialog-open .detail .icon img {
              display: block;
              width: 24px; }
          section.spot-filter .spot-filter-container .spot-filter-detail .action-dialog-open .detail .text {
            line-height: 1; }
  section.spot-filter .condition-date-calendar {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    background: #ffffff;
    border-radius: 4px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 12; }
    section.spot-filter .condition-date-calendar .calendar-content tr:last-child :first-child {
      border-bottom-left-radius: 0; }
    section.spot-filter .condition-date-calendar .calendar-content tr:last-child :last-child {
      border-bottom-right-radius: 0; }
  section.spot-filter .condition-action {
    border-bottom: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 8px;
    text-align: right; }
    section.spot-filter .condition-action button {
      display: inline-block;
      font-size: 14px;
      height: 32px;
      padding: 9px 16px;
      width: auto; }
      section.spot-filter .condition-action button.cancel {
        background: none;
        border: none;
        color: #00e0b5;
        padding: 0 16px;
        text-decoration: underline; }

.spot-map {
  display: none; }
  .spot-map.visible {
    display: block;
    margin: 0; }
  .spot-map .map {
    height: 360px; }

.spot-toggle-layout {
  display: flex;
  justify-content: center;
  margin-bottom: 16px; }
  .spot-toggle-layout .toggle-button {
    font-size: 14px;
    padding: 8px 16px;
    background: #fff;
    border: 1px solid #cbcbd2;
    line-height: 1; }
    .spot-toggle-layout .toggle-button:nth-child(1) {
      border-radius: 24px 0 0 24px; }
    .spot-toggle-layout .toggle-button:nth-child(2) {
      border-radius: 0 24px 24px 0; }
    .spot-toggle-layout .toggle-button.selected {
      background: #00b893;
      color: #fff; }

.spot-selected-item .card-parking {
  margin: 16px 0; }

section.spot-search {
  border-bottom: 1px solid #bfbfbf;
  border-top: 1px solid #bfbfbf;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%; }
  section.spot-search .map {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    vertical-align: top; }
  section.spot-search .list {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    position: relative;
    vertical-align: top; }
    section.spot-search .list .list-options {
      background: #ffffff;
      border-bottom: 1px solid #bfbfbf;
      padding: 16px;
      display: flex; }
      section.spot-search .list .list-options .search-map {
        margin: 0 0 0 1rem; }
    section.spot-search .list .sort {
      flex-grow: 2; }
      section.spot-search .list .sort p {
        font-size: 14px;
        font-weight: bold; }
    section.spot-search .list .list-container {
      height: 530px;
      overflow-x: hidden;
      overflow-y: scroll;
      width: 100%; }
      section.spot-search .list .list-container .list-header {
        display: table;
        width: 100%; }
        section.spot-search .list .list-container .list-header .list-header-left {
          display: table-cell;
          padding: 16px 16px 0 16px; }
          section.spot-search .list .list-container .list-header .list-header-left p {
            margin: 0; }
        section.spot-search .list .list-container .list-header .list-header-right {
          display: table-cell;
          padding: 4px 4px 0 0;
          text-align: right; }
        section.spot-search .list .list-container .list-header select {
          background: url(images/icon/down-green.svg) no-repeat right 8px center/24px 24px;
          border: 0;
          color: #00b893;
          padding-right: 32px;
          text-align: right;
          height: 32px; }
      section.spot-search .list .list-container .card-parking {
        margin: 16px; }
    section.spot-search .list .spot-more-link {
      background: #ffffff;
      border-top: 1px solid #bfbfbf;
      width: 100%; }
      section.spot-search .list .spot-more-link a {
        display: table;
        margin: 0 auto;
        padding: 16px;
        transition: .2s; }
        section.spot-search .list .spot-more-link a svg {
          display: table-cell;
          fill: #1f94c1;
          height: 24px;
          vertical-align: middle;
          width: 24px; }
        section.spot-search .list .spot-more-link a span {
          display: table-cell;
          font-size: 14px;
          vertical-align: middle; }

.popup-bubble {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  color: #282838;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  background-color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  overflow-y: auto;
  max-height: 60px;
  box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.5);
  z-index: 1; }
  .popup-bubble:hover {
    font-size: 16px;
    transition: 0.2s; }

.custom-marker--unavailable .popup-bubble {
  color: #5d5d70;
  background-color: #d8d7dd;
  z-index: 0; }

.custom-marker--unavailable .popup-bubble-anchor:after {
  border-top: 8px solid #d8d7dd;
  z-index: 0; }

.custom-marker--selected {
  z-index: 10; }
  .custom-marker--selected .popup-bubble {
    color: #fff;
    background-color: #ff6b3d; }
  .custom-marker--selected .popup-bubble-anchor:after {
    border-top: 8px solid #ff6b3d; }

.popup-bubble-anchor {
  position: absolute;
  width: 100%;
  bottom: 8px;
  left: 0; }

.popup-bubble-anchor:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #fff;
  z-index: 1; }

.popup-container {
  cursor: auto;
  height: 0;
  position: absolute;
  width: 200px; }

section.spot-howto {
  margin: 0;
  padding: 32px 16px;
  text-align: center; }
  section.spot-howto h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 8px; }
  section.spot-howto p {
    font-size: 16px; }
  section.spot-howto .step {
    margin: 16px auto 0;
    max-width: 720px; }
    section.spot-howto .step img {
      display: block;
      width: 100%;
      height: auto; }

section.spot-sales {
  margin: 0 auto;
  padding: 32px 16px;
  text-align: center; }
  section.spot-sales h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 8px; }
  section.spot-sales .slide-container {
    margin: 16px 0;
    text-align: left; }

section.spot-ride {
  background: #ffffff;
  margin: 0;
  padding: 32px 16px;
  text-align: center; }
  section.spot-ride h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 16px; }
  section.spot-ride .ride-cotainer {
    display: table;
    margin: 0 auto;
    max-width: 1128px;
    padding: 0 32px;
    text-align: left;
    width: calc(100% - 64px); }
    section.spot-ride .ride-cotainer .ride-detail {
      display: table-cell;
      padding: 0 8px; }
      section.spot-ride .ride-cotainer .ride-detail .ride-card {
        border: 1px solid #bfbfbf;
        color: #383850;
        display: block;
        margin: 0 auto;
        max-width: 376px;
        transition: .2s;
        text-decoration: none; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header {
          background: #00e0b5;
          color: #ffffff;
          display: table;
          width: 100%; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .text {
            display: table-cell;
            font-size: 16px;
            padding: 16px 0 16px 16px; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .arrow {
            display: table-cell;
            padding: 16px;
            vertical-align: middle;
            width: 16px; }
            section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .arrow svg {
              display: block;
              fill: #ffffff;
              height: 16px;
              width: 16px; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info {
          padding: 16px; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .minute {
            font-size: 16px;
            font-weight: bold; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .fee .fee-label {
            border: 1px solid #ff6b3d;
            color: #ff6b3d;
            display: inline-block;
            font-size: 11px;
            line-height: 1;
            padding: 4px; }
          section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .fee .fee-text {
            display: inline-block;
            font-size: 10px;
            margin: 0; }
            section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .fee .fee-text span {
              color: #ff6366;
              font-size: 14px;
              font-weight: bold; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card:hover {
          opacity: .8; }

section.spot-market-price {
  margin: 0;
  padding: 32px 48px;
  text-align: center; }
  section.spot-market-price h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 16px;
    text-align: center; }
  section.spot-market-price .market-price__block {
    max-width: 1104px;
    margin: 0 auto 16px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px; }
    section.spot-market-price .market-price__block__item {
      border: 1px solid #CBCBD2;
      border-radius: 4px; }
    section.spot-market-price .market-price__block__ttl {
      font-size: 20px;
      padding: 12px 0;
      font-weight: 600;
      border-bottom: 1px solid #CBCBD2; }
    section.spot-market-price .market-price__block__table {
      width: 100%; }
      section.spot-market-price .market-price__block__table__wrap {
        padding: 0 24px 24px; }
      section.spot-market-price .market-price__block__table thead th {
        font-size: 14px;
        font-weight: 400;
        padding: 16px; }
      section.spot-market-price .market-price__block__table tbody tr {
        border-bottom: 1px dotted #CBCBD2; }
        section.spot-market-price .market-price__block__table tbody tr:first-child {
          border-top: 1px solid #CBCBD2; }
        section.spot-market-price .market-price__block__table tbody tr:last-child {
          border-bottom: 1px solid #CBCBD2; }
      section.spot-market-price .market-price__block__table tbody th {
        background: #F0F0F2;
        padding: 16px;
        text-align: left;
        font-weight: 700; }
  section.spot-market-price .market-price__note {
    margin: 0 48px;
    font-size: 14px;
    line-height: 1.5; }

section.spot-region h2 {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 16px;
  text-align: center; }

section.spot-akichan {
  margin: 0;
  padding: 32px 16px;
  text-align: center; }
  section.spot-akichan h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 16px; }
  section.spot-akichan .toakichan {
    border: 1px solid #ff6b3d;
    border-radius: 9999px;
    color: #ff6b3d;
    display: inline-block;
    margin-bottom: 16px;
    text-decoration: none;
    transition: .2s;
    padding: 8px 16px; }
    section.spot-akichan .toakichan img {
      height: 12px;
      margin-right: 8px; }
    section.spot-akichan .toakichan:hover {
      background: #ffcebe; }
  section.spot-akichan .akichan-container {
    display: table;
    padding: 0 24px;
    margin: 0 auto;
    max-width: 1128px; }
    section.spot-akichan .akichan-container .card-akichan {
      display: table-cell;
      padding: 8px;
      max-width: 376px;
      text-decoration: none; }
      section.spot-akichan .akichan-container .card-akichan .akichan-detail {
        border: 1px solid #bfbfbf;
        border-radius: 4px;
        display: table;
        text-align: left;
        transition: .2s;
        padding: 16px; }
        section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-image {
          display: table-cell;
          vertical-align: top;
          width: 100px; }
          section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-image img {
            display: block;
            width: 100%; }
        section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-info {
          color: #383850;
          display: table-cell;
          padding-left: 8px;
          vertical-align: top; }
          section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-info h4 {
            font-size: 14px;
            font-weight: bold; }
          section.spot-akichan .akichan-container .card-akichan .akichan-detail .akichan-info p {
            font-size: 13px;
            margin: 0; }
        section.spot-akichan .akichan-container .card-akichan .akichan-detail:hover {
          background: #f0f0f2; }

section.spot-info {
  margin: 0;
  padding: 32px 48px;
  text-align: center; }
  section.spot-info h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 16px; }
  section.spot-info .description {
    background-image: url(https://www.akippa.com/images/icons/ic_ldquo.png), url(https://www.akippa.com/images/icons/ic_rdquo.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right bottom;
    background-size: 32px;
    margin: 0 auto;
    max-width: 1128px;
    padding: 0 48px;
    position: relative;
    text-align: left; }
    @media screen and (min-width: 768px) {
      section.spot-info .description .context {
        max-height: unset; } }
    section.spot-info .description .context p:first-letter {
      font-size: 3em;
      line-height: 1;
      float: left;
      margin: 0 .2em 0 0;
      padding: .1em 0; }
    section.spot-info .description .more {
      display: none; }

section.spot-breadcrumb {
  margin: 0;
  padding: 32px 48px 16px; }
  section.spot-breadcrumb ul {
    margin: 0 auto;
    max-width: 1128px; }

section.spot-after {
  padding: 0 48px 32px;
  margin: 0; }
  section.spot-after .share {
    margin: 0 auto;
    max-width: 1128px;
    text-align: right; }

.spot-totop {
  background: #ff6b3d;
  border-radius: 9999px;
  bottom: 16px;
  color: #ffffff;
  display: table;
  left: calc(50% - 16px);
  margin-left: -80px;
  padding: 8px 16px;
  position: fixed;
  text-align: center;
  width: 160px; }
  .spot-totop svg {
    display: table-cell;
    fill: #ffffff;
    width: 24px; }
  .spot-totop span {
    display: table-cell;
    vertical-align: top; }

#spot-share {
  bottom: -60px;
  cursor: pointer;
  position: fixed;
  padding: 16px;
  width: calc(100% - 32px);
  z-index: 30; }
  #spot-share .button {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 30;
    margin: 0 auto;
    max-width: 300px; }
  #spot-share.show {
    bottom: 0; }

@media screen and (max-width: 1199px) {
  section.spot-howto .step {
    padding: 0 48px; }
  section.spot-akichan .akichan-container {
    display: block;
    max-width: 400px; }
    section.spot-akichan .akichan-container .card-akichan {
      display: block;
      max-width: 100%;
      padding: 8px 0; }
      section.spot-akichan .akichan-container .card-akichan .akichan-detail {
        width: calc(100% - 32px); } }

@media screen and (max-width: 1023px) {
  section.spot-title .spot-suggest-preorder {
    background: #f0f0f2;
    display: block;
    height: auto;
    margin: -16px -16px 16px;
    position: relative;
    right: 0;
    top: 0; }
    section.spot-title .spot-suggest-preorder a {
      width: 100%; }
      section.spot-title .spot-suggest-preorder a img {
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 350px;
        width: 100%; }
  section.spot-title.map {
    padding: 16px 0 0;
    z-index: 1; }
    section.spot-title.map h1 {
      background: #fff;
      padding: 0 16px 8px;
      min-width: 200px; }
    section.spot-title.map p {
      display: none; } }

@media screen and (max-width: 767.98px) {
  .balloon {
    font-size: 14px; }
  section.spot-vvaren img {
    width: 250px; }
  section.spot-title {
    padding: 16px; }
    section.spot-title h1 {
      font-size: 21px; }
  section.spot-filter .spot-filter-container h3 {
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    width: 100%; }
  section.spot-filter .spot-filter-container .spot-filter-detail {
    max-width: 100%;
    width: 100%; }
    section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition {
      max-width: 100%; }
      section.spot-filter .spot-filter-container .spot-filter-detail #search-detail-condition .condition-date .search-condition-end input {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; }
    section.spot-filter .spot-filter-container .spot-filter-detail .search-detail-submit {
      display: block;
      margin-top: 16px; }
      section.spot-filter .spot-filter-container .spot-filter-detail .search-detail-submit button {
        border-radius: 4px; }
  section.spot-search {
    display: block; }
    section.spot-search .map {
      display: block;
      height: 200px;
      overflow: hidden; }
    section.spot-search .list {
      display: block;
      width: 100%; }
      section.spot-search .list .list-container {
        height: auto;
        overflow-y: auto;
        width: 100%; }
        section.spot-search .list .list-container .card-parking {
          margin: 16px 0; }
  section.spot-howto h3 {
    font-size: 18px; }
  section.spot-howto p {
    font-size: 14px; }
  section.spot-howto .step {
    padding: 0; }
  section.spot-market-price {
    padding: 32px 16px; }
    section.spot-market-price .market-price__block {
      grid-template-columns: 1fr; }
      section.spot-market-price .market-price__block__ttl {
        font-size: 16px; }
      section.spot-market-price .market-price__block__table {
        font-size: 12px; }
        section.spot-market-price .market-price__block__table__wrap {
          padding: 0 12px 24px; }
    section.spot-market-price .market-price__note {
      font-size: 12px;
      margin: 16px 0;
      text-align: left; }
  section.spot-sales {
    padding: 32px 0; }
    section.spot-sales h3 {
      font-size: 18px; }
  section.spot-ride h3 {
    font-size: 18px; }
  section.spot-ride .ride-cotainer {
    display: block;
    padding: 0;
    width: 100%; }
    section.spot-ride .ride-cotainer .ride-detail {
      display: block;
      margin: 0 0 16px;
      padding: 0; }
      section.spot-ride .ride-cotainer .ride-detail:last-child {
        margin: 0; }
      section.spot-ride .ride-cotainer .ride-detail .ride-card {
        max-width: 100%; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-header .text {
          font-size: 15px; }
        section.spot-ride .ride-cotainer .ride-detail .ride-card .ride-info .minute {
          font-weight: normal; }
  section.spot-region h3 {
    font-size: 18px; }
  section.spot-akichan h3 {
    font-size: 18px; }
  section.spot-akichan .akichan-container {
    padding: 0; }
  section.spot-info {
    padding: 32px 16px; }
    section.spot-info h3 {
      font-size: 18px; }
    section.spot-info .description {
      background: none;
      padding: 0; }
      section.spot-info .description .more {
        display: block; }
  section.spot-breadcrumb {
    padding: 32px 0 16px; }
  section.spot-after {
    padding: 32px 16px; }
    section.spot-after h3 {
      font-size: 18px; }
    section.spot-after ul {
      padding: 0; }
    section.spot-after .share {
      text-align: left; } }

.google-map * {
  transition-duration: 0s; }

#search-parking .search-condition {
  background: #ffffff;
  position: relative; }

#search-parking form {
  position: relative; }

.search-keyword {
  background: #383850;
  box-sizing: border-box;
  position: relative;
  z-index: 10; }
  .search-keyword .input-group-button {
    width: 48px; }
    .search-keyword .input-group-button .button {
      padding: 11px; }
      .search-keyword .input-group-button .button img {
        height: 24px;
        width: 24px; }

.search .input-group-button {
  width: 48px; }
  .search .input-group-button .button {
    display: block;
    padding: 11px; }
    .search .input-group-button .button img {
      height: 24px;
      width: 24px; }

.search-detail {
  box-sizing: border-box;
  overflow: auto;
  background: #ffffff; }
  .search-detail .checkbox label + label {
    margin-top: 4px; }

#search-detail-condition .condition-date {
  display: flex;
  align-items: center; }
  #search-detail-condition .condition-date &gt; div {
    flex-grow: 3; }
  #search-detail-condition .condition-date span {
    display: block;
    padding: 0 0.5em; }
  #search-detail-condition .condition-date input {
    border-radius: 4px;
    cursor: pointer;
    margin: 0; }
  #search-detail-condition .condition-date .focus {
    position: relative; }
    #search-detail-condition .condition-date .focus input {
      border-color: #30b1c6; }
    #search-detail-condition .condition-date .focus:after {
      box-sizing: border-box;
      height: 12px;
      width: 16px;
      content: '';
      border-top: 0 solid transparent;
      border-bottom: 12px solid #30b1c6;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      display: block;
      position: absolute;
      overflow: hidden;
      left: calc(50% - 8px); }

#search-detail-condition .input-group {
  display: flex;
  align-items: center; }
  #search-detail-condition .input-group input {
    border-radius: 4px; }
    #search-detail-condition .input-group input:focus {
      border-color: #30b1c6; }
    #search-detail-condition .input-group input:after {
      content: '';
      border-top: 6px solid transparent;
      border-bottom: 6px solid #30b1c6;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      display: block;
      overflow: hidden; }

#search-detail-condition .condition-date-calendar {
  margin: 12px 0 16px; }

#search-detail-condition .condition-car-type input {
  margin: 0; }

#search-detail-condition .checkbox label + label {
  margin-top: 4px; }

#search-detail-condition .is-hidden {
  display: none; }

#search-content {
  position: relative;
  z-index: 0; }
  #search-content .no-parking__wrap {
    margin: 0 16px;
    height: 100vh;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center; }
  #search-content .no-parking__img {
    width: 100px;
    height: 100px;
    margin-bottom: 16px; }
    #search-content .no-parking__img img {
      width: 100%;
      height: auto; }
  #search-content .no-parking__ttl {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 8px;
    text-align: center; }
    #search-content .no-parking__ttl br {
      display: none; }
  #search-content .no-parking__desc {
    font-size: 16px; }

#google-map-container {
  height: 100%;
  width: 100%; }
  #google-map-container .google-map-marker-info .title {
    font-size: 16px;
    font-weight: 600; }

.search-parking-popup {
  padding: 4px;
  max-width: 320px;
  min-width: 280px; }
  .search-parking-popup__vacancy {
    border: 4px;
    font-weight: 600; }
    .search-parking-popup__vacancy .label {
      display: inline-block !important;
      padding: 2px 8px;
      border: 4px solid transparent; }
  .search-parking-popup__walk {
    font-size: 12px; }
  .search-parking-popup__title {
    font-size: 16px;
    font-weight: 700; }
  .search-parking-popup__price {
    font-size: 16px;
    font-weight: 700; }
    .search-parking-popup__price .fee br {
      display: none; }
    .search-parking-popup__price .hourly {
      font-size: 14px;
      display: inline-block;
      margin-left: 8px; }
  .search-parking-popup__review {
    display: flex;
    align-items: center;
    margin: 4px 0; }
  .search-parking-popup__tag {
    margin-bottom: 8px; }
    .search-parking-popup__tag .labels .parking-attribute {
      font-size: 12px;
      padding: 2px 4px;
      background: #F0F0F2;
      display: inline-block;
      margin-right: 4px;
      margin-bottom: 4px; }
  .search-parking-popup__footer {
    padding: 8px 0 0;
    border-top: 1px dotted #CBCBD2;
    display: flex;
    justify-content: space-between; }
    .search-parking-popup__footer .button-favorite {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      padding: 0 !important; }
      .search-parking-popup__footer .button-favorite .icon {
        margin: 0; }
    .search-parking-popup__footer .text {
      display: none; }
    .search-parking-popup__footer a {
      font-size: 14px;
      font-weight: 700;
      padding: 8px 24px;
      border-radius: 4px;
      background: #00b893;
      color: #fff;
      display: flex;
      align-items: center;
      margin-left: auto; }
      .search-parking-popup__footer a:hover {
        text-decoration: none;
        background: #009e78; }
  .search-parking-popup .label {
    display: none; }

#parking-list-container {
  top: 0;
  left: 0;
  z-index: 20; }

#parking-list-container {
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  position: relative;
  background: #f0f0f2;
  box-sizing: border-box; }

#parking-info-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none; }
  #parking-info-container .card-container {
    overflow: hidden; }
    #parking-info-container .card-container .card {
      margin: 0;
      min-width: 100%;
      max-width: 100%;
      pointer-events: auto; }
      #parking-info-container .card-container .card .parking-info {
        width: auto;
        flex-grow: 2; }

#research-parking {
  right: 0;
  left: 0; }
  #research-parking a {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    background: #30b1c6;
    border-radius: 20px;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    width: 180px;
    height: auto; }

@media screen and (min-width: 768px) {
  #search-parking {
    display: flex;
    position: relative; }
  #search-content {
    width: calc(100% - 350px);
    height: 100%; }
  #search-parking .search-condition {
    border-right: 1px solid #bfbfbf;
    position: relative;
    width: 350px; }
  .search-keyword {
    padding: 24px 16px;
    height: 96px; }
    .search-keyword .input-group {
      width: calc(100% - 65px); }
  .search-detail {
    height: calc(100% - 96px); }
  .option-container {
    position: absolute;
    top: 24px;
    right: 16px;
    z-index: 10; }
    .option-container .options {
      width: 65px;
      display: flex; }
      .option-container .options button {
        background-color: #ffffff;
        box-sizing: border-box;
        border: 1px solid #cbcbd2;
        border-radius: 4px;
        height: 48px;
        padding: 0 16px;
        width: 100%;
        box-sizing: border-box;
        width: 55px;
        height: 48px;
        background: #ffffff;
        margin-left: 8px;
        padding: 0; }
        .option-container .options button div {
          display: block;
          height: 24px;
          margin: 0 auto 4px;
          width: 24px; }
        .option-container .options button span {
          margin: 0 auto;
          display: block;
          font-size: 7px;
          line-height: 1; }
        .option-container .options button.action-search-content-change.map .icon {
          background: url(images/icon/map.svg) no-repeat center center/24px 24px; }
        .option-container .options button.action-search-content-change.list .icon {
          background: url(images/icon/list.svg) no-repeat center center/24px 24px; }
  .checkbox label {
    cursor: pointer; }
    .checkbox label:hover {
      text-decoration: underline; }
    .checkbox label input {
      cursor: pointer; }
  .tips {
    position: relative;
    display: flex;
    align-items: center; }
    .tips-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-left: 8px;
      cursor: pointer; }
    .tips-wrap {
      position: absolute;
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
      z-index: 10;
      top: 16px;
      left: 0;
      letter-spacing: -0.02em;
      display: none; }
      .tips-wrap.is-show {
        display: block; }
    .tips-header {
      font-weight: 600;
      padding: 8px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 2px solid #383850; }
    .tips-close {
      display: block;
      width: 24px;
      height: 24px;
      cursor: pointer; }
    .tips-body dl {
      display: grid;
      grid-template-columns: 120px 1fr;
      font-size: 14px;
      padding: 8px 0;
      border-bottom: 1px solid #bfbfbf;
      margin: 0; }
      .tips-body dl:last-child {
        border-bottom: none; }
    .tips-body dt {
      padding: 0 0 0 16px; }
    .tips-body dd {
      padding: 0 8px;
      margin: 0; }
  #parking-list-container .parking-sort {
    margin: 24px 0; }
    #parking-list-container .parking-sort select {
      display: block;
      margin: 0 auto;
      max-width: 800px; }
  #parking-list-container .parking-list {
    height: calc(100% - 96px); }
  #parking-info-container {
    bottom: 0px; }
  #research-parking {
    bottom: 32px;
    position: absolute; } }

@media screen and (max-width: 767.98px) {
  #search-parking .search-condition {
    position: fixed;
    top: 48px;
    width: 100%;
    z-index: 1; }
    #search-parking .search-condition .action-dialog-open {
      background: #ffffff;
      border: none;
      padding: 8px 16px;
      width: 100%; }
      #search-parking .search-condition .action-dialog-open .detail .icon,
      #search-parking .search-condition .action-dialog-open .default .icon {
        margin-right: 4px; }
        #search-parking .search-condition .action-dialog-open .detail .icon img,
        #search-parking .search-condition .action-dialog-open .default .icon img {
          display: block;
          width: 24px; }
      #search-parking .search-condition .action-dialog-open .detail .text,
      #search-parking .search-condition .action-dialog-open .default .text {
        line-height: 1; }
  .search-keyword {
    padding: 16px;
    height: 80px; }
    .search-keyword .input-group {
      width: calc(100% - 65px); }
  #search-content {
    width: 100%;
    height: calc(100% - 160px);
    padding: 120px 0 40px; }
    #search-content .no-parking__wrap {
      height: 60vh; }
    #search-content .no-parking__ttl {
      font-size: 16px; }
      #search-content .no-parking__ttl br {
        display: inline-block; }
    #search-content .no-parking__desc {
      font-size: 14px; }
  #parking-list-container .parking-sort {
    margin: 16px; }
  #parking-list-container:not(.hidden) + #google-map-container {
    display: none; }
  #parking-info-container {
    bottom: 40px;
    position: fixed; }
  .option-container {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10; }
    .option-container .options {
      width: 65px;
      display: flex; }
      .option-container .options button {
        background-color: #ffffff;
        box-sizing: border-box;
        border: 1px solid #cbcbd2;
        border-radius: 4px;
        height: 48px;
        padding: 0 16px;
        width: 100%;
        box-sizing: border-box;
        width: 55px;
        height: 48px;
        background: #ffffff;
        margin-left: 8px;
        padding: 0; }
        .option-container .options button div {
          display: block;
          height: 24px;
          margin: 0 auto 4px;
          width: 24px; }
        .option-container .options button span {
          margin: 0 auto;
          display: block;
          font-size: 7px;
          line-height: 1; }
        .option-container .options button.action-search-content-change.map .icon {
          background: url(images/icon/map.svg) no-repeat center center/24px 24px; }
        .option-container .options button.action-search-content-change.list .icon {
          background: url(images/icon/list.svg) no-repeat center center/24px 24px; }
  .tips {
    position: relative;
    display: flex;
    align-items: center; }
    .tips-icon {
      display: inline-block;
      width: 20px;
      height: 20px;
      margin-left: 8px;
      cursor: pointer; }
    .tips-wrap {
      position: absolute;
      background: #fff;
      border-radius: 4px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
      z-index: 10;
      top: 22px;
      left: 0;
      letter-spacing: -0.02em;
      display: none; }
      .tips-wrap.is-show {
        display: block; }
    .tips-header {
      font-weight: 600;
      padding: 8px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 2px solid #383850; }
    .tips-close {
      display: block;
      width: 24px;
      height: 24px; }
    .tips-body dl {
      display: grid;
      grid-template-columns: 120px 1fr;
      font-size: 14px;
      padding: 8px 0;
      border-bottom: 1px solid #bfbfbf;
      margin: 0; }
      .tips-body dl:last-child {
        border-bottom: none; }
    .tips-body dt {
      padding: 0 0 0 16px; }
    .tips-body dd {
      padding: 0 8px;
      margin: 0; }
  #research-parking {
    bottom: 56px;
    position: fixed; } }

.parking-request-overlay {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 12; }

.parking-request-announce-toggle {
  background: #ffffff;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 20; }
  .parking-request-announce-toggle .request-toggle {
    color: #30b1c6; }
    .parking-request-announce-toggle .request-toggle p {
      line-height: 24px;
      margin: 0; }
  .parking-request-announce-toggle #request-detail {
    background: #ffffff;
    bottom: 0;
    padding: 16px;
    position: absolute;
    z-index: 11; }

#parking-request {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50; }
  #parking-request .parking-request-info {
    background: #383850;
    color: #ffffff;
    padding: 16px 16px 16px 48px;
    position: absolute;
    width: calc(100% - 64px);
    z-index: 1; }
    #parking-request .parking-request-info .request-close {
      cursor: pointer;
      left: 8px;
      margin-top: -20px;
      position: absolute;
      top: 50%;
      width: 40px;
      z-index: 1; }
  #parking-request .parking-request-map {
    height: calc(100% - 85px);
    left: 0;
    position: absolute;
    top: 85px;
    width: 100%; }

@media screen and (min-width: 768px) {
  #parking-request {
    position: absolute;
    z-index: 50; }
    #parking-request .parking-request-info {
      padding: 16px;
      width: calc(100% - 32px); }
      #parking-request .parking-request-info .request-close {
        left: 16px; } }

@media screen and (min-width: 768px) {
  #search-parking #parking-request,
  .spot #parking-request {
    left: 350px;
    width: calc(100% - 350px); } }

@media screen and (min-width: 768px) {
  .spot-search #parking-request {
    width: calc(100% - 400px); } }

.region-keyword {
  width: 450px;
  text-align: center;
  margin: 0 auto;
  padding: 32px 0; }
  .region-keyword h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    margin: 0 0 10px 0;
    text-align: center; }
  .region-keyword .search {
    width: 100%; }

.region-search {
  text-align: center;
  margin: 0;
  padding: 32px 0; }
  .region-search h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px; }
  .region-search ul {
    list-style-type: none;
    padding: 0;
    font-size: 0; }
    .region-search ul li {
      display: inline-block;
      padding: 0 10px 0 10px;
      font-size: 14px;
      margin: 0;
      border-right: 1px solid #bfbfbf; }
    .region-search ul li:last-child {
      border-right: none; }

.region-spot-pd {
  padding-bottom: 20px; }

@media screen and (max-width: 767.98px) {
  .region-keyword {
    width: 90%; }
  .region-search h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px; } }

#search-period {
  position: relative; }
  #search-period.focus-from:before {
    content: "";
    position: absolute;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #30b1c6;
    bottom: 0;
    left: 25%; }
  #search-period.focus-from #condition-data-from {
    color: #6cd0d8; }
  #search-period.focus-to:before {
    content: "";
    position: absolute;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #30b1c6;
    bottom: 0;
    right: 25%; }
  #search-period.focus-to #condition-data-to {
    color: #6cd0d8; }

#period-calendar .calendar-day {
  cursor: unset; }
  #period-calendar .calendar-day.contain {
    cursor: pointer; }
    #period-calendar .calendar-day.contain:hover {
      color: #ffffff;
      background: #ff6b3d; }

.google-map-marker-info .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px; }

.google-map-marker-info a:hover {
  text-decoration: none; }
  .google-map-marker-info a:hover .info-window-name {
    text-decoration: underline; }

.google-map-marker-info ul {
  list-style: none;
  padding: 0; }
  .google-map-marker-info ul li {
    display: flex;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px dotted #cbcbd2; }
    .google-map-marker-info ul li:last-child {
      margin: 0; }
    .google-map-marker-info ul li .label {
      display: flex;
      align-items: center;
      width: 12px;
      text-align: center; }
    .google-map-marker-info ul li .review-point,
    .google-map-marker-info ul li .review-amount {
      color: #383850; }
  .google-map-marker-info ul .info-window-price {
    font-weight: bold;
    color: #282838;
    display: block;
    margin-top: 4px; }
    .google-map-marker-info ul .info-window-price .fee br {
      display: none; }
    .google-map-marker-info ul .info-window-price .fee .hourly {
      display: inline-block;
      margin-left: 8px; }

#favorite-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }

#favorite-content .card-container {
  margin: 16px 48px; }

section.box-container .not-found-favorite-parking {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  background: #ffffff;
  border-radius: 4px;
  margin: 0 48px; }
  section.box-container .not-found-favorite-parking .not-found {
    align-items: center;
    border-bottom: 1px solid #cbcbd2;
    display: flex;
    padding: 16px 32px; }
    section.box-container .not-found-favorite-parking .not-found .content {
      width: 100%; }
      section.box-container .not-found-favorite-parking .not-found .content h2 {
        font-size: 16px; }
    section.box-container .not-found-favorite-parking .not-found .img img {
      display: block;
      margin: 0 auto;
      width: 200px; }
  section.box-container .not-found-favorite-parking .suggest {
    align-items: flex-start;
    display: flex;
    padding: 32px; }
    section.box-container .not-found-favorite-parking .suggest .content {
      padding-right: 16px;
      width: 100%; }
      section.box-container .not-found-favorite-parking .suggest .content .description {
        font-size: 12px; }
      section.box-container .not-found-favorite-parking .suggest .content h3 {
        color: #ff6b3d;
        font-size: 16px;
        font-weight: bold; }
    section.box-container .not-found-favorite-parking .suggest .img img {
      display: block;
      margin: 0 auto;
      width: 360px; }

@media screen and (max-width: 767.98px) {
  #favorite-content.box-container {
    margin-bottom: 48px; }
  #favorite-content .card-container {
    margin: 16px 0; }
  section.box-container .not-found-favorite-parking {
    border-radius: 0;
    margin: 16px 0;
    text-align: center; }
    section.box-container .not-found-favorite-parking .not-found {
      display: block;
      padding: 16px; }
      section.box-container .not-found-favorite-parking .not-found .content {
        padding: 0; }
        section.box-container .not-found-favorite-parking .not-found .content h2 {
          font-size: 16px;
          margin-bottom: 16px; }
      section.box-container .not-found-favorite-parking .not-found .img img {
        max-width: 300px;
        width: 80%; }
    section.box-container .not-found-favorite-parking .suggest {
      display: block;
      padding: 16px; }
      section.box-container .not-found-favorite-parking .suggest .content h3 {
        font-size: 16px; }
      section.box-container .not-found-favorite-parking .suggest .img img {
        margin-top: 16px;
        max-width: 500px;
        width: 100%; } }

#coupon-register.box-container {
  max-width: 800px; }

#coupon-register .box {
  background: #ffffff;
  margin: 16px 48px 48px;
  padding: 24px; }
  #coupon-register .box .input-group input {
    border: 1px solid #bfbfbf; }
  #coupon-register .box .input-group .input-group-button {
    width: 100px; }

@media screen and (max-width: 767.98px) {
  #coupon-register .box {
    margin: 16px 0;
    padding: 16px; } }

#coupon-list.box-container {
  margin-bottom: 72px;
  max-width: 800px; }

#coupon-list .box {
  background: #ffffff;
  margin: 16px 48px 48px; }
  #coupon-list .box .no-coupon {
    padding: 24px; }
  #coupon-list .box .coupon-section {
    align-items: top;
    border-bottom: 1px solid #bfbfbf;
    display: flex;
    padding: 24px; }
    #coupon-list .box .coupon-section .coupon-label {
      align-items: center;
      display: flex;
      font-weight: 600;
      height: 150px;
      text-align: center;
      width: 150px; }
      #coupon-list .box .coupon-section .coupon-label .main {
        align-items: center;
        border: 1px solid #ffffff;
        display: flex;
        font-size: 28px;
        height: calc(100% - 16px);
        margin: 8px;
        line-height: 1.2;
        width: calc(100% - 16px); }
        #coupon-list .box .coupon-section .coupon-label .main .detail {
          width: 100%; }
          #coupon-list .box .coupon-section .coupon-label .main .detail span {
            font-size: 20px; }
            #coupon-list .box .coupon-section .coupon-label .main .detail span.sub {
              display: block;
              font-size: 20px;
              line-height: 1.2; }
    #coupon-list .box .coupon-section .coupon-description {
      background: #ffffff;
      padding: 0;
      position: relative;
      width: calc(100% - 150px); }
      #coupon-list .box .coupon-section .coupon-description h3 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px;
        padding-left: 16px; }
      #coupon-list .box .coupon-section .coupon-description p {
        padding-left: 16px; }
      #coupon-list .box .coupon-section .coupon-description .more {
        bottom: 0;
        margin: 0;
        position: absolute;
        right: 0; }
        #coupon-list .box .coupon-section .coupon-description .more a {
          background: none;
          border: 1px solid #30b1c6;
          border-radius: 4px;
          color: #30b1c6;
          display: inline-block;
          line-height: 16px;
          outline: none;
          padding: 8px 16px; }
          #coupon-list .box .coupon-section .coupon-description .more a:hover {
            background: #30b1c6;
            color: #ffffff;
            text-decoration: none; }
    #coupon-list .box .coupon-section:last-child {
      border: none; }

.coupon-note {
  padding-left: 16px;
  position: relative; }
  .coupon-note.in-popup {
    padding-left: 0; }
    .coupon-note.in-popup .note-contents.is-show {
      bottom: -130px; }

.note-txt {
  font-size: 12px;
  color: #5d5d70;
  display: block;
  padding-left: 20px;
  text-decoration: underline;
  cursor: pointer;
  position: relative; }
  .note-txt-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    position: absolute;
    top: 3px;
    left: 0; }

.note-contents {
  display: none; }
  .note-contents.is-show {
    display: inline-block;
    background: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
    position: absolute;
    bottom: -102px;
    left: 0;
    z-index: 10; }
  .note-contents-ttl {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 16px;
    position: relative; }
  .note-contents-close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -8px;
    right: -8px;
    cursor: pointer; }
  .note-contents-txt {
    font-size: 14px;
    line-height: 1.5;
    list-style: disc;
    padding-left: 16px; }
    .note-contents-txt li {
      border-bottom: 0 !important;
      padding: 4px 0 !important; }

@media screen and (max-width: 767.98px) {
  #coupon-list.box-container {
    margin-bottom: 48px; }
  #coupon-list .box {
    margin: 16px 0; }
    #coupon-list .box .coupon-section {
      padding: 16px; }
      #coupon-list .box .coupon-section .coupon-label {
        height: 100px;
        width: 100px; }
        #coupon-list .box .coupon-section .coupon-label .main {
          font-size: 14px;
          line-height: 1.2; }
          #coupon-list .box .coupon-section .coupon-label .main .detail span {
            font-size: 10px; }
            #coupon-list .box .coupon-section .coupon-label .main .detail span.sub {
              font-size: 10px;
              line-height: 1.2; }
      #coupon-list .box .coupon-section .coupon-description {
        height: auto;
        width: calc(100% - 100px); }
        #coupon-list .box .coupon-section .coupon-description h3 {
          font-size: 16px; }
        #coupon-list .box .coupon-section .coupon-description .more {
          margin: 0;
          position: relative;
          text-align: right; }
  .coupon-description .coupon-note {
    margin-bottom: 16px; }
  .coupon-description .note-contents-ttl {
    padding-right: 24px;
    line-height: 1.3; }
  .coupon-description .note-contents-txt {
    font-size: 12px !important; } }

.coupon-dialog-content li {
  border-bottom: 1px solid #bfbfbf;
  padding: 16px 0; }
  .coupon-dialog-content li p {
    margin: 0; }
  .coupon-dialog-content li .title {
    color: #898896; }
  .coupon-dialog-content li:first-child {
    padding-top: 0; }
  .coupon-dialog-content li:last-child {
    border: none; }

.suggest-preorder {
  padding: 24px;
  text-align: center; }
  .suggest-preorder .suggest-preorder-merit {
    background: #f0f0f2;
    margin: 16px auto;
    max-width: 500px;
    padding: 16px; }
    .suggest-preorder .suggest-preorder-merit .merit-box {
      display: table;
      margin: 0 auto;
      text-align: left;
      width: auto; }
      .suggest-preorder .suggest-preorder-merit .merit-box .img {
        display: table-cell;
        padding: 8px;
        vertical-align: middle;
        width: 80px; }
        .suggest-preorder .suggest-preorder-merit .merit-box .img img {
          display: block;
          width: 100%;
          height: auto; }
      .suggest-preorder .suggest-preorder-merit .merit-box .text {
        display: table-cell;
        padding: 20px 8px 8px;
        vertical-align: middle; }
  .suggest-preorder .button {
    display: block;
    margin: 16px auto 0;
    max-width: 300px; }

@media screen and (max-width: 767.98px) {
  .suggest-preorder {
    padding: 16px; } }

#preorder-about {
  padding: 0;
  background: #fff;
  margin-bottom: 48px; }
  #preorder-about .button-preorder {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    background: #f4e921;
    border: #f4e921;
    color: #383850;
    font-size: 28px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 400px;
    padding: 24px; }
    @media screen and (max-width: 768px) {
      #preorder-about .button-preorder {
        font-size: 14px;
        padding: 16px; } }
  #preorder-about .txt-line {
    display: block; }
  @media screen and (max-width: 768px) {
    #preorder-about .txt-line-sp {
      display: block; } }
  #preorder-about .button-preorder.large {
    max-width: 600px; }
  #preorder-about section.box-container {
    max-width: 9999px;
    margin: 0 auto; }
    #preorder-about section.box-container .box-container-inr {
      max-width: 1200px;
      margin: 0 auto;
      padding: 64px 0; }
      @media screen and (max-width: 1000px) {
        #preorder-about section.box-container .box-container-inr {
          padding: 48px 24px; } }
      @media screen and (max-width: 768px) {
        #preorder-about section.box-container .box-container-inr {
          padding: 40px 20px; } }
    #preorder-about section.box-container .box-container-header {
      margin-bottom: 40px;
      text-align: center; }
      #preorder-about section.box-container .box-container-header .subttl {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
        display: inline-block;
        margin: 0 auto 8px;
        padding: 8px 16px;
        background: #00B893;
        color: #fff;
        border-radius: 40px; }
        @media screen and (max-width: 768px) {
          #preorder-about section.box-container .box-container-header .subttl {
            font-size: 14px; } }
      #preorder-about section.box-container .box-container-header .ttl {
        font-size: 32px;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
        margin: 0; }
        @media screen and (max-width: 768px) {
          #preorder-about section.box-container .box-container-header .ttl {
            font-size: 24px; } }
    #preorder-about section.box-container .row {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
      position: relative;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
      background: #ffffff; }
      #preorder-about section.box-container .row .col {
        border-radius: 0;
        box-shadow: none;
        margin: 0 auto;
        max-width: 1200px; }
  #preorder-about .hero {
    background: url(images/preorder/valueplus-bg-pc.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    margin: 0;
    min-height: 614px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      #preorder-about .hero {
        background: url(images/preorder/valueplus-bg-tablet.jpg) no-repeat center center;
        background-size: cover;
        min-height: 768px;
        align-items: flex-end; } }
    @media screen and (max-width: 480px) {
      #preorder-about .hero {
        background: url(images/preorder/valueplus-bg-sp.jpg) no-repeat center center;
        background-size: cover;
        min-height: 560px; } }
    #preorder-about .hero .hero-badge {
      width: 92px;
      height: 92px;
      position: absolute;
      top: 0;
      right: -40px;
      transform: translateX(-50%); }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-badge {
          top: -70px;
          right: 20px;
          transform: translateX(0); } }
    #preorder-about .hero .hero-inr {
      z-index: 1;
      position: relative;
      max-width: 1200px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-inr {
          padding: 0 0 24px 0; } }
    #preorder-about .hero .hero-txt {
      padding: 0 40px;
      width: 50%;
      position: relative; }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-txt {
          padding: 0 20px;
          width: 100%;
          box-sizing: border-box; } }
    #preorder-about .hero .hero-subttl {
      font-size: 20px;
      font-weight: 600;
      display: inline-block;
      padding: 8px 24px;
      margin-bottom: 24px;
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(12px); }
      @media screen and (max-width: 1000px) {
        #preorder-about .hero .hero-subttl {
          font-size: 16px;
          padding: 8px 16px; } }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-subttl {
          font-size: 14px;
          margin-bottom: 16px; } }
    #preorder-about .hero .hero-ttl {
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 8px; }
      @media screen and (max-width: 1000px) {
        #preorder-about .hero .hero-ttl {
          font-size: 32px; } }
    #preorder-about .hero .hero-point-lst {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 16px; }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-point-lst {
          font-size: 14px; } }
      #preorder-about .hero .hero-point-lst li {
        padding-left: 40px;
        position: relative; }
        #preorder-about .hero .hero-point-lst li:before {
          width: 24px;
          height: 24px;
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background: url(images/preorder/akippa-check-white.svg) no-repeat center center; }
    #preorder-about .hero .hero-desc {
      font-size: 20px;
      font-weight: 600;
      line-height: 1.5;
      margin-bottom: 24px; }
      @media screen and (max-width: 1000px) {
        #preorder-about .hero .hero-desc {
          font-size: 16px; } }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-desc {
          font-size: 14px;
          margin-bottom: 16px; } }
    #preorder-about .hero .hero-note {
      font-size: 12px;
      color: #5D5D70;
      text-align: center;
      margin-top: 8px; }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-note {
          text-align: center; } }
    #preorder-about .hero .hero-cta-microcopy {
      background: #fff;
      padding: 4px 16px;
      border-radius: 40px;
      font-size: 16px;
      display: inline-block;
      position: relative;
      top: -10px; }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-cta-microcopy {
          font-size: 14px; } }
      #preorder-about .hero .hero-cta-microcopy:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff; }
      #preorder-about .hero .hero-cta-microcopy .pill {
        display: inline-block;
        padding: 2px 8px;
        background: #F0F0F2;
        border-radius: 40px; }
      #preorder-about .hero .hero-cta-microcopy .emphasis {
        color: #00B893; }
    #preorder-about .hero .hero-cta-wrap {
      margin-top: 32px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-cta-wrap {
          margin-top: 24px; } }
    #preorder-about .hero .hero-cta {
      display: block;
      padding: 12px 24px;
      border-radius: 4px;
      background: #F4E921;
      font-size: 18px;
      font-weight: 600;
      color: #383850; }
      @media screen and (max-width: 768px) {
        #preorder-about .hero .hero-cta {
          display: block;
          text-align: center; } }
  #preorder-about .campaign-detail {
    display: grid;
    grid-template-columns: 220px 1fr;
    max-width: 1200px;
    margin: 40px auto;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #preorder-about .campaign-detail {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 0 20px;
        margin-bottom: 0; } }
  #preorder-about .campaign-detail__ttl {
    font-weight: 600; }
  #preorder-about .campaign-detail__desc {
    padding: 16px 24px;
    background: #F0F0F2; }
  #preorder-about .campaign-detail__subttl {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px; }
  #preorder-about .campaign-detail__lst {
    padding-left: 16px;
    list-style: disc; }
    #preorder-about .campaign-detail__lst li + li {
      margin-top: 4px; }
  #preorder-about .merit-lst .merit-item {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      #preorder-about .merit-lst .merit-item {
        display: block; } }
    #preorder-about .merit-lst .merit-item:nth-child(even) .merit-item-thum {
      order: 2; }
    #preorder-about .merit-lst .merit-item:nth-child(even) .merit-item-txt {
      order: 1; }
    #preorder-about .merit-lst .merit-item + .merit-item {
      margin-top: 48px; }
      @media screen and (max-width: 768px) {
        #preorder-about .merit-lst .merit-item + .merit-item {
          margin-top: 24px; } }
  #preorder-about .merit-lst .merit-item-thum {
    flex: 0 0 50%; }
    #preorder-about .merit-lst .merit-item-thum img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 478px;
      margin: 0 auto; }
  #preorder-about .merit-lst .merit-item-txt {
    flex: 0 0 50%;
    padding: 24px;
    max-width: 485px;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      #preorder-about .merit-lst .merit-item-txt {
        padding: 24px 0 0;
        max-width: 100%; } }
    #preorder-about .merit-lst .merit-item-txt .merit-item-ttl {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 16px; }
      @media screen and (max-width: 768px) {
        #preorder-about .merit-lst .merit-item-txt .merit-item-ttl {
          font-size: 20px; } }
    #preorder-about .merit-lst .merit-item-txt .merit-item-desc {
      font-size: 16px;
      line-height: 1.5; }
  #preorder-about .plan-lst {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px; }
    @media screen and (max-width: 768px) {
      #preorder-about .plan-lst {
        grid-template-columns: repeat(1, 1fr); } }
    #preorder-about .plan-lst .plan-item {
      background: #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
      position: relative; }
      #preorder-about .plan-lst .plan-item.recommend:before {
        content: '\6700\3082\304A\5F97!';
        width: 116px;
        background: #F4E921;
        text-align: center;
        font-weight: 600;
        border-radius: 15px;
        position: absolute;
        left: calc(50% - 58px);
        transform: translateY(-50%);
        top: -4px; }
    #preorder-about .plan-lst .plan-item-ttl {
      font-size: 24px;
      font-weight: 600;
      line-height: 1.3;
      padding: 12px 16px;
      border-bottom: 1px solid #CBCBD2;
      text-align: center; }
    #preorder-about .plan-lst .plan-item-body {
      position: relative;
      padding: 16px 24px 24px; }
    #preorder-about .plan-lst .sales-point {
      position: absolute;
      top: 16px;
      left: 50%;
      transform: translateX(-50%);
      color: #00B893;
      font-size: 16px;
      font-weight: 600;
      text-align: center;
      padding: 0 20px; }
      @media screen and (max-width: 768px) {
        #preorder-about .plan-lst .sales-point {
          top: 10px; } }
      #preorder-about .plan-lst .sales-point:before, #preorder-about .plan-lst .sales-point:after {
        content: '';
        position: absolute;
        top: 50%;
        width: 10px;
        height: 2px;
        background-color: currentColor; }
      #preorder-about .plan-lst .sales-point:before {
        left: 0;
        transform: rotate(60deg); }
      #preorder-about .plan-lst .sales-point:after {
        right: 0;
        transform: rotate(-60deg); }
    #preorder-about .plan-lst .plan-item-price {
      font-size: 40px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 0; }
      #preorder-about .plan-lst .plan-item-price .txt-small {
        font-size: 50%;
        padding-left: 4px; }
    #preorder-about .plan-lst .plan-item-desc {
      font-size: 14px;
      font-weight: 600;
      text-align: center; }
      #preorder-about .plan-lst .plan-item-desc strong {
        color: #FF6366; }
    #preorder-about .plan-lst .plan-item-note {
      font-size: 12px;
      color: #5D5D70;
      text-align: center;
      margin: 0; }
  #preorder-about .plan-note {
    color: #5D5D70;
    max-width: 478px;
    margin: 24px auto; }
    #preorder-about .plan-note .plan-note-item {
      padding-left: 16px;
      position: relative;
      text-align: left;
      font-size: 16px;
      margin-bottom: 4px;
      line-height: 1.3; }
      @media screen and (max-width: 768px) {
        #preorder-about .plan-note .plan-note-item {
          font-size: 14px; } }
      #preorder-about .plan-note .plan-note-item:before {
        content: "\203B";
        position: absolute;
        left: 0;
        top: 0; }
  #preorder-about .plan-cta {
    display: flex;
    justify-content: center;
    margin-top: 24px; }
    #preorder-about .plan-cta .plan-cta-btn {
      font-size: 16px;
      font-weight: 600;
      display: inline-block;
      padding: 12px 24px;
      background: #00B893;
      color: #fff;
      border-radius: 4px; }
      @media screen and (max-width: 768px) {
        #preorder-about .plan-cta .plan-cta-btn {
          display: block;
          text-align: center;
          width: 100%; } }
  #preorder-about .plan-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1000px; }
    #preorder-about .plan-list .detail {
      margin: 16px;
      width: calc(50% - 32px); }
      #preorder-about .plan-list .detail img {
        display: block;
        width: 100%;
        height: auto; }
    @media screen and (max-width: 768px) {
      #preorder-about .plan-list {
        display: block; }
        #preorder-about .plan-list .detail {
          margin: 0 0 16px;
          width: 100%; } }
  #preorder-about .info {
    margin-bottom: 48px; }
    #preorder-about .info .suggest {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
      max-width: 1000px; }
      #preorder-about .info .suggest .detail {
        margin: 16px;
        position: relative;
        width: calc(50% - 32px); }
        #preorder-about .info .suggest .detail .img {
          left: 0;
          margin-top: -40px;
          position: absolute;
          top: 50%; }
          #preorder-about .info .suggest .detail .img img {
            display: block;
            width: 80px;
            height: auto; }
        #preorder-about .info .suggest .detail .text {
          margin-left: 40px;
          padding: 24px 24px 24px 64px; }
      @media screen and (max-width: 768px) {
        #preorder-about .info .suggest {
          display: block; }
          #preorder-about .info .suggest .detail {
            margin: 0 0 16px;
            width: 100%; } }
  #preorder-about .note {
    border-top: 1px solid #CBCBD2; }
  #preorder-about .note-lst {
    max-width: 588px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #preorder-about .note-lst {
        padding-left: 16px; } }
    #preorder-about .note-lst .note-item {
      list-style: disc;
      position: relative;
      text-align: left;
      font-size: 16px;
      margin-bottom: 4px;
      line-height: 1.3; }
      @media screen and (max-width: 768px) {
        #preorder-about .note-lst .note-item {
          font-size: 14px; } }
  #preorder-about .note-sample {
    padding: 24px;
    border: 1px solid #CBCBD2;
    max-width: 588px;
    margin: 24px auto 0; }
    #preorder-about .note-sample .note-sample-ttl {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 8px; }
      @media screen and (max-width: 768px) {
        #preorder-about .note-sample .note-sample-ttl {
          font-size: 14px; } }
    #preorder-about .note-sample .note-sample-desc {
      font-size: 14px;
      text-align: left;
      line-height: 1.5; }
  #preorder-about .cta-bottom {
    padding: 120px 0;
    background: url(images/preorder/valueplus-bottom-bg-pc.jpg) no-repeat center center;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      #preorder-about .cta-bottom {
        padding: 48px 0;
        background: url(images/preorder/valueplus-bottom-bg-sp.jpg) no-repeat center center;
        background-size: cover; } }
    #preorder-about .cta-bottom .cta-bottom-inner {
      max-width: 1240px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 24px;
      padding: 0 20px; }
      @media screen and (max-width: 768px) {
        #preorder-about .cta-bottom .cta-bottom-inner {
          flex-direction: column;
          gap: 16px; } }
      #preorder-about .cta-bottom .cta-bottom-inner .column {
        flex: 1; }
    #preorder-about .cta-bottom .cta-bottom-microcopy {
      background: #fff;
      padding: 4px 16px;
      border-radius: 40px;
      font-size: 16px;
      display: inline-block;
      position: relative;
      top: -10px; }
      @media screen and (max-width: 768px) {
        #preorder-about .cta-bottom .cta-bottom-microcopy {
          font-size: 14px; } }
      #preorder-about .cta-bottom .cta-bottom-microcopy:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff; }
      #preorder-about .cta-bottom .cta-bottom-microcopy .pill {
        display: inline-block;
        padding: 2px 8px;
        background: #F0F0F2;
        border-radius: 40px; }
      #preorder-about .cta-bottom .cta-bottom-microcopy .emphasis {
        color: #00B893; }
    #preorder-about .cta-bottom .cta-bottom-btn-wrap {
      margin-top: 32px;
      text-align: center; }
    #preorder-about .cta-bottom .cta-bottom-ttl {
      font-size: 48px;
      font-weight: 600;
      text-align: left;
      line-height: 1.3; }
      @media screen and (max-width: 768px) {
        #preorder-about .cta-bottom .cta-bottom-ttl {
          font-size: 32px;
          text-align: center; } }
    #preorder-about .cta-bottom .cta-bottom-point-lst {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 16px;
      padding: 16px;
      background: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(4px); }
      @media screen and (max-width: 768px) {
        #preorder-about .cta-bottom .cta-bottom-point-lst {
          font-size: 14px; } }
      #preorder-about .cta-bottom .cta-bottom-point-lst li {
        padding-left: 40px;
        position: relative; }
        #preorder-about .cta-bottom .cta-bottom-point-lst li:before {
          width: 24px;
          height: 24px;
          content: '';
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background: url(images/preorder/akippa-check-white.svg) no-repeat center center; }
    #preorder-about .cta-bottom .cta-bottom-btn {
      display: block;
      padding: 12px 24px;
      border-radius: 4px;
      background: #F4E921;
      font-size: 18px;
      font-weight: 600;
      color: #383850;
      text-align: center;
      transition: all 0.3s; }
    #preorder-about .cta-bottom .cta-bottom-note {
      font-size: 12px;
      color: #fff;
      text-align: center;
      margin-top: 8px; }
  #preorder-about .value-plus {
    display: flex;
    padding: 0px 20px;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    position: relative;
    margin: -25px;
    justify-content: center; }
    #preorder-about .value-plus .vp-top {
      display: flex;
      padding: 0px 20px;
      flex-direction: row;
      align-items: center;
      align-self: stretch;
      background: transparent; }
    @media screen and (max-width: 767px) {
      #preorder-about .value-plus .vp-top {
        flex-direction: column; } }
    #preorder-about .value-plus .vp-top-inr {
      display: flex;
      width: 578px;
      padding: 16px 0px;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      border-radius: 5px;
      box-shadow: 5px 17px 12px 5px rgba(0, 0, 0, 0.16);
      background: #FFF; }
    @media screen and (max-width: 767px) {
      #preorder-about .value-plus .vp-top-inr {
        width: 316px; } }
    #preorder-about .value-plus .svg-pc {
      display: block; }
    #preorder-about .value-plus .svg-phone {
      display: none; }
    @media screen and (max-width: 767px) {
      #preorder-about .value-plus .svg-pc {
        display: none; }
      #preorder-about .value-plus .svg-phone {
        display: block; } }
    #preorder-about .value-plus .vp-top-catcher {
      align-self: stretch;
      color: var(--Navy-Navy-200, #383850);
      text-align: center;
      font-family: "Hiragino Kaku Gothic ProN";
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; }
    #preorder-about .value-plus .vp-top-grant {
      align-self: stretch;
      color: var(--Green-Green-100, #00B893);
      text-align: center;
      font-family: "Hiragino Kaku Gothic ProN";
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; }
    #preorder-about .value-plus .vp-top-grant span {
      color: var(--Navy-Navy-200, #383850);
      font-family: "Hiragino Kaku Gothic ProN";
      font-size: 32px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; }
    #preorder-about .value-plus .vp-body {
      display: flex;
      padding: 0px 20px;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      align-self: stretch;
      flex-grow: 0.7; }
    #preorder-about .value-plus .vp-body-inr {
      display: flex;
      padding: 12px 16px;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      align-self: stretch;
      border-radius: 4px;
      border: 1px solid var(--Border-Border-100, #CBCBD2);
      background-color: #FFF; }
    #preorder-about .value-plus .vp-body-ttl {
      align-self: stretch;
      color: var(--Navy-Navy-200, #383850);
      text-align: center;
      font-family: "Hiragino Kaku Gothic ProN";
      font-size: 14px;
      font-style: normal;
      font-weight: 300;
      line-height: 130%; }
    #preorder-about .value-plus .vp-body-used-money {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: center;
      gap: 12px; }
    #preorder-about .value-plus .vp-body-user-money-left,
    #preorder-about .value-plus .vp-body-user-money-right {
      color: var(--Navy-Navy-200, #383850);
      font-family: "Hiragino Kaku Gothic ProN";
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 130%; }
    #preorder-about .value-plus .vp-body-note {
      display: flex;
      padding: 0px 20px;
      justify-content: center;
      align-items: center;
      gap: 10px;
      align-self: stretch; }
    #preorder-about .value-plus .vp-body-note span {
      color: var(--Navy-Navy-300, #5D5D70);
      text-align: right;
      font-family: "Hiragino Kaku Gothic ProN";
      font-size: 12px;
      font-style: normal;
      font-weight: 300;
      line-height: 130%; }
  @media screen and (max-width: 767px) {
    #preorder-about .value-plus {
      flex-direction: column; } }

#preorder-about-old {
  padding: none; }
  #preorder-about-old .message {
    padding: 24px;
    background: #FDFBDA;
    display: flex;
    justify-content: center;
    gap: 24px; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .message {
        padding: 16px 20px;
        flex-direction: column;
        gap: 8px; } }
    #preorder-about-old .message .message-ttl {
      font-size: 16px;
      font-weight: 600; }
    #preorder-about-old .message .message-desc {
      font-size: 14px;
      line-height: 1.3; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .message .message-desc {
          font-size: 12px; } }
  #preorder-about-old .button-preorder {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    background: #f4e921;
    border: #f4e921;
    color: #383850;
    font-size: 28px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 400px;
    padding: 24px; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .button-preorder {
        font-size: 14px;
        padding: 16px; } }
  #preorder-about-old .txt-line {
    display: block; }
  @media screen and (max-width: 768px) {
    #preorder-about-old .txt-line-sp {
      display: block; } }
  #preorder-about-old .button-preorder.large {
    max-width: 600px; }
  #preorder-about-old section.box-container {
    max-width: 9999px;
    margin: 0 auto; }
    #preorder-about-old section.box-container .box-container-inr {
      max-width: 1200px;
      margin: 0 auto;
      padding: 64px 0; }
      @media screen and (max-width: 1000px) {
        #preorder-about-old section.box-container .box-container-inr {
          padding: 48px 24px; } }
      @media screen and (max-width: 768px) {
        #preorder-about-old section.box-container .box-container-inr {
          padding: 40px 20px; } }
    #preorder-about-old section.box-container .box-container-header {
      margin-bottom: 40px; }
      #preorder-about-old section.box-container .box-container-header .subttl {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.3;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #preorder-about-old section.box-container .box-container-header .subttl {
            font-size: 14px; } }
      #preorder-about-old section.box-container .box-container-header .ttl {
        font-size: 32px;
        font-weight: 600;
        line-height: 1.3;
        text-align: center;
        margin: 0; }
        @media screen and (max-width: 768px) {
          #preorder-about-old section.box-container .box-container-header .ttl {
            font-size: 24px; } }
    #preorder-about-old section.box-container .row {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
      position: relative;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
      background: #ffffff; }
      #preorder-about-old section.box-container .row .col {
        border-radius: 0;
        box-shadow: none;
        margin: 0 auto;
        max-width: 1200px; }
  #preorder-about-old .hero {
    background: url(images/preorder/valueplus-bg-pc.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    margin: 0;
    min-height: 614px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .hero {
        background: url(images/preorder/valueplus-bg-tablet.jpg) no-repeat center center;
        background-size: cover;
        min-height: 768px;
        align-items: flex-end; } }
    @media screen and (max-width: 480px) {
      #preorder-about-old .hero {
        background: url(images/preorder/valueplus-bg-sp.jpg) no-repeat center center;
        background-size: cover;
        min-height: 649px; } }
    #preorder-about-old .hero .hero-inr {
      z-index: 1;
      position: relative;
      max-width: 1200px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .hero .hero-inr {
          padding: 0 0 48px 0; } }
    #preorder-about-old .hero .hero-txt {
      padding: 0 40px; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .hero .hero-txt {
          padding: 0 20px; } }
    #preorder-about-old .hero .hero-subttl {
      font-size: 20px;
      font-weight: 600;
      display: inline-block;
      padding: 8px 24px;
      border: 2px solid;
      margin-bottom: 24px; }
      @media screen and (max-width: 1000px) {
        #preorder-about-old .hero .hero-subttl {
          font-size: 16px;
          padding: 8px 16px; } }
      @media screen and (max-width: 768px) {
        #preorder-about-old .hero .hero-subttl {
          font-size: 14px;
          margin-bottom: 16px; } }
    #preorder-about-old .hero .hero-ttl {
      font-size: 48px;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 8px; }
      @media screen and (max-width: 1000px) {
        #preorder-about-old .hero .hero-ttl {
          font-size: 32px; } }
    #preorder-about-old .hero .hero-desc {
      font-size: 20px;
      font-weight: 600;
      line-height: 1.5;
      margin-bottom: 24px; }
      @media screen and (max-width: 1000px) {
        #preorder-about-old .hero .hero-desc {
          font-size: 16px; } }
      @media screen and (max-width: 768px) {
        #preorder-about-old .hero .hero-desc {
          font-size: 14px;
          margin-bottom: 16px; } }
    #preorder-about-old .hero .hero-cta {
      display: inline-block;
      padding: 12px 24px;
      border-radius: 4px;
      background: #F4E921;
      font-size: 18px;
      font-weight: 600;
      color: #383850;
      transition: all 0.3s; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .hero .hero-cta {
          display: block;
          text-align: center; } }
  #preorder-about-old .merit-lst .merit-item {
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .merit-lst .merit-item {
        display: block; } }
    #preorder-about-old .merit-lst .merit-item:nth-child(even) .merit-item-thum {
      order: 2; }
    #preorder-about-old .merit-lst .merit-item:nth-child(even) .merit-item-txt {
      order: 1; }
    #preorder-about-old .merit-lst .merit-item + .merit-item {
      margin-top: 48px; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .merit-lst .merit-item + .merit-item {
          margin-top: 24px; } }
  #preorder-about-old .merit-lst .merit-item-thum {
    flex: 0 0 50%; }
    #preorder-about-old .merit-lst .merit-item-thum img {
      display: block;
      width: 100%;
      height: auto;
      max-width: 478px;
      margin: 0 auto; }
  #preorder-about-old .merit-lst .merit-item-txt {
    flex: 0 0 50%;
    padding: 24px;
    max-width: 485px;
    box-sizing: border-box; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .merit-lst .merit-item-txt {
        padding: 24px 0 0;
        max-width: 100%; } }
    #preorder-about-old .merit-lst .merit-item-txt .merit-item-ttl {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 16px; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .merit-lst .merit-item-txt .merit-item-ttl {
          font-size: 20px; } }
    #preorder-about-old .merit-lst .merit-item-txt .merit-item-desc {
      font-size: 16px;
      line-height: 1.5; }
  #preorder-about-old .plan-lst {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .plan-lst {
        grid-template-columns: repeat(1, 1fr); } }
    #preorder-about-old .plan-lst .plan-item {
      background: #fff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); }
    #preorder-about-old .plan-lst .plan-item-ttl {
      font-size: 24px;
      font-weight: 600;
      line-height: 1.3;
      padding: 12px 16px;
      border-bottom: 1px solid #CBCBD2;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .plan-lst .plan-item-ttl {
          font-size: 16px; } }
    #preorder-about-old .plan-lst .plan-item-body {
      position: relative;
      padding: 32px 24px 24px; }
    #preorder-about-old .plan-lst .sales-point {
      position: absolute;
      top: 16px;
      left: 50%;
      transform: translateX(-50%);
      color: #00B893;
      font-size: 16px;
      font-weight: 600;
      text-align: center; }
      #preorder-about-old .plan-lst .sales-point:before {
        content: "\\";
        font-size: 14px;
        padding-right: 4px; }
      #preorder-about-old .plan-lst .sales-point:after {
        content: "/";
        font-size: 14px;
        padding-left: 4px; }
    #preorder-about-old .plan-lst .plan-item-price {
      font-size: 40px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 0; }
      @media screen and (max-width: 1000px) {
        #preorder-about-old .plan-lst .plan-item-price {
          font-size: 32px; } }
      @media screen and (max-width: 768px) {
        #preorder-about-old .plan-lst .plan-item-price {
          font-size: 24px; } }
      #preorder-about-old .plan-lst .plan-item-price .txt-small {
        font-size: 50%;
        padding-left: 4px; }
  #preorder-about-old .plan-note {
    color: #5D5D70;
    max-width: 478px;
    margin: 24px auto; }
    #preorder-about-old .plan-note .plan-note-item {
      padding-left: 16px;
      position: relative;
      text-align: left;
      font-size: 16px;
      margin-bottom: 4px;
      line-height: 1.3; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .plan-note .plan-note-item {
          font-size: 14px; } }
      #preorder-about-old .plan-note .plan-note-item:before {
        content: "\203B";
        position: absolute;
        left: 0;
        top: 0; }
  #preorder-about-old .plan-cta {
    display: flex;
    justify-content: center;
    margin-top: 24px; }
    #preorder-about-old .plan-cta .plan-cta-btn {
      font-size: 16px;
      font-weight: 600;
      display: inline-block;
      padding: 12px 24px;
      background: #00B893;
      color: #fff;
      border-radius: 4px; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .plan-cta .plan-cta-btn {
          display: block;
          text-align: center;
          width: 100%; }
          #preorder-about-old .plan-cta .plan-cta-btn img {
            height: 80px;
            width: 80px; } }
  #preorder-about-old .plan-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1000px; }
    #preorder-about-old .plan-list .detail {
      margin: 16px;
      width: calc(50% - 32px); }
      #preorder-about-old .plan-list .detail img {
        display: block;
        width: 100%;
        height: auto; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .plan-list {
        display: block; }
        #preorder-about-old .plan-list .detail {
          margin: 0 0 16px;
          width: 100%; } }
  #preorder-about-old .info {
    margin-bottom: 48px; }
    #preorder-about-old .info .suggest {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
      max-width: 1000px; }
      #preorder-about-old .info .suggest .detail {
        margin: 16px;
        position: relative;
        width: calc(50% - 32px); }
        #preorder-about-old .info .suggest .detail .img {
          left: 0;
          margin-top: -40px;
          position: absolute;
          top: 50%; }
          #preorder-about-old .info .suggest .detail .img img {
            display: block;
            width: 80px;
            height: auto; }
        #preorder-about-old .info .suggest .detail .text {
          margin-left: 40px;
          padding: 24px 24px 24px 64px; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .info .suggest {
          display: block; }
          #preorder-about-old .info .suggest .detail {
            margin: 0 0 16px;
            width: 100%; } }
  #preorder-about-old .note {
    border-top: 1px solid #CBCBD2; }
  #preorder-about-old .note-lst {
    max-width: 588px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .note-lst {
        padding-left: 16px; } }
    #preorder-about-old .note-lst .note-item {
      list-style: disc;
      position: relative;
      text-align: left;
      font-size: 16px;
      margin-bottom: 4px;
      line-height: 1.3; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .note-lst .note-item {
          font-size: 14px; } }
  #preorder-about-old .note-sample {
    padding: 24px;
    border: 1px solid #CBCBD2;
    max-width: 588px;
    margin: 24px auto 0; }
    #preorder-about-old .note-sample .note-sample-ttl {
      font-size: 16px;
      font-weight: 600;
      line-height: 1.3;
      margin-bottom: 8px; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .note-sample .note-sample-ttl {
          font-size: 14px; } }
    #preorder-about-old .note-sample .note-sample-desc {
      font-size: 14px;
      text-align: left;
      line-height: 1.5; }

#preorder-about-old {
  padding: none; }
  #preorder-about-old .message {
    padding: 24px;
    background: #FDFBDA;
    display: flex;
    justify-content: center;
    gap: 24px; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .message {
        padding: 16px 20px;
        flex-direction: column;
        gap: 8px; } }
    #preorder-about-old .message .message-ttl {
      font-size: 16px;
      font-weight: 600; }
    #preorder-about-old .message .message-desc {
      font-size: 14px;
      line-height: 1.3; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .message .message-desc {
          font-size: 12px; } }
  #preorder-about-old .button-preorder {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 10;
    background: #f4e921;
    border: #f4e921;
    color: #383850;
    font-size: 28px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 400px;
    padding: 24px; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .button-preorder {
        font-size: 14px;
        padding: 16px; } }
  #preorder-about-old .button-preorder.large {
    max-width: 600px; }
  #preorder-about-old section.box-container {
    max-width: 9999px; }
    #preorder-about-old section.box-container .row {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
      position: relative;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
      background: #ffffff; }
      #preorder-about-old section.box-container .row .col {
        border-radius: 0;
        box-shadow: none;
        margin: 0 auto;
        max-width: 1200px; }
  #preorder-about-old .hero {
    background: url(images/preorder/about-hero-bg-pc.png) no-repeat center center/cover;
    height: 600px;
    margin: 0; }
    #preorder-about-old .hero .detail {
      margin-left: auto;
      padding: 48px;
      width: 50%; }
      #preorder-about-old .hero .detail img {
        margin: 0 auto;
        max-width: 400px;
        width: 100%;
        height: auto; }
    @media screen and (max-width: 1024px) {
      #preorder-about-old .hero {
        height: 500px; }
        #preorder-about-old .hero .detail {
          padding: 24px; }
          #preorder-about-old .hero .detail img {
            width: 350px; } }
    @media screen and (max-width: 768px) {
      #preorder-about-old .hero {
        background: #fff url(images/preorder/about-hero-bg-sp.png) no-repeat right top/contain;
        height: auto; }
        #preorder-about-old .hero .detail {
          margin: 200px auto 16px;
          padding: 16px;
          width: calc(100% - 32px); }
          #preorder-about-old .hero .detail img {
            max-width: 280px; } }
  #preorder-about-old .merit-list {
    display: flex; }
    #preorder-about-old .merit-list .detail {
      width: 50%; }
      #preorder-about-old .merit-list .detail img {
        height: 100px;
        margin: 0 auto 16px;
        width: 100px; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .merit-list {
        display: block; }
        #preorder-about-old .merit-list .detail {
          display: flex;
          margin-bottom: 16px;
          width: 100%; }
          #preorder-about-old .merit-list .detail img {
            height: 80px;
            width: 80px; } }
  #preorder-about-old .plan-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1000px; }
    #preorder-about-old .plan-list .detail {
      margin: 16px;
      width: calc(50% - 32px); }
      #preorder-about-old .plan-list .detail img {
        display: block;
        width: 100%;
        height: auto; }
    @media screen and (max-width: 768px) {
      #preorder-about-old .plan-list {
        display: block; }
        #preorder-about-old .plan-list .detail {
          margin: 0 0 16px;
          width: 100%; } }
  #preorder-about-old .info {
    margin-bottom: 48px; }
    #preorder-about-old .info .suggest {
      display: flex;
      flex-wrap: wrap;
      margin: 0 auto;
      max-width: 1000px; }
      #preorder-about-old .info .suggest .detail {
        margin: 16px;
        position: relative;
        width: calc(50% - 32px); }
        #preorder-about-old .info .suggest .detail .img {
          left: 0;
          margin-top: -40px;
          position: absolute;
          top: 50%; }
          #preorder-about-old .info .suggest .detail .img img {
            display: block;
            width: 80px;
            height: auto; }
        #preorder-about-old .info .suggest .detail .text {
          margin-left: 40px;
          padding: 24px 24px 24px 64px; }
      @media screen and (max-width: 768px) {
        #preorder-about-old .info .suggest {
          display: block; }
          #preorder-about-old .info .suggest .detail {
            margin: 0 0 16px;
            width: 100%; } }

#preorder-plan-selection.box-container, #preorder-register.box-container {
  width: 100%;
  max-width: 1420px; }

#preorder-plan-selection &gt; h2, #preorder-plan-selection &gt; .title, #preorder-register &gt; h2, #preorder-register &gt; .title {
  text-align: center; }

#preorder-plan-selection &gt; h2, #preorder-register &gt; h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px; }

#preorder-plan-selection &gt; .title, #preorder-register &gt; .title {
  font-size: 14px; }

#preorder-plan-selection .to-back, #preorder-register .to-back {
  margin-block: 40px;
  text-align: center; }
  #preorder-plan-selection .to-back a, #preorder-register .to-back a {
    color: #888896;
    text-decoration: underline; }

#preorder-plan-selection .plan-campaign {
  background: #fff;
  padding: 16px;
  max-width: 1000px;
  margin: 24px auto;
  border-radius: 8px;
  cursor: pointer; }
  @media screen and (max-width: 1000px) {
    #preorder-plan-selection .plan-campaign {
      margin: 24px 16px; } }
  #preorder-plan-selection .plan-campaign.is-open .plan-campaign-header:after {
    transform: rotate(180deg); }
  #preorder-plan-selection .plan-campaign.is-open .plan-campaign-body {
    display: block; }
  #preorder-plan-selection .plan-campaign .plan-campaign-header {
    text-align: center;
    position: relative;
    font-weight: 600; }
    #preorder-plan-selection .plan-campaign .plan-campaign-header .emphasis {
      font-size: 14px;
      padding: 4px 16px;
      background: #F4E921;
      border-radius: 40px;
      margin-right: 4px;
      display: inline-block; }
      @media screen and (max-width: 1000px) {
        #preorder-plan-selection .plan-campaign .plan-campaign-header .emphasis {
          display: block;
          margin-right: 0;
          margin-bottom: 8px; } }
    #preorder-plan-selection .plan-campaign .plan-campaign-header:after {
      content: "";
      width: 24px;
      height: 24px;
      background: url(images/icon/follow-down.svg);
      display: block;
      position: absolute;
      top: 4px;
      right: 0px; }
      @media screen and (max-width: 1000px) {
        #preorder-plan-selection .plan-campaign .plan-campaign-header:after {
          top: 40px; } }
  #preorder-plan-selection .plan-campaign .plan-campaign-body {
    margin-top: 24px;
    display: none; }
  #preorder-plan-selection .plan-campaign .campaign-detail {
    max-width: 611px;
    margin: 0 auto;
    border: 1px solid #CBCBD2;
    padding: 16px; }
  #preorder-plan-selection .plan-campaign .campaign-detail-ttl {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 600; }
  #preorder-plan-selection .plan-campaign .campaign-detail-subttl {
    font-size: 14px;
    font-weight: 600; }
  #preorder-plan-selection .plan-campaign .campaign-detail-lst {
    padding-left: 16px;
    list-style: disc; }

#preorder-plan-selection .plan-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-top: 56px;
  padding-inline: 16px;
  box-sizing: content-box; }
  @media screen and (max-width: 1420px) {
    #preorder-plan-selection .plan-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      max-width: 1000px;
      margin-inline: auto;
      gap: 32px; } }
  @media screen and (max-width: 780px) {
    #preorder-plan-selection .plan-list {
      display: grid;
      grid-template-columns: 1fr; } }
  #preorder-plan-selection .plan-list .plan {
    width: 100%;
    max-width: 335px;
    position: relative; }
    @media screen and (max-width: 1420px) {
      #preorder-plan-selection .plan-list .plan {
        max-width: initial; } }
    @media screen and (max-width: 780px) {
      #preorder-plan-selection .plan-list .plan {
        max-width: 420px;
        margin-inline: auto; } }
    #preorder-plan-selection .plan-list .plan .plan-balloon {
      width: 116px;
      background: #F4E921;
      text-align: center;
      font-weight: 600;
      border-radius: 15px;
      position: absolute;
      left: calc(50% - 58px);
      transform: translateY(-50%); }
    #preorder-plan-selection .plan-list .plan .plan-card {
      padding: 32px 24px 40px;
      background: white;
      box-shadow: 0 8px 4px rgba(56, 56, 56, 0.04);
      border-radius: 12px; }
      #preorder-plan-selection .plan-list .plan .plan-card .plan-head {
        display: flex;
        justify-content: space-between;
        align-items: baseline; }
        #preorder-plan-selection .plan-list .plan .plan-card .plan-head .plan-title {
          font-size: 16px;
          font-weight: 600; }
        #preorder-plan-selection .plan-list .plan .plan-card .plan-head .otoku-label {
          font-size: 12px;
          padding: 4px 16px;
          color: #FF6B3D;
          background: #FFF0EC;
          text-align: center;
          line-height: 1;
          border-radius: 4px; }
      #preorder-plan-selection .plan-list .plan .plan-card .plan-price {
        font-size: 20px;
        font-weight: 600;
        line-height: 1;
        margin-top: 16px;
        margin-bottom: 8px; }
        #preorder-plan-selection .plan-list .plan .plan-card .plan-price small {
          margin-right: 2px; }
        #preorder-plan-selection .plan-list .plan .plan-card .plan-price .plan-price-min-period {
          font-size: 14px;
          display: inline-block;
          margin-left: 8px;
          margin-bottom: 4px; }
          #preorder-plan-selection .plan-list .plan .plan-card .plan-price .plan-price-min-period strong {
            color: #FF6366; }
      #preorder-plan-selection .plan-list .plan .plan-card .plan-price-note {
        color: #606073;
        line-height: 1; }
      #preorder-plan-selection .plan-list .plan .plan-card .preorder-cta-primary {
        font-size: 15px;
        font-weight: 600;
        margin-top: 24px;
        border-radius: 8px;
        cursor: pointer;
        transition: .3s ease; }
      #preorder-plan-selection .plan-list .plan .plan-card .plan-detail {
        line-height: 22px;
        color: #606073;
        margin-top: 24px; }
        #preorder-plan-selection .plan-list .plan .plan-card .plan-detail ul li {
          position: relative;
          padding-left: 24px;
          line-height: 24px; }
          #preorder-plan-selection .plan-list .plan .plan-card .plan-detail ul li::before {
            content: url(images/icon/preorder-check.svg);
            margin-right: 4px;
            position: absolute;
            left: 0; }
        #preorder-plan-selection .plan-list .plan .plan-card .plan-detail .plan-note {
          font-size: 12px;
          color: #5D5D70;
          margin-top: 8px;
          position: absolute;
          bottom: 12px; }

#preorder-plan-selection .plan-note-bottom {
  max-width: 1040px;
  font-size: 14px;
  margin: 32px auto;
  text-align: center; }
  @media screen and (max-width: 767.98px) {
    #preorder-plan-selection .plan-note-bottom {
      padding: 32px 16px 0;
      margin: 0 auto;
      text-align: left;
      line-height: 1.5; } }
  @media screen and (max-width: 767.98px) {
    #preorder-plan-selection .plan-note-bottom br {
      display: none; } }

#preorder-register {
  margin-top: 64px; }
  #preorder-register .col {
    max-width: 576px;
    margin: 64px auto 0;
    padding: 32px 24px; }
    @media screen and (max-width: 767.98px) {
      #preorder-register .col {
        margin: 32px auto 0; } }
    #preorder-register .col section {
      margin: 0 auto 48px; }
      #preorder-register .col section h3 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 24px;
        padding-bottom: 16px;
        border-bottom: 1px solid #D7D7DC; }
      #preorder-register .col section.confirmation dl {
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: space-between;
        margin: 0;
        gap: 24px 0;
        font-size: 16px; }
        #preorder-register .col section.confirmation dl dd {
          text-align: right;
          font-weight: 600; }
          #preorder-register .col section.confirmation dl dd strong {
            color: #FF6366; }
      #preorder-register .col section.cautions p {
        margin-bottom: 24px; }
        #preorder-register .col section.cautions p .menu-icon::before {
          content: "";
          display: inline-block;
          width: 14px;
          height: 14px;
          background: url(images/icon/menu.svg) no-repeat;
          background-size: cover;
          margin-right: 2px;
          transform: translate(1px, 1px); }
      #preorder-register .col section.cautions .cautions-lst {
        list-style: disc;
        padding-left: 16px;
        display: grid;
        gap: 16px;
        line-height: 1.5; }
      #preorder-register .col section.credit {
        margin-bottom: 24px; }
        #preorder-register .col section.credit p.title {
          font-size: 16px;
          font-weight: 600; }
        #preorder-register .col section.credit .credit-form {
          border: 1px solid #bfbfbf;
          border-radius: 4px; }
          #preorder-register .col section.credit .credit-form ul li {
            border-bottom: 1px solid #bfbfbf; }
            #preorder-register .col section.credit .credit-form ul li .radio {
              margin: 0; }
              #preorder-register .col section.credit .credit-form ul li .radio label {
                display: block;
                padding: 16px; }
                #preorder-register .col section.credit .credit-form ul li .radio label .card-number,
                #preorder-register .col section.credit .credit-form ul li .radio label .card-limit,
                #preorder-register .col section.credit .credit-form ul li .radio label .card-name {
                  display: inline-block;
                  margin-right: 8px; }
            #preorder-register .col section.credit .credit-form ul li:last-child {
              border: none; }
          #preorder-register .col section.credit .credit-form .card-register {
            margin: 16px; }
            #preorder-register .col section.credit .credit-form .card-register .card-number,
            #preorder-register .col section.credit .credit-form .card-register .card-limit,
            #preorder-register .col section.credit .credit-form .card-register .card-name {
              display: table;
              margin-bottom: 16px;
              width: 100%; }
              #preorder-register .col section.credit .credit-form .card-register .card-number .title,
              #preorder-register .col section.credit .credit-form .card-register .card-limit .title,
              #preorder-register .col section.credit .credit-form .card-register .card-name .title {
                color: #898896;
                display: table-cell;
                vertical-align: middle;
                width: 130px; }
              #preorder-register .col section.credit .credit-form .card-register .card-number .input,
              #preorder-register .col section.credit .credit-form .card-register .card-limit .input,
              #preorder-register .col section.credit .credit-form .card-register .card-name .input {
                display: table-cell;
                vertical-align: middle; }
                #preorder-register .col section.credit .credit-form .card-register .card-number .input .card-limit-select,
                #preorder-register .col section.credit .credit-form .card-register .card-limit .input .card-limit-select,
                #preorder-register .col section.credit .credit-form .card-register .card-name .input .card-limit-select {
                  display: table; }
                  #preorder-register .col section.credit .credit-form .card-register .card-number .input .card-limit-select .month,
                  #preorder-register .col section.credit .credit-form .card-register .card-limit .input .card-limit-select .month,
                  #preorder-register .col section.credit .credit-form .card-register .card-name .input .card-limit-select .month {
                    display: table-cell;
                    vertical-align: middle; }
                  #preorder-register .col section.credit .credit-form .card-register .card-number .input .card-limit-select .slash,
                  #preorder-register .col section.credit .credit-form .card-register .card-limit .input .card-limit-select .slash,
                  #preorder-register .col section.credit .credit-form .card-register .card-name .input .card-limit-select .slash {
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                    width: 16px; }
                  #preorder-register .col section.credit .credit-form .card-register .card-number .input .card-limit-select .year,
                  #preorder-register .col section.credit .credit-form .card-register .card-limit .input .card-limit-select .year,
                  #preorder-register .col section.credit .credit-form .card-register .card-name .input .card-limit-select .year {
                    display: table-cell;
                    vertical-align: middle; }
            #preorder-register .col section.credit .credit-form .card-register .security-code {
              display: table;
              margin-bottom: 16px;
              width: 100%; }
              #preorder-register .col section.credit .credit-form .card-register .security-code .title {
                color: #898896;
                display: table-cell;
                width: 130px; }
              #preorder-register .col section.credit .credit-form .card-register .security-code .input {
                display: table-cell; }
              #preorder-register .col section.credit .credit-form .card-register .security-code .exp {
                color: #898896; }
            @media screen and (max-width: 767.98px) {
              #preorder-register .col section.credit .credit-form .card-register .card-number,
              #preorder-register .col section.credit .credit-form .card-register .security-code,
              #preorder-register .col section.credit .credit-form .card-register .card-limit,
              #preorder-register .col section.credit .credit-form .card-register .card-name {
                display: flex;
                flex-wrap: wrap; }
                #preorder-register .col section.credit .credit-form .card-register .card-number div,
                #preorder-register .col section.credit .credit-form .card-register .security-code div,
                #preorder-register .col section.credit .credit-form .card-register .card-limit div,
                #preorder-register .col section.credit .credit-form .card-register .card-name div {
                  width: 100%; }
              #preorder-register .col section.credit .credit-form .card-register .card-limit div {
                width: initial; } }
          #preorder-register .col section.credit .credit-form .caution {
            padding: 16px; }
            #preorder-register .col section.credit .credit-form .caution strong {
              font-weight: 600; }
            #preorder-register .col section.credit .credit-form .caution p {
              margin: 0; }
      #preorder-register .col section.submit {
        margin-bottom: 0; }
        #preorder-register .col section.submit .caution {
          background: #fbf8b5;
          border: 1px solid #f4e921;
          border-radius: 4px;
          margin-bottom: 16px;
          padding: 16px; }
          #preorder-register .col section.submit .caution h3 {
            font-size: 16px;
            margin-bottom: 8px; }
          #preorder-register .col section.submit .caution .parking-list {
            margin: 0; }
        #preorder-register .col section.submit button {
          margin-top: 16px; }

#preorder-register-complete.box-container {
  max-width: 800px; }

#preorder-register-complete .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }
  #preorder-register-complete .box .to-top {
    margin-bottom: 16px; }

@media screen and (max-width: 767.98px) {
  #preorder-register-complete .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#preorder-rule.box-container {
  max-width: 800px; }

#preorder-rule .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px; }
  #preorder-rule .box h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 8px; }
  #preorder-rule .box h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 32px 0 8px; }
  #preorder-rule .box h5 {
    font-size: 14px;
    font-weight: 600;
    margin: 16px 0 8px; }
  #preorder-rule .box .update {
    margin-top: 32px; }
  #preorder-rule .box .box__ttl {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #preorder-rule .box .box__ttl a {
      color: #383850;
      text-decoration: underline; }

@media screen and (max-width: 767.98px) {
  #preorder-rule .box {
    margin: 16px 0 48px;
    padding: 16px; }
    #preorder-rule .box h4 {
      margin: 16px 0 8px; } }

#preorder-info.box-container {
  max-width: 800px; }

#preorder-info .box {
  background: #ffffff;
  margin: 16px 48px 48px; }
  #preorder-info .box .preorder-info-detail {
    margin: 0; }
    #preorder-info .box .preorder-info-detail li {
      border-bottom: 1px solid #bfbfbf;
      display: table;
      width: 100%; }
      #preorder-info .box .preorder-info-detail li .title {
        color: #898896;
        display: table-cell;
        padding: 16px;
        vertical-align: top;
        width: 100px; }
      #preorder-info .box .preorder-info-detail li .text {
        display: table-cell;
        padding: 16px 16px 16px 0;
        vertical-align: top; }
      #preorder-info .box .preorder-info-detail li .note {
        font-size: 12px;
        display: block;
        line-height: 1.5; }
  #preorder-info .box .to-preorder-update {
    padding: 24px; }
    #preorder-info .box .to-preorder-update .button {
      display: block;
      margin: 0 auto;
      max-width: 300px; }
    #preorder-info .box .to-preorder-update .caution {
      background: #fbf8b5;
      border: 1px solid #f4e921;
      border-radius: 4px;
      margin-top: 16px;
      padding: 16px; }

#preorder-history.box-container {
  max-width: 800px; }

#preorder-history .box {
  background: #ffffff;
  margin: 16px 48px 72px; }
  #preorder-history .box .preorder-history-detail {
    margin: 0; }
    #preorder-history .box .preorder-history-detail li {
      border-bottom: 1px solid #bfbfbf;
      display: table;
      width: 100%; }
      #preorder-history .box .preorder-history-detail li.title {
        background: #aaf5e6; }
      #preorder-history .box .preorder-history-detail li .date {
        display: table-cell;
        padding: 16px;
        vertical-align: top;
        width: 30%; }
      #preorder-history .box .preorder-history-detail li .plan {
        display: table-cell;
        padding: 16px;
        vertical-align: top; }
      #preorder-history .box .preorder-history-detail li .price {
        display: table-cell;
        padding: 16px;
        vertical-align: top;
        width: 30%; }
      #preorder-history .box .preorder-history-detail li:last-child {
        border: none; }
  #preorder-history .box .no-history {
    padding: 24px 16px; }

#preorder-to-leave.box-container {
  max-width: 800px; }

#preorder-to-leave .box {
  margin: 16px 48px 72px; }

@media screen and (max-width: 767.98px) {
  #preorder-info .box {
    margin: 16px 0 32px; }
    #preorder-info .box .to-preorder-update {
      padding: 16px; }
  #preorder-history .box {
    margin: 16px 0 48px; }
    #preorder-history .box .no-history {
      padding: 16px; }
  #preorder-to-leave .box {
    margin: 16px 16px 48px; } }

#preorder-leave-title {
  background: #ffffff;
  margin: 0;
  max-width: none;
  padding: 24px;
  text-align: center; }
  #preorder-leave-title h2 {
    font-weight: 600;
    margin: 0 0 16px 0; }
  #preorder-leave-title p {
    margin: 0; }

#preorder-leave-confirm.box-container {
  max-width: 800px; }
  #preorder-leave-confirm.box-container h2 {
    text-align: center; }

#preorder-leave-confirm .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px; }
  #preorder-leave-confirm .box .caution {
    text-align: center; }
    #preorder-leave-confirm .box .caution li {
      border: 1px solid #bfbfbf;
      margin-bottom: 24px;
      padding: 16px; }
      #preorder-leave-confirm .box .caution li .icon {
        margin: 0 auto 16px;
        width: 40px; }
        #preorder-leave-confirm .box .caution li .icon img {
          display: block;
          width: 100%; }
      #preorder-leave-confirm .box .caution li h3 {
        font-size: 16px; }
      #preorder-leave-confirm .box .caution li p {
        margin: 0; }
      #preorder-leave-confirm .box .caution li .caution-box {
        background: #f0f0f2;
        margin-top: 16px;
        padding: 16px; }
        #preorder-leave-confirm .box .caution li .caution-box .arrow {
          display: block;
          margin: 0 auto;
          width: 24px; }
      #preorder-leave-confirm .box .caution li:last-child {
        margin: 0; }
  #preorder-leave-confirm .box .submit {
    padding-top: 24px; }
    #preorder-leave-confirm .box .submit .button {
      display: block;
      margin: 0 auto;
      max-width: 300px; }
      #preorder-leave-confirm .box .submit .button.back {
        margin-bottom: 16px; }

#preorder-leave.box-container {
  max-width: 800px; }
  #preorder-leave.box-container h2 {
    text-align: center; }

#preorder-leave .box {
  background: #ffffff;
  margin: 16px 48px 48px; }
  #preorder-leave .box .research-q1,
  #preorder-leave .box .research-q2,
  #preorder-leave .box .research-q3 {
    border-bottom: 1px solid #bfbfbf;
    padding: 24px; }
  #preorder-leave .box .submit {
    padding: 24px; }
    #preorder-leave .box .submit .button {
      margin-bottom: 16px; }
      #preorder-leave .box .submit .button.back {
        margin: 0; }

@media screen and (max-width: 767.98px) {
  #preorder-leave-title {
    padding: 16px;
    text-align: center; }
  #preorder-leave-confirm .box {
    margin: 16px 0 48px;
    padding: 16px; }
    #preorder-leave-confirm .box .caution li {
      margin-bottom: 16px; }
    #preorder-leave-confirm .box .submit {
      padding-top: 16px; }
  #preorder-leave .box {
    margin: 16px 0 32px; }
    #preorder-leave .box .research-q1,
    #preorder-leave .box .research-q2,
    #preorder-leave .box .research-q3 {
      padding: 16px; }
    #preorder-leave .box .to-preorder-leave {
      padding: 16px; } }

#preorder-leave-complete.box-container {
  max-width: 800px; }

#preorder-leave-complete .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }

@media screen and (max-width: 767.98px) {
  #preorder-leave-complete .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#login.box-container {
  max-width: 800px; }

.button-offer-cta {
  background: #30b1c6;
  color: #ffffff;
  border: 1px solid #30b1c6; }
  .button-offer-cta:hover {
    color: #ffffff;
    background: #30b1c6;
    border: 1px solid #30b1c6; }

#register.box-container {
  max-width: 800px; }
  #register.box-container .register-suggest .accordion dt {
    color: #30b1c6;
    margin: 0 auto;
    width: 230px; }
    #register.box-container .register-suggest .accordion dt p {
      align-items: center;
      display: flex; }
      #register.box-container .register-suggest .accordion dt p img {
        width: 24px; }
  #register.box-container .register-suggest .accordion dd ul li {
    align-items: center;
    display: flex; }
    #register.box-container .register-suggest .accordion dd ul li .icon {
      background: #00b893;
      display: block;
      margin: 0 auto;
      padding: 8px;
      width: 32px; }
      #register.box-container .register-suggest .accordion dd ul li .icon img {
        width: 32px; }
    #register.box-container .register-suggest .accordion dd ul li .text {
      padding-left: 8px;
      width: calc(100% - 56px); }

@media screen and (min-width: 768px) {
  #register.box-container {
    max-width: 800px; }
    #register.box-container .register-suggest .accordion dd ul {
      display: flex; }
      #register.box-container .register-suggest .accordion dd ul li {
        display: block;
        padding: 0 8px;
        width: 25%; }
        #register.box-container .register-suggest .accordion dd ul li .icon {
          padding: 16px;
          width: 48px; }
          #register.box-container .register-suggest .accordion dd ul li .icon img {
            width: 48px; }
        #register.box-container .register-suggest .accordion dd ul li .text {
          padding: 0;
          width: 100%; } }

#register-google.box-container {
  max-width: 800px; }

#register-google .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }
  #register-google .box #register-google-form input[type=text] {
    margin-bottom: 16px; }
  #register-google .box #register-google-form .agree-privacy {
    margin: 0 auto 16px; }
    #register-google .box #register-google-form .agree-privacy label {
      margin: 0 auto; }

@media screen and (max-width: 767.98px) {
  #register-google .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#register-facebook.box-container {
  max-width: 800px; }

#register-facebook .box {
  background: #ffffff;
  margin: 16px 48px 72px;
  padding: 24px 16px; }
  #register-facebook .box #register-facebook-form input[type=text] {
    margin-bottom: 16px; }
  #register-facebook .box #register-facebook-form .agree-privacy {
    margin: 0 auto 16px; }
    #register-facebook .box #register-facebook-form .agree-privacy label {
      margin: 0 auto; }

@media screen and (max-width: 767.98px) {
  #register-facebook .box {
    margin: 16px 0 48px;
    padding: 16px; } }

#register-sendmail.box-container {
  max-width: 800px; }

#register-sendmail .box {
  background: #ffffff;
  margin: 16px 48px 24px;
  padding: 24px 16px;
  text-align: center; }
  #register-sendmail .box .caution {
    background: #fbf8b5;
    border: 1px solid #f4e921;
    border-radius: 4px;
    color: #ff6366;
    font-weight: 600;
    margin-bottom: 16px;
    padding: 16px;
    text-align: center; }
  #register-sendmail .box .button {
    display: block;
    margin: 16px auto 0;
    max-width: 300px; }

#register-sendmail .to-top {
  margin: 24px 48px 72px; }

@media screen and (max-width: 767.98px) {
  #register-sendmail .box {
    margin: 16px 0;
    padding: 16px; }
  #register-sendmail .to-top {
    margin: 16px 0 48px; } }

#register-complete.box-container {
  max-width: 800px; }

#register-complete .box {
  background: #ffffff;
  margin: 16px 48px 48px;
  padding: 24px 16px;
  text-align: center; }
  #register-complete .box h3 {
    color: #ff6366;
    font-size: 20px;
    margin-bottom: 24px; }
  #register-complete .box .button {
    display: block;
    margin: 0 auto;
    max-width: 300px; }
  #register-complete .box .to-top {
    margin-bottom: 24px; }

#suggest-preorder.box-container {
  max-width: 800px; }

#suggest-preorder .box {
  background: #ffffff;
  margin: 16px 48px 72px; }

@media screen and (max-width: 767.98px) {
  #register-complete .box {
    margin: 16px 0 32px;
    padding: 16px; }
  #suggest-preorder .box {
    margin: 16px 0 48px; } }

#guide-start-about,
#guide-start-merit,
#guide-start-cta-register,
#guide-start-user-howto,
#guide-start-user-scene,
#guide-start-suggest-preorder,
#guide-start-cta-search,
#guide-start-cta-parking-register {
  max-width: 1200px; }
  #guide-start-about h2,
  #guide-start-merit h2,
  #guide-start-cta-register h2,
  #guide-start-user-howto h2,
  #guide-start-user-scene h2,
  #guide-start-suggest-preorder h2,
  #guide-start-cta-search h2,
  #guide-start-cta-parking-register h2 {
    text-align: center; }

#guide-start-hero {
  background: url(images/guide/start-hero-bg.png) no-repeat center center/cover;
  margin: 0; }
  #guide-start-hero .content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1200px; }
    #guide-start-hero .content .text {
      margin-left: 48px;
      width: calc(100% - 500px); }
      #guide-start-hero .content .text .catch {
        align-items: center;
        display: flex;
        font-size: 28px;
        margin-bottom: 24px; }
        #guide-start-hero .content .text .catch img {
          width: 200px;
          height: auto; }
    #guide-start-hero .content .img {
      margin-right: 48px;
      overflow: hidden;
      width: 500px; }
      #guide-start-hero .content .img img {
        display: block;
        width: 100%;
        height: auto; }

#guide-start-about .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  align-items: center;
  border-radius: 4px;
  display: flex;
  margin: 0 48px;
  padding: 24px; }
  #guide-start-about .box p {
    padding-right: 16px;
    width: 50%; }
  #guide-start-about .box .img {
    width: 50%; }
    #guide-start-about .box .img img {
      width: 100%;
      height: auto; }

#guide-start-merit .col2-container {
  display: flex; }
  #guide-start-merit .col2-container .col2-container-left {
    flex-basis: 50%;
    margin: 0; }
    #guide-start-merit .col2-container .col2-container-left .box {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
      position: relative;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
      border-radius: 4px;
      margin: 0 24px 0 48px; }
      #guide-start-merit .col2-container .col2-container-left .box .img {
        background: #00e0b5;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        padding: 16px; }
        #guide-start-merit .col2-container .col2-container-left .box .img img {
          background: #ffffff;
          border: 2px solid #cbcbd2;
          border-radius: 75px;
          display: block;
          margin: 0 auto;
          padding: 16px;
          width: 120px;
          height: auto; }
  #guide-start-merit .col2-container .col2-container-right {
    flex-basis: 50%;
    margin: 0; }
    #guide-start-merit .col2-container .col2-container-right .box {
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
      position: relative;
      transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
      z-index: 10;
      border-radius: 4px;
      margin: 0 48px 0 24px; }
      #guide-start-merit .col2-container .col2-container-right .box .img {
        background: #6cd0d8;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        padding: 16px; }
        #guide-start-merit .col2-container .col2-container-right .box .img img {
          background: #ffffff;
          border: 2px solid #cbcbd2;
          border-radius: 75px;
          display: block;
          margin: 0 auto;
          padding: 16px;
          width: 120px;
          height: auto; }

#guide-start-merit ul {
  border-top: 1px solid #cbcbd2; }
  #guide-start-merit ul li {
    align-items: center;
    border-bottom: 1px solid #cbcbd2;
    display: flex;
    padding: 24px; }
    #guide-start-merit ul li img {
      width: 24px; }

#guide-start-merit .more {
  padding: 8px 0; }
  #guide-start-merit .more a {
    display: block;
    margin: 0 auto;
    padding: 16px; }

#guide-start-cta-register .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  align-items: center;
  border-radius: 4px;
  display: flex;
  margin: 0 48px; }
  #guide-start-cta-register .box .img {
    background: url(images/guide/start-register-bg.png) no-repeat center bottom/cover;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 50%; }
    #guide-start-cta-register .box .img img {
      display: block;
      margin: 0 auto;
      width: 350px;
      height: auto; }
  #guide-start-cta-register .box .content {
    padding: 24px;
    width: 50%; }
    #guide-start-cta-register .box .content .button {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 24px;
      max-width: 250px; }
      #guide-start-cta-register .box .content .button .icon {
        margin-right: 4px;
        width: 24px; }

#guide-start-user-howto .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  border-radius: 4px;
  margin: 0 48px; }
  #guide-start-user-howto .box ul li {
    align-items: center;
    border-bottom: 1px solid #cbcbd2;
    display: flex;
    position: relative; }
    #guide-start-user-howto .box ul li .text {
      padding: 24px;
      width: calc(100% - 498px); }
      #guide-start-user-howto .box ul li .text h3 {
        font-size: 20px; }
    #guide-start-user-howto .box ul li .img {
      height: 250px;
      overflow: hidden;
      width: 450px; }
      #guide-start-user-howto .box ul li .img img {
        display: block;
        width: auto;
        height: 100%;
        margin: 0 auto; }
    #guide-start-user-howto .box ul li:before {
      bottom: -16px;
      border-right: 16px solid transparent;
      border-top: 16px solid #cbcbd2;
      border-left: 16px solid transparent;
      content: '';
      display: block;
      height: 0;
      left: 50%;
      margin-left: -8px;
      position: absolute;
      width: 0; }
    #guide-start-user-howto .box ul li:after {
      bottom: -14px;
      border-right: 16px solid transparent;
      border-top: 16px solid #ffffff;
      border-left: 16px solid transparent;
      content: '';
      display: block;
      height: 0;
      left: 50%;
      margin-left: -8px;
      position: absolute;
      width: 0; }
    #guide-start-user-howto .box ul li:last-child {
      border: none; }
      #guide-start-user-howto .box ul li:last-child:before {
        bottom: 0;
        border: none;
        content: '';
        display: block; }
      #guide-start-user-howto .box ul li:last-child:after {
        bottom: 0;
        border: none;
        content: '';
        display: block; }

#guide-start-user-scene .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  border-radius: 4px;
  margin: 0 48px; }
  #guide-start-user-scene .box ul {
    align-items: flex-start;
    display: flex;
    padding: 24px; }
    #guide-start-user-scene .box ul li {
      width: 25%; }
      #guide-start-user-scene .box ul li img {
        display: block;
        margin: 0 auto;
        width: 150px;
        height: auto; }
      #guide-start-user-scene .box ul li h4 {
        margin-top: 16px; }

#guide-start-suggest-preorder .box {
  background: #ffffff;
  margin: 0 48px; }

#guide-start-cta-search .box {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 10;
  align-items: center;
  border-radius: 4px;
  display: flex;
  margin: 0 48px; }
  #guide-start-cta-search .box .img {
    background: url(images/guide/start-search-bg.png) no-repeat center top/cover;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 300px;
    overflow: hidden;
    width: 50%; }
    #guide-start-cta-search .box .img img {
      display: block;
      margin: -25px auto 0;
      width: 350px;
      height: auto; }
  #guide-start-cta-search .box .content {
    padding: 24px;
    width: 50%; }
    #guide-start-cta-search .box .content .button {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 24px;
      max-width: 250px; }
      #guide-start-cta-search .box .content .button .icon {
        margin-right: 4px;
        width: 24px; }

@media screen and (max-width: 1023px) {
  #guide-start-hero .content .text {
    width: calc(100% - 400px); }
    #guide-start-hero .content .text .catch {
      display: block;
      font-size: 28px;
      margin: 0; }
      #guide-start-hero .content .text .catch img {
        width: 200px; }
  #guide-start-hero .content .img {
    margin-right: 32px;
    width: 400px; }
  #guide-start-merit .col2-container {
    display: block; }
    #guide-start-merit .col2-container .col2-container-left {
      margin: 0 0 16px; }
      #guide-start-merit .col2-container .col2-container-left .box {
        margin: 0 48px; }
    #guide-start-merit .col2-container .col2-container-right .box {
      margin: 0 48px; }
  #guide-start-cta-register .box .img img {
    margin: 0 auto;
    width: 300px; }
  #guide-start-user-howto .box ul li .text {
    width: calc(100% - 348px); }
  #guide-start-user-howto .box ul li .img {
    height: 200px;
    width: 300px; }
  #guide-start-user-scene .box ul li img {
    width: 120px; }
  #guide-start-cta-search .box .img img {
    margin: 0 auto;
    width: 300px; }
  #owner-cta .col .img img {
    margin: 0 auto;
    width: 300px; } }

@media screen and (max-width: 767.98px) {
  #guide-start-hero .content {
    display: block; }
    #guide-start-hero .content .text {
      margin: 0 auto;
      padding: 48px 32px 0;
      text-align: center;
      width: calc(100% - 64px); }
    #guide-start-hero .content .img {
      height: 300px;
      margin: 0;
      width: auto; }
      #guide-start-hero .content .img img {
        height: 100%;
        margin: 0 auto;
        width: auto; }
  #guide-start-about .box {
    border-radius: 0;
    flex-direction: column-reverse;
    margin: 0;
    padding: 16px; }
    #guide-start-about .box p {
      padding: 0;
      width: 100%; }
    #guide-start-about .box .img {
      width: 100%; }
  #guide-start-merit .col2-container .col2-container-left .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-merit .col2-container .col2-container-left .box .img {
      border-radius: 0; }
  #guide-start-merit .col2-container .col2-container-right .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-merit .col2-container .col2-container-right .box .img {
      border-radius: 0; }
  #guide-start-merit ul li {
    padding: 16px; }
  #guide-start-merit .more {
    padding: 0; }
  #guide-start-cta-register .box {
    border-radius: 0;
    flex-direction: column-reverse;
    margin: 0; }
    #guide-start-cta-register .box .img {
      border-radius: 0;
      width: 100%; }
      #guide-start-cta-register .box .img img {
        max-width: 300px;
        width: 100%; }
    #guide-start-cta-register .box .content {
      padding: 16px;
      text-align: center;
      width: calc(100% - 32px); }
      #guide-start-cta-register .box .content .button {
        margin: 0 auto; }
  #guide-start-user-howto .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-user-howto .box ul li {
      display: block; }
      #guide-start-user-howto .box ul li .text {
        padding: 16px 16px 0;
        width: calc(100% - 32px); }
      #guide-start-user-howto .box ul li .img {
        height: 250px;
        margin: 0 auto;
        max-width: 300px;
        width: 100%; }
        #guide-start-user-howto .box ul li .img img {
          height: 100%;
          margin: 0 auto;
          width: auto; }
  #guide-start-user-scene .box {
    border-radius: 0;
    margin: 0; }
    #guide-start-user-scene .box ul {
      flex-wrap: wrap;
      padding: 16px; }
      #guide-start-user-scene .box ul li {
        margin-bottom: 16px;
        width: 50%; }
  #guide-start-suggest-preorder .box {
    margin: 0; }
  #guide-start-cta-search .box {
    border-radius: 0;
    flex-direction: column-reverse;
    margin: 0; }
    #guide-start-cta-search .box .img {
      border-radius: 0;
      width: 100%; }
      #guide-start-cta-search .box .img img {
        max-width: 300px;
        width: 100%; }
    #guide-start-cta-search .box .content {
      padding: 16px;
      text-align: center;
      width: calc(100% - 32px); }
      #guide-start-cta-search .box .content .button {
        margin: 0 auto; } }

#history-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }

#history-content .card-container {
  margin: 16px 48px; }

@media screen and (max-width: 767.98px) {
  #history-content.box-container {
    margin-bottom: 48px; }
  #history-content .card-container {
    margin: 16px 0; } }

#receipt-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }
  #receipt-content.box-container h2 {
    font-size: 20px;
    margin: 48px 48px 24px; }

#receipt-content .card-container {
  margin: 16px 48px; }
  #receipt-content .card-container .card-parking {
    margin: 0 0 16px !important; }
  #receipt-content .card-container .card .card-inner {
    border-radius: 4px;
    border-top: solid 16px #383850;
    display: flex;
    padding: 16px 40px; }
    #receipt-content .card-container .card .card-inner .logo-box {
      align-items: center;
      display: flex;
      justify-content: center;
      width: 136px; }
      #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner {
        display: block;
        text-align: center; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner img {
          width: 100%; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title h3 {
          font-size: 20px;
          letter-spacing: 0.05em;
          line-height: 2em; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title h4 {
          font-size: 12px;
          line-height: 0.7em; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title h5 {
          font-size: 10px;
          line-height: 2em; }
    #receipt-content .card-container .card .card-inner .information-box {
      margin-left: auto;
      width: 448px; }
      #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li {
        border-bottom: solid 1px #D8D7DD;
        padding: 16px 0; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li:last-child {
          border: none;
          padding-bottom: 0; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl {
          margin-block-start: 0;
          margin-block-end: 0; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dt {
            font-size: 12px;
            font-weight: 600;
            margin-bottom: 4px; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd {
            font-size: 14px;
            line-height: 1.6em;
            margin-inline-start: 0px;
            width: 100%; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd.parking-name {
              font-size: 14px;
              font-weight: 600; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd span {
              vertical-align: middle; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd .fee {
              font-size: 14px;
              font-weight: 600;
              margin-bottom: 4px; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd .note {
              font-size: 12px;
              margin-top: 8px; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd .name-input {
              border: solid 1px #D8D7DD;
              height: auto;
              margin-right: 1em;
              padding: 8px 16px;
              width: calc(100% - 2em); }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd .name-fix {
              margin-right: 8px; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd .tax {
              font-size: 10px;
              left: 0.2em;
              position: relative; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl .hidden-print {
            display: block; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl .hidden-except-print {
            display: none; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl p {
            font-size: 14px;
            line-height: 1.2em; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li .company-name {
          align-items: center;
          display: flex; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li .company-name img {
            width: 75px; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li .company-name span {
            font-size: 16px;
            margin-left: 0.1em; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li .company-address {
          font-size: 12px;
          width: 100%;
          word-break: break-word;
          margin-bottom: 0; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li .invoice-num {
          font-size: 12px; }
      #receipt-content .card-container .card .card-inner .information-box .invoice-ttl {
        font-weight: 700;
        font-size: 12px !important;
        margin-top: 12px; }
      #receipt-content .card-container .card .card-inner .information-box .invoice-item {
        display: grid;
        grid-template-columns: 140px 60px 1fr; }
        #receipt-content .card-container .card .card-inner .information-box .invoice-item .invoice-item {
          margin-top: 8px; }
        #receipt-content .card-container .card .card-inner .information-box .invoice-item-price {
          text-align: right; }

#receipt-content .link-box {
  margin: 48px 48px 24px; }
  #receipt-content .link-box .link-box-inner {
    display: flex;
    justify-content: center; }
    #receipt-content .link-box .link-box-inner a {
      margin-right: 32px;
      text-align: center;
      width: 300px; }
      #receipt-content .link-box .link-box-inner a:last-child {
        margin-right: 0; }

@media screen and (min-width: 1024px) {
  #receipt-content .card-container .card-parking {
    margin: 0 auto 16px !important;
    max-width: 800px !important;
    min-width: auto !important;
    width: 100% !important; } }

@media screen and (max-width: 767.98px) {
  #receipt-content.box-container h2 {
    margin: 16px; }
  #receipt-content .card-container {
    margin: 0; }
    #receipt-content .card-container .card .card-inner {
      border-radius: 0;
      display: block;
      justify-content: center;
      padding: 16px; }
      #receipt-content .card-container .card .card-inner .logo-box {
        display: block;
        width: 100%; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner img {
          display: inline-block;
          vertical-align: middle;
          width: 30%; }
        #receipt-content .card-container .card .card-inner .logo-box .logo-box-innner .receipt-title {
          display: inline-block;
          padding-left: 16px;
          text-align: left;
          vertical-align: middle; }
      #receipt-content .card-container .card .card-inner .information-box {
        width: 100%; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li {
          padding: 16px 8px; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li:last-child {
            padding-bottom: 0; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl {
            display: block; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dt {
              font-size: 12px;
              line-height: 1.2em; }
            #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd {
              font-size: 14px;
              margin-top: 4px;
              padding: 0; }
              #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl dd p {
                font-size: 12px; }
          #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li .company-address {
            line-height: 1.5em; }
  #receipt-content .link-box {
    margin: 32px 16px 0 16px; }
    #receipt-content .link-box .link-box-inner {
      display: block; }
      #receipt-content .link-box .link-box-inner a {
        margin-bottom: 16px;
        margin-right: 0;
        width: 100%; }
        #receipt-content .link-box .link-box-inner a:last-child {
          margin-bottom: 0; }
  #receipt-content .invoice-item {
    grid-template-columns: 116px 60px 1fr !important;
    font-size: 12px; } }

@page {
  margin: 0;
  size: A4 portrait; }

@media print {
  html, body {
    background-color: #ffffff;
    height: 297mm;
    margin: 0 auto;
    width: 210mm; }
  #global-header-container {
    display: none; }
  .container {
    max-width: 210mm; }
  .before-footer, footer {
    display: none; }
  #receipt-content.box-container {
    margin: 0 auto;
    max-width: 100%; }
    #receipt-content.box-container h2 {
      display: none; }
  #receipt-content .card-container .card {
    border: solid 1px #282838;
    box-shadow: none; }
    #receipt-content .card-container .card .card-inner {
      border-radius: 0; }
      #receipt-content .card-container .card .card-inner .logo-box {
        width: 20%; }
      #receipt-content .card-container .card .card-inner .information-box {
        width: 70%; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl .hidden-print {
          display: none; }
        #receipt-content .card-container .card .card-inner .information-box .information-list &gt; li dl .hidden-except-print {
          display: block; }
  #receipt-content .link-box {
    display: none; } }

#reservation-content {
  margin-bottom: 72px;
  max-width: 800px; }
  #reservation-content .card-container {
    margin: 16px 48px; }
    #reservation-content .card-container .card-parking .main .cta .price .fee .fee-cancel {
      color: #cbcbd2; }
  #reservation-content .card-parking .main {
    padding: 16px; }
  #reservation-content .used-parking-title {
    margin-bottom: 0; }
  #reservation-content .used-parking-text {
    margin: 8px 48px 24px; }
  #reservation-content .card-parking .main .content .labels {
    margin-top: 0; }
  #reservation-content .reservation-banner {
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 4px; }
    #reservation-content .reservation-banner div {
      padding: 0 8px; }
    #reservation-content .reservation-banner .checkout-banner {
      background-color: #30b1c6; }
    #reservation-content .reservation-banner .cancel-banner {
      background-color: #a6a6b1; }
  #reservation-content .name {
    line-height: 1.3em; }
  #reservation-content .date {
    margin: 0; }
  #reservation-content .more {
    margin-top: 64px; }
  #reservation-content .button-cta-reservation-secondary {
    background-color: #ffffff;
    border: 1px solid #00b893;
    color: #00b893; }
    #reservation-content .button-cta-reservation-secondary:hover {
      background-color: #f0f0f2;
      border: 1px solid #00b893;
      color: #00b893; }
  #reservation-content .no-reservation-text {
    margin-left: 48px; }
    #reservation-content .no-reservation-text p {
      margin: 0; }

@media screen and (max-width: 767.98px) {
  #reservation-content {
    margin-bottom: 48px; }
    #reservation-content .card-container {
      margin: 0; }
    #reservation-content .card-parking .main .cta .price {
      width: calc(100% - 140px); }
    #reservation-content .card-parking .main .cta .price .fee .display {
      font-size: 20px; }
    #reservation-content .card-parking .main .cta .buttons {
      width: 140px; }
    #reservation-content .used-parking-text {
      margin: 8px 16px 16px; }
    #reservation-content .no-reservation-text {
      margin-left: 16px; } }

#enquete-content.box-container {
  margin-bottom: 72px;
  max-width: 800px; }
  #enquete-content.box-container h2 {
    font-size: 20px;
    margin: 48px 48px 24px; }
  #enquete-content.box-container .alert_text {
    color: #ff6366;
    font-size: 14px;
    margin: 0 0 32px 48px; }
  #enquete-content.box-container .card-container {
    margin: 16px 32px; }
    #enquete-content.box-container .card-container .enquete-description {
      padding: 40px; }
      #enquete-content.box-container .card-container .enquete-description p {
        margin-bottom: 8px; }
        #enquete-content.box-container .card-container .enquete-description p:last-child {
          margin-bottom: 0; }
    #enquete-content.box-container .card-container .enquete-item &gt; li {
      border-top: 1px solid #cbcbd2;
      padding: 40px; }
      #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-subtitle {
        color: #898896;
        line-height: 1.5em;
        margin: 0 0 24px;
        font-size: 12px; }
      #enquete-content.box-container .card-container .enquete-item &gt; li h3 {
        display: inline-block;
        font-size: 16px; }
      #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li {
        margin-top: 32px; }
        #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li:first-of-type {
          margin-top: 0; }
        #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-title {
          color: #898896;
          display: inline-block;
          width: calc(5em + 48px); }
        #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio {
          display: inline-block; }
          #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button *,
          #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button *::before,
          #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button *::after {
            box-sizing: border-box; }
          #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button {
            display: inline-block; }
            #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button label {
              cursor: pointer;
              display: inline-block;
              height: 16px;
              line-height: 16px;
              margin-bottom: 0;
              padding: 0 24px;
              position: relative; }
              #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button label::before {
                border: 2px solid #f0f0f2;
                height: 16px;
                left: 0;
                top: 0;
                width: 16px; }
              #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button label::after {
                background: #00b893;
                height: 8px;
                left: 4px;
                top: 4px;
                transform: scale(0);
                width: 8px; }
              #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button label::before, #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button label::after {
                border-radius: 50%;
                content: '';
                position: absolute;
                transition: all .1s ease;
                transition-property: transform, border-color; }
            #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button input[type="radio"]:checked + label::before {
              border-color: #00b893; }
            #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button input[type="radio"]:checked + label::after {
              transform: scale(1); }
      #enquete-content.box-container .card-container .enquete-item &gt; li textarea {
        height: calc( 1.8em * 5 + 33px);
        line-height: 1.8em;
        resize: none; }
      #enquete-content.box-container .card-container .enquete-item &gt; li .reason-for-selection .other-reason-box {
        margin-top: 24px; }
        #enquete-content.box-container .card-container .enquete-item &gt; li .reason-for-selection .other-reason-box p {
          line-height: 1.5em; }
    #enquete-content.box-container .card-container .cta-area {
      padding: 0 40px 40px; }

@media screen and (max-width: 767.98px) {
  #enquete-content.box-container h2 {
    margin: 16px; }
  #enquete-content.box-container .alert_text {
    margin: 0 0 24px 16px; }
  #enquete-content.box-container .card-container {
    margin: 0; }
    #enquete-content.box-container .card-container .enquete-description {
      padding: 16px; }
    #enquete-content.box-container .card-container .enquete-item &gt; li {
      padding: 16px; }
      #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-subtitle {
        margin: 0 0 16px; }
      #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li {
        margin-top: 24px;
        padding: 0 16px; }
        #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-title {
          display: block;
          margin-bottom: 8px;
          vertical-align: top; }
        #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio {
          display: block;
          vertical-align: top; }
          #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button {
            display: block;
            margin-bottom: 16px; }
          #enquete-content.box-container .card-container .enquete-item &gt; li .enquete-rating &gt; li .enquete-rating-radio .radio-button:last-child {
            margin-bottom: 0; }
      #enquete-content.box-container .card-container .enquete-item &gt; li textarea {
        height: calc( 1.8em * 11 + 33px); }
    #enquete-content.box-container .card-container .cta-area {
      padding: 0 16px 40px; } }

.button-owner-cta {
  background: #ff6b3d;
  border: 4px solid #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin: 0 auto;
  max-width: 400px;
  padding: 16px 0;
  text-align: center;
  text-decoration: none;
  width: 100%; }

.button-owner-cta:hover {
  text-decoration: none;
  transform: scale(1.05); }

.button-owner-cta-sub {
  background: #00b893;
  border: 4px solid #ffffff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 0 auto;
  max-width: 300px;
  padding: 16px 0;
  text-align: center;
  text-decoration: none;
  width: 100%; }

.button-owner-cta-sub:hover {
  text-decoration: none;
  transform: scale(1.05); }

#owner-hero {
  background: url(images/owner/owner-hero-bg-pc.png) no-repeat center center/cover;
  margin: 0; }
  #owner-hero .content {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1200px; }
    #owner-hero .content .text {
      font-size: 16px;
      margin-left: 48px;
      position: relative;
      width: calc(100% - 500px); }
      #owner-hero .content .text .catch {
        font-size: 42px;
        margin-bottom: 24px; }
    #owner-hero .content .img {
      margin-right: 48px;
      overflow: hidden;
      width: 500px; }
      #owner-hero .content .img img {
        display: block;
        width: 100%;
        height: auto; }

#pr_insurance {
  margin: 0 auto; }
  #pr_insurance .main {
    align-items: center;
    display: flex;
    margin: 0 48px;
    padding: 16px 0; }
    #pr_insurance .main .img {
      width: 100px; }
      #pr_insurance .main .img img {
        width: 100%; }
    #pr_insurance .main .text {
      padding-left: 24px;
      width: calc(100% - 100px); }
      #pr_insurance .main .text h2 {
        margin: 0 0 16px; }
        #pr_insurance .main .text h2 br {
          display: none; }

#ownermode-lp .col {
  display: flex;
  margin: 0 48px;
  padding: 20px 20px 20px 200px;
  background-image: url(images/owner/ownermode-bg-pc.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain; }
  #ownermode-lp .col .text {
    margin: 0 0;
    width: 70%; }
  #ownermode-lp .col h2 {
    margin: 0 0 10px; }
  #ownermode-lp .col .ownermode-detail {
    margin: 0 0;
    display: flex;
    align-items: center; }
  #ownermode-lp .col a {
    background: #00B893;
    border: 2px solid #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 0 40px;
    padding: 8px 8px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 200px; }
  #ownermode-lp .col a:hover {
    text-decoration: none;
    transform: scale(1.05); }

#owner-contrivance .col {
  align-items: center;
  display: flex;
  padding: 24px; }
  #owner-contrivance .col img {
    display: block;
    margin: 0 auto;
    width: 60%;
    height: auto; }

#owner-trouble .trouble img {
  display: block;
  margin: 0 auto;
  width: 100%; }

#owner-trouble .answer {
  background: #ff6b3d;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 32px;
  position: relative;
  text-align: center; }
  #owner-trouble .answer:after {
    border: 16px solid transparent;
    border-top: 16px solid #ffffff;
    content: "";
    left: 50%;
    margin-left: -16px;
    position: absolute;
    top: 0; }

#owner-merit ul li {
  align-items: center;
  border-bottom: 1px solid #cbcbd2;
  display: flex;
  position: relative; }
  #owner-merit ul li .text {
    padding: 24px;
    width: calc(100% - 498px); }
    #owner-merit ul li .text h3 {
      font-size: 20px; }
  #owner-merit ul li .img {
    height: 250px;
    overflow: hidden;
    width: 450px; }
    #owner-merit ul li .img img {
      display: block;
      width: auto;
      height: 100%;
      margin: 0 auto; }
  #owner-merit ul li:last-child {
    border: none; }

#owner-example .description {
  margin-bottom: 24px;
  padding: 24px;
  text-align: center; }

#owner-example .col3-container .col3-container-left .img,
#owner-example .col3-container .col3-container-center .img,
#owner-example .col3-container .col3-container-right .img {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  position: relative; }
  #owner-example .col3-container .col3-container-left .img img,
  #owner-example .col3-container .col3-container-center .img img,
  #owner-example .col3-container .col3-container-right .img img {
    display: block;
    width: 100%;
    height: auto; }
  #owner-example .col3-container .col3-container-left .img .pr,
  #owner-example .col3-container .col3-container-center .img .pr,
  #owner-example .col3-container .col3-container-right .img .pr {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    bottom: 0;
    padding-top: 32px;
    position: absolute;
    text-align: center;
    width: 100%; }
    #owner-example .col3-container .col3-container-left .img .pr h3,
    #owner-example .col3-container .col3-container-center .img .pr h3,
    #owner-example .col3-container .col3-container-right .img .pr h3 {
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
      padding: 16px; }

#owner-example .col3-container .col3-container-left .content,
#owner-example .col3-container .col3-container-center .content,
#owner-example .col3-container .col3-container-right .content {
  padding: 16px; }
  #owner-example .col3-container .col3-container-left .content .price,
  #owner-example .col3-container .col3-container-center .content .price,
  #owner-example .col3-container .col3-container-right .content .price {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    text-align: center; }
    #owner-example .col3-container .col3-container-left .content .price span,
    #owner-example .col3-container .col3-container-center .content .price span,
    #owner-example .col3-container .col3-container-right .content .price span {
      color: #ff6b3d;
      font-size: 28px; }
  #owner-example .col3-container .col3-container-left .content .detail,
  #owner-example .col3-container .col3-container-center .content .detail,
  #owner-example .col3-container .col3-container-right .content .detail {
    margin-bottom: 8px; }
    #owner-example .col3-container .col3-container-left .content .detail img,
    #owner-example .col3-container .col3-container-center .content .detail img,
    #owner-example .col3-container .col3-container-right .content .detail img {
      display: block;
      width: 100%;
      height: auto; }
  #owner-example .col3-container .col3-container-left .content .tag li,
  #owner-example .col3-container .col3-container-center .content .tag li,
  #owner-example .col3-container .col3-container-right .content .tag li {
    display: inline-block; }

#owner-howto ul li {
  align-items: center;
  border-bottom: 1px solid #cbcbd2;
  display: flex;
  position: relative; }
  #owner-howto ul li .text {
    padding: 24px;
    width: calc(100% - 498px); }
    #owner-howto ul li .text h3 {
      font-size: 20px; }
  #owner-howto ul li .img {
    height: 250px;
    overflow: hidden;
    width: 450px; }
    #owner-howto ul li .img img {
      display: block;
      width: auto;
      height: 100%;
      margin: 0 auto; }
  #owner-howto ul li:before {
    bottom: -16px;
    border-right: 16px solid transparent;
    border-top: 16px solid #cbcbd2;
    border-left: 16px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0; }
  #owner-howto ul li:after {
    bottom: -14px;
    border-right: 16px solid transparent;
    border-top: 16px solid #ffffff;
    border-left: 16px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0; }
  #owner-howto ul li:last-child {
    border: none; }
    #owner-howto ul li:last-child:before {
      bottom: 0;
      border: none;
      content: '';
      display: block; }
    #owner-howto ul li:last-child:after {
      bottom: 0;
      border: none;
      content: '';
      display: block; }

#owner-scene ul {
  align-items: flex-start;
  display: flex;
  padding: 24px; }
  #owner-scene ul li {
    width: 25%; }
    #owner-scene ul li img {
      display: block;
      margin: 0 auto;
      width: 150px;
      height: auto; }
    #owner-scene ul li h4 {
      margin-top: 16px; }

#owner-insurance .col {
  padding: 24px; }
  #owner-insurance .col .main {
    align-items: center;
    display: flex; }
    #owner-insurance .col .main .description {
      width: calc(100% - 400px); }
      #owner-insurance .col .main .description ul {
        border: 4px solid #cbcbd2;
        margin: 16px 0;
        padding: 16px; }
        #owner-insurance .col .main .description ul li {
          display: flex; }
          #owner-insurance .col .main .description ul li .icon {
            width: 36px; }
          #owner-insurance .col .main .description ul li .text {
            padding: 8px 0 0 8px;
            width: calc(100% - 36px); }
    #owner-insurance .col .main .img {
      height: 250px;
      overflow: hidden;
      width: 400px; }
      #owner-insurance .col .main .img img {
        display: block;
        width: auto;
        height: 100%;
        margin: 0 auto; }

#owner-voice ul li {
  align-items: center;
  border-bottom: 1px solid #cbcbd2;
  display: flex;
  padding: 24px;
  position: relative; }
  #owner-voice ul li .img {
    width: 150px; }
    #owner-voice ul li .img img {
      display: block;
      margin: 0 auto;
      width: 100%; }
  #owner-voice ul li .text {
    padding-left: 16px;
    width: calc(100% - 150px); }
    #owner-voice ul li .text h3 {
      font-size: 16px; }
  #owner-voice ul li:last-child {
    border: none; }

#owner-qa ul li {
  border-bottom: 1px solid #cbcbd2;
  padding: 24px; }
  #owner-qa ul li .question {
    display: flex;
    margin-bottom: 8px; }
    #owner-qa ul li .question .head {
      color: #ff6366;
      font-size: 14px;
      font-weight: 600;
      width: 24px; }
    #owner-qa ul li .question .text {
      width: calc(100% - 24px); }
  #owner-qa ul li .answer {
    display: flex; }
    #owner-qa ul li .answer .head {
      color: #00e0b5;
      font-size: 14px;
      font-weight: 600;
      width: 24px; }
    #owner-qa ul li .answer .text {
      width: calc(100% - 24px); }
  #owner-qa ul li:last-child {
    border: none; }

#owner-cta .col {
  background: #fdfbda;
  margin: 0 48px 48px; }

#owner-cta .contents {
  display: flex;
  justify-content: space-around; }
  #owner-cta .contents .content {
    width: 100%; }
    #owner-cta .contents .content .title {
      margin-bottom: 10px;
      font-weight: bold;
      color: black;
      text-align: center; }

@media screen and (max-width: 767.98px) {
  #owner-cta .contents {
    flex-direction: column;
    align-items: center; }
  #owner-cta .content {
    width: 80%;
    margin-bottom: 10px; } }

@media screen and (max-width: 1023px) {
  #owner-hero {
    height: auto; }
    #owner-hero .content .text {
      width: calc(100% - 360px); }
      #owner-hero .content .text .catch {
        font-size: 28px; }
      #owner-hero .content .text p {
        font-size: 14px; }
    #owner-hero .content .img {
      width: 360px; }
  #pr_insurance {
    margin: 0 auto; }
    #pr_insurance .main {
      padding: 0; }
  #ownermode-lp .col {
    display: block;
    padding: 20px 20px 20px 240px; }
    #ownermode-lp .col .text {
      width: 100%; }
    #ownermode-lp .col .ownermode-detail {
      width: 100%; }
    #ownermode-lp .col a {
      margin: 0 0 0 auto; }
  #owner-contrivance .col {
    display: block; }
    #owner-contrivance .col img {
      width: 100%; }
  #owner-merit ul li .text {
    width: calc(100% - 348px); }
  #owner-merit ul li .img {
    height: 200px;
    width: 300px; }
  #owner-howto ul li .text {
    width: calc(100% - 348px); }
  #owner-howto ul li .img {
    height: 200px;
    width: 300px; }
  #owner-scene ul li img {
    width: 120px; }
  #owner-insurance .col .main {
    display: block; }
    #owner-insurance .col .main .description {
      width: 100%; }
    #owner-insurance .col .main .img {
      margin: -16px 0 0;
      width: 100%; } }

@media screen and (max-width: 640px) {
  #ownermode-lp .col {
    margin: 0 0;
    padding: 20px 20px 20px 150px;
    background-position: -60px bottom; } }

@media screen and (max-width: 767.98px) {
  #owner-hero {
    background: url(images/owner/owner-hero-bg-sp.png) no-repeat center bottom/cover;
    justify-content: flex-start;
    height: auto; }
    #owner-hero .content {
      display: block;
      padding: 32px 16px 0;
      width: calc(100% - 32px); }
      #owner-hero .content .text {
        margin: 0;
        width: 100%; }
        #owner-hero .content .text .catch {
          font-size: 35px;
          margin-bottom: 16px; }
        #owner-hero .content .text p {
          font-size: 14px; }
      #owner-hero .content .img {
        margin-top: -48px;
        width: 100%; }
  #pr_insurance .main {
    display: block;
    margin: 0 16px;
    padding: 0 0 24px; }
    #pr_insurance .main .img {
      margin: 0 auto;
      width: 150px; }
    #pr_insurance .main .text {
      margin-top: -16px;
      padding-left: 0;
      width: 100%; }
      #pr_insurance .main .text h2 {
        margin-bottom: 8px; }
        #pr_insurance .main .text h2 .label {
          margin-bottom: 8px; }
        #pr_insurance .main .text h2 br {
          display: block; }
  #ownermode-lp .col {
    background-image: url(images/owner/ownermode-bg-sp.png);
    background-position: left bottom; }
    #ownermode-lp .col .ownermode-detail {
      margin: 15px 0 0; }
      #ownermode-lp .col .ownermode-detail a {
        margin: 0 auto; }
  #owner-contrivance .col {
    display: block;
    padding: 16px; }
  #owner-trouble .answer {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 24px 16px; }
  #owner-merit ul li {
    display: block; }
    #owner-merit ul li .text {
      padding: 16px 16px 0;
      width: calc(100% - 32px); }
    #owner-merit ul li .img {
      height: 250px;
      margin: 0 auto;
      max-width: 300px;
      width: 100%; }
      #owner-merit ul li .img img {
        height: 100%;
        margin: 0 auto;
        width: auto; }
  #owner-example .description {
    margin-bottom: 16px;
    padding: 16px; }
  #owner-example .col3-container .col3-container-left .img,
  #owner-example .col3-container .col3-container-center .img,
  #owner-example .col3-container .col3-container-right .img {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  #owner-howto ul li {
    display: block; }
    #owner-howto ul li .text {
      padding: 16px 16px 0;
      width: calc(100% - 32px); }
    #owner-howto ul li .img {
      height: 250px;
      margin: -32px auto 0;
      max-width: 300px;
      width: 100%; }
      #owner-howto ul li .img img {
        height: 100%;
        margin: 0 auto;
        width: auto; }
  #owner-scene ul {
    flex-wrap: wrap;
    padding: 16px; }
    #owner-scene ul li {
      margin-bottom: 16px;
      width: 50%; }
  #owner-insurance .col {
    padding: 16px; }
    #owner-insurance .col .main .description {
      width: 100%; }
      #owner-insurance .col .main .description ul li .icon {
        width: 32px; }
      #owner-insurance .col .main .description ul li .text {
        width: calc(100% - 32px); }
    #owner-insurance .col .main .img {
      height: 200px; }
  #owner-voice ul li {
    display: block;
    padding: 16px; }
    #owner-voice ul li .img {
      margin: 0 auto 16px;
      width: 150px; }
    #owner-voice ul li .text {
      padding-left: 0;
      width: 100%; }
  #owner-qa ul li {
    padding: 16px; }
  #owner-cta .col {
    border-radius: 0;
    margin: 0 0 32px; } }

#owner-entry-header {
  background: #383850;
  margin: 0; }
  #owner-entry-header .body {
    align-items: center;
    display: flex;
    justify-content: center; }
    #owner-entry-header .body img {
      width: 100px; }
    @media screen and (max-width: 767px) {
      #owner-entry-header .body img {
        width: 80px; }
      #owner-entry-header .body h1 {
        font-size: 14px; } }

#owner-entry-flow {
  background: #ffffff;
  margin: 0; }
  #owner-entry-flow ul li {
    color: #a6a6b1;
    margin-right: 20px;
    position: relative; }
    #owner-entry-flow ul li:after {
      border: 8px solid transparent;
      border-left: 8px solid #a6a6b1;
      content: "";
      left: 100%;
      margin-top: -8px;
      margin-left: 8px;
      position: absolute;
      top: 50%; }
    #owner-entry-flow ul li.active {
      color: #383850;
      font-weight: 600; }
      #owner-entry-flow ul li.active:after {
        border-left: 8px solid #383850; }
    #owner-entry-flow ul li.ended {
      color: #828291;
      font-weight: 600; }
      #owner-entry-flow ul li.ended:after {
        border-left: 8px solid #828291; }
    #owner-entry-flow ul li:last-child {
      margin-right: 0; }
      #owner-entry-flow ul li:last-child:after {
        display: none; }

#owner-entry .alert {
  border-radius: 4px;
  padding: 16px; }
  #owner-entry .alert.alert-primary {
    background: #d5faf3;
    border: 1px solid #00e0b5; }
  #owner-entry .alert.alert-secondary {
    background: #e7f7f9;
    border: 1px solid #6cd0d8; }
  #owner-entry .alert.alert-warning {
    background: #fdfbda;
    border: 1px solid #f4e921; }
  #owner-entry .alert.alert-info {
    background: #f0f0f2;
    border: 1px solid #cbcbd2; }

#owner-entry .caution img {
  height: 24px;
  width: 24px; }

#owner-entry .to-back {
  color: #30b1c6;
  cursor: pointer; }
  #owner-entry .to-back:hover {
    text-decoration: underline; }

#owner-entry .action-lightbox {
  position: absolute;
  right: 16px;
  top: 16px; }
  #owner-entry .action-lightbox img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 20;
    background: #ffffff;
    border-radius: 20px;
    cursor: pointer;
    padding: 8px;
    width: 24px !important; }

#owner-entry .category select,
#owner-entry .representative input,
#owner-entry .name input,
#owner-entry .zip input,
#owner-entry .phone-number input,
#owner-entry .bank-code input,
#owner-entry .bank-branch-code input,
#owner-entry .bank-type select,
#owner-entry .bank-account-number input,
#owner-entry .space-count input,
#owner-entry .start-time,
#owner-entry .end-time {
  max-width: 300px; }

#owner-entry .type ul li,
#owner-entry .location ul li,
#owner-entry .parking-owner-select ul li,
#owner-entry .is-bike-available ul li,
#owner-entry .parking-shutter ul li,
#owner-entry .parking-shutter-status ul li,
#owner-entry .traffic-regulation ul li,
#owner-entry .days-type ul li,
#owner-entry .days-of-week ul li,
#owner-entry .holiday-availability ul li {
  display: block;
  margin: 0 0 8px 0; }
  #owner-entry .type ul li:last-child,
  #owner-entry .location ul li:last-child,
  #owner-entry .parking-owner-select ul li:last-child,
  #owner-entry .is-bike-available ul li:last-child,
  #owner-entry .parking-shutter ul li:last-child,
  #owner-entry .parking-shutter-status ul li:last-child,
  #owner-entry .traffic-regulation ul li:last-child,
  #owner-entry .days-type ul li:last-child,
  #owner-entry .days-of-week ul li:last-child,
  #owner-entry .holiday-availability ul li:last-child {
    margin: 0; }
  @media screen and (min-width: 768px) {
    #owner-entry .type ul li,
    #owner-entry .location ul li,
    #owner-entry .parking-owner-select ul li,
    #owner-entry .is-bike-available ul li,
    #owner-entry .parking-shutter ul li,
    #owner-entry .parking-shutter-status ul li,
    #owner-entry .traffic-regulation ul li,
    #owner-entry .days-type ul li,
    #owner-entry .days-of-week ul li,
    #owner-entry .holiday-availability ul li {
      display: inline-block;
      margin: 0 8px 0 0; } }

#owner-entry .category .category-detail {
  border-top: 1px solid #cbcbd2;
  margin-top: 8px;
  padding-top: 8px; }
  #owner-entry .category .category-detail ul {
    list-style: inside; }

#owner-entry .inflow-route .detail li {
  display: block;
  margin: 0 0 8px 0; }
  #owner-entry .inflow-route .detail li:last-child {
    margin: 0; }
  @media screen and (min-width: 768px) {
    #owner-entry .inflow-route .detail li {
      display: inline-block;
      margin: 0 8px 0 0; } }

#owner-entry .confirm-type dl dd,
#owner-entry .company-confirm-type dl dd {
  margin: 0;
  padding: 0; }
  #owner-entry .confirm-type dl dd .detail,
  #owner-entry .company-confirm-type dl dd .detail {
    width: 50%; }
    #owner-entry .confirm-type dl dd .detail .label,
    #owner-entry .company-confirm-type dl dd .detail .label {
      background: #f0f0f2; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .confirm-type dl dd .detail,
    #owner-entry .company-confirm-type dl dd .detail {
      width: 100%; } }

#owner-entry .confirm-upload dl,
#owner-entry .company-confirm-upload dl,
#owner-entry .photo-main-row dl,
#owner-entry .photo-sub-row dl {
  margin: 0;
  padding: 0; }
  #owner-entry .confirm-upload dl dt,
  #owner-entry .company-confirm-upload dl dt,
  #owner-entry .photo-main-row dl dt,
  #owner-entry .photo-sub-row dl dt {
    background: #f0f0f2; }
  #owner-entry .confirm-upload dl dd,
  #owner-entry .company-confirm-upload dl dd,
  #owner-entry .photo-main-row dl dd,
  #owner-entry .photo-sub-row dl dd {
    margin: 0;
    padding: 0; }
    #owner-entry .confirm-upload dl dd .img,
    #owner-entry .company-confirm-upload dl dd .img,
    #owner-entry .photo-main-row dl dd .img,
    #owner-entry .photo-sub-row dl dd .img {
      position: relative;
      max-width: 50%;
      width: 100%; }
      #owner-entry .confirm-upload dl dd .img img,
      #owner-entry .company-confirm-upload dl dd .img img,
      #owner-entry .photo-main-row dl dd .img img,
      #owner-entry .photo-sub-row dl dd .img img {
        width: 100%; }
    #owner-entry .confirm-upload dl dd .text,
    #owner-entry .company-confirm-upload dl dd .text,
    #owner-entry .photo-main-row dl dd .text,
    #owner-entry .photo-sub-row dl dd .text {
      width: 50%; }
    @media screen and (max-width: 767.98px) {
      #owner-entry .confirm-upload dl dd .img,
      #owner-entry .company-confirm-upload dl dd .img,
      #owner-entry .photo-main-row dl dd .img,
      #owner-entry .photo-sub-row dl dd .img {
        max-width: 100%; }
      #owner-entry .confirm-upload dl dd .text,
      #owner-entry .company-confirm-upload dl dd .text,
      #owner-entry .photo-main-row dl dd .text,
      #owner-entry .photo-sub-row dl dd .text {
        width: 100%; } }

#owner-entry .confirm-upload .upload-trigger,
#owner-entry .company-confirm-upload .upload-trigger,
#owner-entry .photo-main-row .upload-trigger,
#owner-entry .photo-sub-row .upload-trigger {
  background: #d5faf3;
  overflow: hidden;
  width: 50%; }
  #owner-entry .confirm-upload .upload-trigger .img,
  #owner-entry .company-confirm-upload .upload-trigger .img,
  #owner-entry .photo-main-row .upload-trigger .img,
  #owner-entry .photo-sub-row .upload-trigger .img {
    background: url(images/icon/picture-white.svg) no-repeat center center/180px;
    display: flex;
    height: 320px; }
    #owner-entry .confirm-upload .upload-trigger .img img,
    #owner-entry .confirm-upload .upload-trigger .img object,
    #owner-entry .company-confirm-upload .upload-trigger .img img,
    #owner-entry .company-confirm-upload .upload-trigger .img object,
    #owner-entry .photo-main-row .upload-trigger .img img,
    #owner-entry .photo-main-row .upload-trigger .img object,
    #owner-entry .photo-sub-row .upload-trigger .img img,
    #owner-entry .photo-sub-row .upload-trigger .img object {
      display: block;
      height: auto;
      margin: auto;
      max-height: 100%;
      max-width: 100%;
      width: auto; }
  #owner-entry .confirm-upload .upload-trigger .text,
  #owner-entry .company-confirm-upload .upload-trigger .text,
  #owner-entry .photo-main-row .upload-trigger .text,
  #owner-entry .photo-sub-row .upload-trigger .text {
    background: #00b893;
    color: #ffffff;
    cursor: pointer;
    display: block; }
  #owner-entry .confirm-upload .upload-trigger.preview,
  #owner-entry .company-confirm-upload .upload-trigger.preview,
  #owner-entry .photo-main-row .upload-trigger.preview,
  #owner-entry .photo-sub-row .upload-trigger.preview {
    background: #5d5d70; }
    #owner-entry .confirm-upload .upload-trigger.preview .img,
    #owner-entry .company-confirm-upload .upload-trigger.preview .img,
    #owner-entry .photo-main-row .upload-trigger.preview .img,
    #owner-entry .photo-sub-row .upload-trigger.preview .img {
      background: none; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .confirm-upload .upload-trigger,
    #owner-entry .company-confirm-upload .upload-trigger,
    #owner-entry .photo-main-row .upload-trigger,
    #owner-entry .photo-sub-row .upload-trigger {
      width: 100%; }
      #owner-entry .confirm-upload .upload-trigger .img,
      #owner-entry .company-confirm-upload .upload-trigger .img,
      #owner-entry .photo-main-row .upload-trigger .img,
      #owner-entry .photo-sub-row .upload-trigger .img {
        background: url(images/icon/picture-white.svg) no-repeat center center/150px;
        height: 200px; } }

#owner-entry .confirm-upload .detail,
#owner-entry .company-confirm-upload .detail,
#owner-entry .photo-main-row .detail,
#owner-entry .photo-sub-row .detail {
  width: 50%; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .confirm-upload .detail,
    #owner-entry .company-confirm-upload .detail,
    #owner-entry .photo-main-row .detail,
    #owner-entry .photo-sub-row .detail {
      width: 100%; } }

#owner-entry .gate .map {
  height: 400px;
  width: 100%; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .gate .map {
      height: 300px; } }

#owner-entry .parking-owner .alert ul {
  list-style: inside; }

#owner-entry .size ul li {
  display: block;
  margin: 0 0 8px 0; }
  #owner-entry .size ul li:last-child {
    margin: 0; }
  @media screen and (min-width: 768px) {
    #owner-entry .size ul li {
      display: inline-block;
      margin: 0 8px 0 0; } }
  #owner-entry .size ul li .title {
    display: inline-block;
    width: 70px; }
    @media screen and (min-width: 768px) {
      #owner-entry .size ul li .title {
        width: auto; } }
  #owner-entry .size ul li input {
    width: 150px; }

#owner-entry .calendar .howto {
  display: block;
  margin: 0 auto;
  max-width: 800px;
  width: 100%; }

#owner-entry .calendar .calendar-row .select-all-trigger {
  color: #00b893;
  cursor: pointer; }

#owner-entry .calendar .calendar-row table {
  border-collapse: collapse;
  width: 100%; }
  #owner-entry .calendar .calendar-row table th,
  #owner-entry .calendar .calendar-row table td {
    border: 1px solid #cbcbd2;
    cursor: pointer;
    padding: 16px;
    text-align: center;
    width: 14%; }
    #owner-entry .calendar .calendar-row table th.action,
    #owner-entry .calendar .calendar-row table td.action {
      width: 2%; }
      #owner-entry .calendar .calendar-row table th.action img,
      #owner-entry .calendar .calendar-row table td.action img {
        cursor: pointer;
        display: block;
        width: 24px; }
        #owner-entry .calendar .calendar-row table th.action img:hover,
        #owner-entry .calendar .calendar-row table td.action img:hover {
          opacity: .8; }
        #owner-entry .calendar .calendar-row table th.action img:active,
        #owner-entry .calendar .calendar-row table td.action img:active {
          transform: scale(0.9, 0.9); }
    @media screen and (max-width: 767.98px) {
      #owner-entry .calendar .calendar-row table th,
      #owner-entry .calendar .calendar-row table td {
        font-size: 10px;
        padding: 8px 0; } }
  #owner-entry .calendar .calendar-row table thead th,
  #owner-entry .calendar .calendar-row table thead td {
    cursor: auto;
    padding: 8px 16px; }
    @media screen and (max-width: 767.98px) {
      #owner-entry .calendar .calendar-row table thead th,
      #owner-entry .calendar .calendar-row table thead td {
        padding: 4px 0; } }

#owner-entry .calendar .calendar-row .active {
  background: #00b893;
  color: #ffffff; }

#owner-entry .calendar .calendar-row .disabled {
  background: #f0f0f2;
  color: #383850; }

#owner-entry .trouble-uploading .trouble-uploading-detail {
  border-top: 1px solid #cbcbd2;
  margin-top: 8px;
  padding-top: 8px; }

#owner-entry .other-photo-add-button button {
  background: none;
  border: none; }
  #owner-entry .other-photo-add-button button img {
    width: 32px; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .other-photo-add-button button {
      width: 100%; }
      #owner-entry .other-photo-add-button button .img {
        background: url(images/icon/picture-white.svg) no-repeat center center/150px;
        height: 200px; } }

#owner-entry .other-photo-add-button .detail {
  width: 50%; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .other-photo-add-button .detail {
      width: 100%; } }

#owner-entry .gate .map {
  height: 400px;
  width: 100%; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .gate .map {
      height: 300px; } }

#owner-entry .parking-owner .alert ul {
  list-style: inside; }

#owner-entry .size ul li {
  display: block;
  margin: 0 0 8px 0; }
  #owner-entry .size ul li:last-child {
    margin: 0; }
  @media screen and (min-width: 768px) {
    #owner-entry .size ul li {
      display: inline-block;
      margin: 0 8px 0 0; } }
  #owner-entry .size ul li .title {
    display: inline-block;
    width: 70px; }
    @media screen and (min-width: 768px) {
      #owner-entry .size ul li .title {
        width: auto; } }
  #owner-entry .size ul li input {
    width: 150px; }

#owner-entry .calendar .howto {
  display: block;
  margin: 0 auto;
  max-width: 800px;
  width: 100%; }

#owner-entry .calendar .calendar-row .select-all-trigger {
  color: #00b893;
  cursor: pointer; }

#owner-entry .calendar .calendar-row table {
  border-collapse: collapse;
  width: 100%; }
  #owner-entry .calendar .calendar-row table th,
  #owner-entry .calendar .calendar-row table td {
    border: 1px solid #cbcbd2;
    cursor: pointer;
    padding: 16px;
    text-align: center;
    width: 14%; }
    #owner-entry .calendar .calendar-row table th.action,
    #owner-entry .calendar .calendar-row table td.action {
      width: 2%; }
      #owner-entry .calendar .calendar-row table th.action img,
      #owner-entry .calendar .calendar-row table td.action img {
        cursor: pointer;
        display: block;
        width: 24px; }
    @media screen and (max-width: 767.98px) {
      #owner-entry .calendar .calendar-row table th,
      #owner-entry .calendar .calendar-row table td {
        font-size: 10px;
        padding: 8px 0; } }
  #owner-entry .calendar .calendar-row table thead th,
  #owner-entry .calendar .calendar-row table thead td {
    cursor: auto;
    padding: 8px 16px; }
    @media screen and (max-width: 767.98px) {
      #owner-entry .calendar .calendar-row table thead th,
      #owner-entry .calendar .calendar-row table thead td {
        padding: 4px 0; } }

#owner-entry .calendar .calendar-row .active {
  background: #00b893;
  color: #ffffff; }

#owner-entry .calendar .calendar-row .disabled {
  background: #f0f0f2;
  color: #383850; }

#owner-entry .trouble-uploading .trouble-uploading-detail {
  border-top: 1px solid #cbcbd2;
  margin-top: 8px;
  padding-top: 8px; }

#owner-entry .other-photo-add-button button {
  background: none;
  border: none; }
  #owner-entry .other-photo-add-button button img {
    width: 32px; }

#owner-entry .list-body li {
  border: 1px solid #cbcbd2;
  margin-bottom: 24px;
  position: relative; }
  #owner-entry .list-body li .status {
    align-items: center;
    background: #f0f0f2;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100px; }
    #owner-entry .list-body li .status img {
      width: 32px; }
  #owner-entry .list-body li .detail {
    align-items: center;
    color: #cbcbd2;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    width: calc(100% - 100px); }
    #owner-entry .list-body li .detail h4 {
      color: #cbcbd2; }
    #owner-entry .list-body li .detail .action .button {
      min-width: 180px; }
  #owner-entry .list-body li .active .status,
  #owner-entry .list-body li .saved .status {
    background: #00e0b5; }
  #owner-entry .list-body li .active .detail,
  #owner-entry .list-body li .saved .detail {
    background: #d5faf3;
    color: #383850; }
    #owner-entry .list-body li .active .detail h4,
    #owner-entry .list-body li .saved .detail h4 {
      color: #383850; }
  #owner-entry .list-body li .entered .status {
    background: #828291; }
  #owner-entry .list-body li .entered .detail {
    background: #f0f0f2;
    color: #383850; }
    #owner-entry .list-body li .entered .detail h4 {
      color: #383850; }
  #owner-entry .list-body li:after {
    border: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #cbcbd2;
    bottom: -16px;
    content: ' ';
    height: 0;
    left: 50%;
    margin-left: 4px;
    position: absolute;
    width: 0; }
  #owner-entry .list-body li:last-child {
    margin-bottom: 0; }
    #owner-entry .list-body li:last-child:after {
      display: none; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .list-body li .status {
      flex-direction: row;
      padding: 8px 0;
      width: 100%; }
    #owner-entry .list-body li .detail {
      display: block;
      width: calc(100% - 32px); }
      #owner-entry .list-body li .detail .action .button {
        min-width: 0px; } }

#owner-entry .new-parking a {
  background: none;
  border: none; }
  #owner-entry .new-parking a img {
    width: 32px; }
  #owner-entry .new-parking a:hover {
    text-decoration: none; }

#owner-entry .list-parking dt {
  background: #f0f0f2; }

#owner-entry .list-parking dd {
  margin: 0;
  padding: 0; }

#owner-entry .ownersite-feature {
  display: flex; }
  #owner-entry .ownersite-feature li {
    text-align: center;
    width: 25%; }
    #owner-entry .ownersite-feature li img {
      margin: 0 auto;
      width: 48px; }
  @media screen and (max-width: 767.98px) {
    #owner-entry .ownersite-feature {
      display: block; }
      #owner-entry .ownersite-feature li {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-bottom: 8px;
        text-align: left;
        width: 100%; }
        #owner-entry .ownersite-feature li img {
          margin: 0; }
        #owner-entry .ownersite-feature li .text {
          margin-left: 8px;
          width: 40%; }
        #owner-entry .ownersite-feature li:last-child {
          margin-bottom: 0; } }

#index h2 {
  color: #383850;
  font-weight: 600; }
  #index h2 img {
    display: block;
    margin: 0 auto 8px; }

#index h3 {
  color: #383850;
  font-weight: 600; }

#index p {
  color: #727283;
  text-align: left; }

@media screen and (min-width: 1280px) {
  #index h2 {
    font-size: 40px; }
    #index h2 img {
      width: 48px; }
  #index h3 {
    font-size: 24px; }
  #index p {
    font-size: 16px; } }

@media screen and (max-width: 1279px) {
  #index h2 {
    font-size: 32px; }
    #index h2 img {
      width: 32px; }
  #index h3 {
    font-size: 20px; }
  #index p {
    font-size: 16px; } }

@media screen and (max-width: 599px) {
  #index h2 {
    font-size: 24px; }
    #index h2 img {
      width: 24px; } }

#index .hero img {
  height: auto;
  position: absolute;
  width: 100%;
  z-index: 1; }

@media screen and (min-width: 768px) {
  #index .hero.guest {
    height: 41.5vw; } }

@media screen and (max-width: 767.98px) {
  #index .hero.guest {
    height: 157.5vw;
    overflow: hidden; } }

#index #hot-topics {
  display: flex;
  justify-content: center;
  margin: 0; }
  #index #hot-topics .box-container {
    margin: 0 8vw;
    max-width: 880px;
    padding: 64px 24px 0; }
    #index #hot-topics .box-container a img {
      width: 100%; }
      #index #hot-topics .box-container a img:hover {
        opacity: 0.8; }

@media screen and (max-width: 767.98px) {
  #index #hot-topics .box-container {
    margin: 0;
    padding: 16px 16px 0; } }

#index #vakzin {
  margin: 32px auto;
  max-width: 800px; }
  #index #vakzin img {
    display: block;
    width: 100%; }

#index .top-banners-login {
  box-sizing: border-box;
  margin: 32px auto;
  max-width: calc(900px + 112px);
  padding: 0 40px;
  width: 100%; }
  #index .top-banners-login .container {
    align-items: center;
    display: flex;
    justify-content: center; }
    #index .top-banners-login .container a {
      display: block;
      margin: 0 8px;
      width: 50%; }
      #index .top-banners-login .container a img {
        display: block;
        width: 100%; }

#index .top-app-banner {
  margin: 16px 8px 0;
  background: #00e0b5;
  align-items: center;
  justify-content: center;
  padding: 12px;
  position: relative;
  display: none; }
  #index .top-app-banner .top-app-banner-img {
    width: 233px;
    z-index: 1; }
    #index .top-app-banner .top-app-banner-img img {
      width: 100%; }
  #index .top-app-banner .top-app-banner-text {
    width: 328px;
    margin-left: 32px;
    z-index: 1; }
  #index .top-app-banner .top-app-banner-ttl {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 4px;
    color: #383850; }
  #index .top-app-banner .top-app-banner-desc {
    font-size: 14px;
    margin-bottom: 16px;
    color: #383850; }
  #index .top-app-banner .top-app-banner-link a {
    display: inline-block;
    width: 160px; }
    #index .top-app-banner .top-app-banner-link a img {
      width: 100%; }

@media screen and (max-width: 767.98px) {
  #index .top-banners-login {
    padding: 0 16px; }
    #index .top-banners-login .container {
      display: block; }
      #index .top-banners-login .container a {
        display: block;
        margin: 0 0 16px;
        width: 100%; }
  #index .top-app-banner {
    padding: 16px 8px 0;
    margin: 0;
    display: flex; }
    #index .top-app-banner .top-app-banner-img {
      width: calc(100% - 200px);
      max-width: 300px; }
    #index .top-app-banner .top-app-banner-text {
      width: 200px;
      margin-left: 8px; }
    #index .top-app-banner .top-app-banner-ttl {
      font-size: 16px; }
    #index .top-app-banner .top-app-banner-desc {
      font-size: 12px; }
    #index .top-app-banner .top-app-banner-link a {
      width: 100%; }
      #index .top-app-banner .top-app-banner-link a img {
        width: auto;
        max-height: 48px; } }

.top-banners-nologin {
  margin: 48px auto 96px;
  max-width: 800px; }
  .top-banners-nologin a {
    display: block;
    width: 100%; }
    .top-banners-nologin a img {
      vertical-align: bottom;
      width: 100%; }
    .top-banners-nologin a:hover {
      opacity: .8; }
  @media screen and (max-width: 767.98px) {
    .top-banners-nologin {
      margin: 32px auto;
      padding: 0 16px 0; } }

#index #about-guest {
  margin: 0; }
  #index #about-guest .box-container .about-container {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    opacity: 0; }
    #index #about-guest .box-container .about-container .about-box {
      background: #ffffff;
      border-radius: 8px;
      box-shadow: 0 24px 24px rgba(0, 0, 0, 0.031); }
      #index #about-guest .box-container .about-container .about-box .about-img {
        margin-bottom: 16px; }
        #index #about-guest .box-container .about-container .about-box .about-img img {
          display: block;
          margin: 0 auto;
          max-width: 250px;
          width: 100%;
          height: auto; }
      #index #about-guest .box-container .about-container .about-box .about-text-wrap h3 {
        text-align: center; }
      #index #about-guest .box-container .about-container .about-box .value-plus img {
        height: auto; }
  #index #about-guest .box-container h2 {
    text-align: center; }
    #index #about-guest .box-container h2:before {
      content: url(images/icon/about.svg);
      display: block;
      margin: 0 auto 8px; }

@media screen and (min-width: 1280px) {
  #index #about-guest .box-container {
    margin-bottom: 160px;
    margin-top: 64px; }
    #index #about-guest .box-container h2 {
      font-size: 40px;
      margin-bottom: 80px; }
      #index #about-guest .box-container h2:before {
        width: 48px; }
    #index #about-guest .box-container .about-container {
      justify-content: space-between; }
      #index #about-guest .box-container .about-container .about-box {
        box-sizing: border-box;
        height: 465px;
        padding: 32px;
        width: 360px; }
        #index #about-guest .box-container .about-container .about-box p {
          margin-top: 24px; } }

@media screen and (max-width: 1279px) and (min-width: 600px) {
  #index #about-guest .box-container {
    margin: 0 8vw;
    padding: 64px 24px; }
    #index #about-guest .box-container h2 {
      font-size: 32px;
      margin-bottom: 60px; }
      #index #about-guest .box-container h2:before {
        width: 32px; }
    #index #about-guest .box-container .about-container {
      display: flex;
      flex-wrap: wrap; }
      #index #about-guest .box-container .about-container .about-box {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: auto;
        margin-bottom: 32px;
        padding: 32px;
        width: 100%; }
        #index #about-guest .box-container .about-container .about-box .about-img {
          width: 35%; }
          #index #about-guest .box-container .about-container .about-box .about-img img {
            width: 100%;
            max-width: 100%; }
        #index #about-guest .box-container .about-container .about-box .about-text-wrap {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: center;
          width: 60%; }
          #index #about-guest .box-container .about-container .about-box .about-text-wrap h3 {
            text-align: left; }
          #index #about-guest .box-container .about-container .about-box .about-text-wrap br {
            display: none; }
          #index #about-guest .box-container .about-container .about-box .about-text-wrap p {
            margin-top: 8px;
            padding: 0; } }

@media screen and (max-width: 599px) {
  #index #about-guest {
    margin-top: 64px;
    margin-bottom: 64px; }
    #index #about-guest .box-container {
      margin: 0;
      padding: 0; }
      #index #about-guest .box-container h2 {
        font-size: 24px;
        margin-bottom: 48px; }
        #index #about-guest .box-container h2:before {
          width: 24px; }
      #index #about-guest .box-container .about-container {
        display: block;
        margin: 0;
        padding: 0 16px; }
        #index #about-guest .box-container .about-container .about-box {
          box-sizing: border-box;
          display: block;
          max-width: 360px;
          margin: auto;
          margin-bottom: 32px;
          padding: 32px 24px;
          width: 100%; }
          #index #about-guest .box-container .about-container .about-box h3 {
            font-size: 20px; }
          #index #about-guest .box-container .about-container .about-box p {
            font-size: 16px;
            margin-top: 24px;
            padding: 0; } }

#index #how-to {
  background: #ffffff;
  margin: 0;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 280px; }
  #index #how-to h2 {
    text-align: center; }
    #index #how-to h2:before {
      content: url(images/icon/how-to.svg);
      display: block;
      margin: 0 auto 8px; }
  #index #how-to .step-left, #index #how-to .step-right {
    display: flex; }
  #index #how-to .favorite-heading:before {
    content: url(images/icon/favorite-heart.svg);
    margin-right: 4px;
    width: 16px; }
  #index #how-to .support-heading:before {
    content: url(images/icon/support.svg);
    margin-right: 4px;
    width: 16px; }
  #index #how-to .value-plus img {
    height: auto; }

.how-to-image-1-pc,
.how-to-image-1-sp,
.how-to-image-2-pc,
.how-to-image-2-sp,
.how-to-image-3-pc,
.how-to-image-3-sp {
  opacity: 0; }

@media screen and (min-width: 1280px) {
  #index #how-to h2:before {
    width: 48px; }
  #index #how-to .how-to-item .how-to-text {
    box-sizing: border-box;
    margin: auto;
    position: relative;
    width: 1280px; }
    #index #how-to .how-to-item .how-to-text .how-to-bg-left {
      background: #f7f7fa;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 500%; }
    #index #how-to .how-to-item .how-to-text .how-to-bg-right {
      background: #f7f7fa;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 500%; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-image-sp {
      display: none; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .step-left {
      background: #00e0b5;
      height: 96px;
      left: 0;
      position: absolute;
      top: 0;
      transform: translate(88px, -50%);
      width: 72px; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .step-left img {
        height: 28px;
        margin: auto; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .step-right {
      background: #00e0b5;
      height: 96px;
      left: 0;
      position: absolute;
      top: 0;
      transform: translate(0, -50%);
      width: 72px; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .step-right img {
        height: 28px;
        margin: auto; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-heading {
      color: #383850;
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 16px; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-body {
      margin-bottom: 72px; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .favorite-heading,
    #index #how-to .how-to-item .how-to-text .how-to-text-content .support-heading {
      color: #383850;
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 0; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .favorite-body,
    #index #how-to .how-to-item .how-to-text .how-to-text-content .support-body {
      font-size: 16px;
      margin: 0; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .value-plus .pc {
      display: block;
      width: 100%; }
    #index #how-to .how-to-item .how-to-text .how-to-text-content .value-plus .sp {
      display: none; }
  #index #how-to .how-to-item .how-to-image-pc img {
    width: 400px;
    height: auto; }
  #index #how-to .how-to-item.item1 {
    margin-top: 200px; }
    #index #how-to .how-to-item.item1 .how-to-text-content {
      box-sizing: border-box;
      padding: 106px 0 108px 88px;
      position: relative;
      width: 640px; }
    #index #how-to .how-to-item.item1 .how-to-image-pc img {
      position: absolute;
      right: 88px;
      top: 55%;
      transform: translate(0, -50%);
      z-index: 5; }
  #index #how-to .how-to-item.item2 {
    margin-top: 280px; }
    #index #how-to .how-to-item.item2 .how-to-text-content {
      box-sizing: border-box;
      margin-left: auto;
      padding: 106px 88px 108px 0;
      position: relative;
      width: 640px; }
    #index #how-to .how-to-item.item2 .how-to-image-pc img {
      left: 88px;
      position: absolute;
      top: 55%;
      transform: translate(0, -50%);
      z-index: 5; }
  #index #how-to .how-to-item.item3 {
    margin-top: 280px; }
    #index #how-to .how-to-item.item3 .how-to-text-content {
      box-sizing: border-box;
      padding: 106px 0 108px 88px;
      position: relative;
      width: 640px; }
    #index #how-to .how-to-item.item3 .how-to-image-pc img {
      position: absolute;
      right: 88px;
      top: 55%;
      transform: translate(0, -50%);
      z-index: 5; } }

@media screen and (max-width: 1279px) and (min-width: 600px) {
  #index #how-to {
    padding-top: 64px;
    padding-bottom: 20vw; }
    #index #how-to h2:before {
      width: 32px; }
    #index #how-to .how-to-item .how-to-text {
      box-sizing: border-box;
      margin: auto;
      position: relative; }
      #index #how-to .how-to-item .how-to-text .how-to-bg-left {
        background: #f7f7fa;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 500%; }
      #index #how-to .how-to-item .how-to-text .how-to-bg-right {
        background: #f7f7fa;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 500%; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content {
        width: 50%; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-image-sp {
          display: none; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .step-left {
          background: #00e0b5;
          height: 80px;
          left: 0;
          position: absolute;
          top: 0;
          transform: translate(88px, -50%);
          width: 60px; }
          #index #how-to .how-to-item .how-to-text .how-to-text-content .step-left img {
            height: 20px;
            margin: auto; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .step-right {
          background: #00e0b5;
          height: 80px;
          left: 0;
          position: absolute;
          top: 0;
          transform: translate(0, -50%);
          width: 60px; }
          #index #how-to .how-to-item .how-to-text .how-to-text-content .step-right img {
            height: 20px;
            margin: auto; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-heading {
          color: #383850;
          font-size: 20px;
          font-weight: 600;
          line-height: 28px;
          margin-bottom: 4px; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-body {
          font-size: 14px;
          margin-bottom: 40px; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .favorite-heading,
        #index #how-to .how-to-item .how-to-text .how-to-text-content .support-heading {
          color: #383850;
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 0; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .favorite-body,
        #index #how-to .how-to-item .how-to-text .how-to-text-content .support-body {
          font-size: 14px;
          margin: 0; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .value-plus .pc {
          display: none; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .value-plus .sp {
          display: block;
          width: 100%; }
    #index #how-to .how-to-item .how-to-image-pc img {
      filter: drop-shadow(0 8px 48px rgba(0, 0, 0, 0.086));
      max-width: 280px;
      width: 30vw;
      height: auto; }
    #index #how-to .how-to-item.item1 {
      margin-top: 16vw; }
      #index #how-to .how-to-item.item1 .how-to-text-content {
        box-sizing: border-box;
        position: relative;
        padding: 86px 0 88px 88px; }
      #index #how-to .how-to-item.item1 .how-to-image-pc img {
        position: absolute;
        right: 88px;
        top: 55%;
        transform: translate(0, -50%);
        z-index: 5; }
    #index #how-to .how-to-item.item2 {
      margin-top: 20vw; }
      #index #how-to .how-to-item.item2 .how-to-text-content {
        box-sizing: border-box;
        margin-left: auto;
        padding: 86px 88px 88px 0;
        position: relative; }
      #index #how-to .how-to-item.item2 .how-to-image-pc img {
        left: 88px;
        position: absolute;
        top: 55%;
        transform: translate(0, -50%);
        z-index: 5; }
    #index #how-to .how-to-item.item3 {
      margin-top: 20vw; }
      #index #how-to .how-to-item.item3 .how-to-text-content {
        box-sizing: border-box;
        padding: 86px 0 88px 88px;
        position: relative; }
      #index #how-to .how-to-item.item3 .how-to-image-pc img {
        position: absolute;
        right: 88px;
        top: 55%;
        transform: translate(0, -50%);
        z-index: 5; } }

@media screen and (max-width: 599px) {
  #index #how-to {
    padding-top: 64px;
    padding-bottom: 64px; }
    #index #how-to h2:before {
      width: 24px; }
    #index #how-to .how-to-item .how-to-text {
      box-sizing: border-box;
      margin: auto;
      width: 100%; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .step-left, #index #how-to .how-to-item .how-to-text .how-to-text-content .step-right {
        background: #00e0b5;
        height: 64px;
        left: 32px;
        position: absolute;
        top: 0;
        transform: translate(0px, -50%);
        width: 47px; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .step-left img, #index #how-to .how-to-item .how-to-text .how-to-text-content .step-right img {
          height: 16px;
          margin: auto; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-image-sp {
        position: relative; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-image-sp img {
          display: block;
          margin: auto;
          max-width: 200px;
          position: relative;
          z-index: 5;
          height: auto; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-heading {
        color: #383850;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 4px;
        margin-top: 16px; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-body {
        margin-bottom: 32px; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .favorite-heading,
      #index #how-to .how-to-item .how-to-text .how-to-text-content .support-heading {
        color: #383850;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 0; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .favorite-body,
      #index #how-to .how-to-item .how-to-text .how-to-text-content .support-body {
        font-size: 16px;
        margin: 0;
        margin-top: 4px; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .how-to-text-wrap {
        margin: auto;
        max-width: 480px; }
      #index #how-to .how-to-item .how-to-text .how-to-text-content .value-plus {
        margin: 0 -16px; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .value-plus img {
          width: 100%;
          height: auto; }
        #index #how-to .how-to-item .how-to-text .how-to-text-content .value-plus .pc {
          display: none; }
    #index #how-to .how-to-item .how-to-image-pc {
      display: none; }
    #index #how-to .how-to-item.item1 .how-to-text-content, #index #how-to .how-to-item.item3 .how-to-text-content {
      background: #f7f7fa;
      box-sizing: border-box;
      margin-left: 16px;
      margin-top: 96px;
      padding: 48px 48px 48px 32px;
      position: relative; }
    #index #how-to .how-to-item.item2 .how-to-text-content {
      background: #f7f7fa;
      box-sizing: border-box;
      margin-right: 16px;
      margin-top: 96px;
      padding: 48px 32px 48px 48px;
      position: relative; } }

#index #review {
  margin: 0;
  overflow: visible;
  padding-top: 120px;
  padding-bottom: 80px; }
  #index #review h2 {
    color: #383850;
    font-size: 40px;
    margin-bottom: 100px;
    text-align: center; }
    #index #review h2:before {
      content: url(images/icon/review.svg);
      display: block;
      margin: 0 auto 8px; }
  #index #review .review-list {
    opacity: 0; }
    #index #review .review-list ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 1200px;
      margin: 0 auto; }
      #index #review .review-list ul li {
        background: #ffffff;
        border-radius: 8px;
        box-shadow: 0 24px 24px rgba(0, 0, 0, 0.031);
        box-sizing: border-box;
        margin-right: 0;
        max-width: 360px;
        margin-bottom: 80px;
        padding: 48px 32px;
        position: relative; }
        #index #review .review-list ul li .card-cat {
          background: #00e0b5;
          border-radius: 4px;
          color: #ffffff;
          left: -24px;
          padding: 8px 12px;
          position: absolute;
          top: -24px; }
          #index #review .review-list ul li .card-cat.jobs:before {
            content: url(images/icon/jobs.svg);
            display: inline-block;
            height: 20px;
            margin: -4px 4px 0 0;
            vertical-align: middle;
            width: 24px; }
          #index #review .review-list ul li .card-cat.leisure:before {
            content: url(images/icon/leisure.svg);
            display: inline-block;
            height: 20px;
            margin: -4px 4px 0 0;
            vertical-align: middle;
            width: 24px; }
          #index #review .review-list ul li .card-cat.shopping:before {
            content: url(images/icon/shopping.svg);
            display: inline-block;
            height: 20px;
            margin: 0 4px 0 0;
            vertical-align: middle;
            width: 24px; }
        #index #review .review-list ul li .review-comment {
          height: auto;
          margin: 0;
          padding: 0;
          overflow-y: visible; }
          #index #review .review-list ul li .review-comment h3 {
            margin-bottom: 16px; }
          #index #review .review-list ul li .review-comment p {
            margin: 0; }

@media screen and (min-width: 1280px) {
  #index #review h2:before {
    width: 48px; } }

@media screen and (max-width: 1279px) {
  #index #review {
    padding: 64px 0; }
    #index #review h2 {
      font-size: 32px;
      margin-bottom: 60px; }
      #index #review h2:before {
        width: 32px; }
    #index #review .review-list ul {
      display: block;
      overflow-x: scroll;
      margin: 0;
      max-width: none;
      padding: 0 8px;
      white-space: nowrap; }
      #index #review .review-list ul li {
        display: inline-block;
        min-width: initial;
        max-width: 300px;
        margin: 8px 8px 32px;
        padding: 48px 24px 32px;
        position: relative;
        white-space: initial;
        width: 78vw; }
        #index #review .review-list ul li .card-cat {
          background: #00e0b5;
          border-radius: 4px;
          color: #ffffff;
          left: -8px;
          padding: 8px 12px;
          position: absolute;
          top: -8px; }
          #index #review .review-list ul li .card-cat img {
            margin-right: 8px;
            vertical-align: -15%; } }

@media screen and (max-width: 599px) {
  #index #review h2 {
    font-size: 24px; }
    #index #review h2:before {
      width: 24px; } }

#index #index-cta {
  background-color: #55EACE;
  background-position: center;
  background-size: cover;
  margin: 0 0 120px;
  padding: 296px 0;
  position: relative; }
  #index #index-cta .box-container {
    max-width: 1200px;
    margin: auto; }
    #index #index-cta .box-container .text h2 {
      margin-bottom: 24px; }
    #index #index-cta .box-container .text p {
      color: #383850;
      margin-bottom: 80px; }
    #index #index-cta .box-container .text a {
      background: #ffffff;
      border-radius: 8px;
      box-shadow: 0 20px 20px rgba(0, 0, 0, 0.086);
      color: #383850;
      display: inline-block;
      font-size: 24px;
      padding: 18px 92px;
      text-decoration: none; }
      #index #index-cta .box-container .text a:hover {
        transform: translate(0, -4px); }
    #index #index-cta .box-container .img {
      left: 50%;
      opacity: 0;
      position: absolute;
      top: 0; }

@media screen and (max-width: 1279px) {
  #index #index-cta {
    background-color: #55EACE;
    background-position: center;
    background-size: cover;
    margin: 0 0 64px;
    overflow: hidden;
    padding: 120px 0;
    position: relative; }
    #index #index-cta .box-container {
      margin: auto; }
      #index #index-cta .box-container .text {
        max-width: 560px;
        margin: auto;
        padding: 0 40px; }
        #index #index-cta .box-container .text h2 {
          font-size: 36px;
          margin-bottom: 24px; }
        #index #index-cta .box-container .text p {
          color: #383850;
          font-size: 16px;
          margin-bottom: 48px; }
        #index #index-cta .box-container .text a {
          background: #ffffff;
          border-radius: 8px;
          box-shadow: 0 20px 20px rgba(0, 0, 0, 0.086);
          color: #383850;
          display: inline-block;
          font-size: 14px;
          padding: 12px 52px; }
      #index #index-cta .box-container .img {
        position: initial;
        text-align: center; }
        #index #index-cta .box-container .img img {
          max-width: 640px;
          width: 100%;
          height: auto; } }

@media screen and (max-width: 480px) {
  #index #index-cta .box-container .text {
    max-width: 560px;
    margin: auto;
    padding: 0 40px; }
    #index #index-cta .box-container .text h2 {
      font-size: 24px;
      margin-bottom: 24px; }
    #index #index-cta .box-container .text p {
      color: #383850;
      font-size: 14px;
      margin-bottom: 48px; }
    #index #index-cta .box-container .text a {
      background: #ffffff;
      border-radius: 8px;
      box-shadow: 0 20px 20px rgba(0, 0, 0, 0.086);
      color: #383850;
      display: inline-block;
      font-size: 14px;
      padding: 12px 52px; } }

#index #spot-list .box-container h2 {
  text-align: center;
  margin-bottom: 52px; }
  #index #spot-list .box-container h2:before {
    content: '';
    display: block;
    margin: 0 auto 8px;
    background-image: url(images/icon/spot.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 48px;
    height: 48px; }

#index #spot-list .box-container .spot-list-container {
  background: #ffffff;
  border-radius: 4px;
  box-sizing: border-box; }
  #index #spot-list .box-container .spot-list-container .tab-list ul li {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    #index #spot-list .box-container .spot-list-container .tab-list ul li img {
      display: block; }
    #index #spot-list .box-container .spot-list-container .tab-list ul li span {
      line-height: 1; }
    #index #spot-list .box-container .spot-list-container .tab-list ul li.is-active {
      color: #009D7F; }
      #index #spot-list .box-container .spot-list-container .tab-list ul li.is-active svg path {
        fill: #009D7F; }
    #index #spot-list .box-container .spot-list-container .tab-list ul li:hover {
      background-color: #f4f4f9;
      transition: 0.3s ease; }
  #index #spot-list .box-container .spot-list-container .tab-content .tab-item .spot-list-box .spot-list-wrap .spot-list {
    padding: 0;
    gap: 8px; }
    #index #spot-list .box-container .spot-list-container .tab-content .tab-item .spot-list-box .spot-list-wrap .spot-list .spot-item {
      margin: 0; }
      #index #spot-list .box-container .spot-list-container .tab-content .tab-item .spot-list-box .spot-list-wrap .spot-list .spot-item.primary-spot-item {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 16px;
        margin-bottom: 8px; }
        #index #spot-list .box-container .spot-list-container .tab-content .tab-item .spot-list-box .spot-list-wrap .spot-list .spot-item.primary-spot-item a {
          color: #fff;
          font-size: 16px;
          height: auto;
          position: relative;
          overflow: hidden;
          padding: 0;
          line-height: 1;
          display: flex;
          align-items: center;
          justify-content: center;
          white-space: normal;
          aspect-ratio: 2 / 1;
          text-align: center; }
          #index #spot-list .box-container .spot-list-container .tab-content .tab-item .spot-list-box .spot-list-wrap .spot-list .spot-item.primary-spot-item a:hover {
            background: initial; }
            #index #spot-list .box-container .spot-list-container .tab-content .tab-item .spot-list-box .spot-list-wrap .spot-list .spot-item.primary-spot-item a:hover img {
              filter: brightness(0.9);
              transition: 0.3s ease; }
          #index #spot-list .box-container .spot-list-container .tab-content .tab-item .spot-list-box .spot-list-wrap .spot-list .spot-item.primary-spot-item a img {
            width: 100%;
            height: auto;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translate(0, -50%);
            z-index: -1;
            filter: brightness(0.8);
            transition: 0.3s ease; }

@media screen and (min-width: 888px) {
  #index #spot-list .box-container h2 {
    margin-bottom: 64px; }
    #index #spot-list .box-container h2:before {
      width: 48px; }
  #index #spot-list .box-container .spot-list-container {
    width: 100%;
    max-width: 880px;
    margin: auto;
    border: 1px solid #D7D7DC;
    border-radius: 16px;
    overflow: hidden; }
    #index #spot-list .box-container .spot-list-container .tab-list ul {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; }
      #index #spot-list .box-container .spot-list-container .tab-list ul li {
        text-align: center;
        height: 84px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #D7D7DC;
        cursor: pointer;
        transition: 0.2s ease; }
        #index #spot-list .box-container .spot-list-container .tab-list ul li.is-active {
          background-color: #E6FCF8;
          transition: 0.2s ease; }
        #index #spot-list .box-container .spot-list-container .tab-list ul li:first-child {
          border-right: 1px solid #D7D7DC; }
        #index #spot-list .box-container .spot-list-container .tab-list ul li:last-child {
          border-left: 1px solid #D7D7DC; }
        #index #spot-list .box-container .spot-list-container .tab-list ul li .sp {
          display: none; }
    #index #spot-list .box-container .spot-list-container .tab-item {
      display: none;
      padding: 40px 52px 20px; }
      #index #spot-list .box-container .spot-list-container .tab-item.is-active {
        display: block; }
      #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px 64px; }
        #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box {
          z-index: 5; }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box.spot-main-station, #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box.spot-tourism {
            border-bottom: 1px solid #E5E5ED; }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-heading {
            text-align: center;
            margin-bottom: 24px; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-heading h3 {
              display: inline-block;
              position: relative;
              font-size: 20px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-heading h3::before {
                content: "";
                height: 8px;
                width: calc(100% + 8px);
                position: absolute;
                bottom: 0;
                left: -4px;
                background-color: #f4e921;
                z-index: -1; }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-list-wrap .spot-list .spot-more {
            width: 100%; }
      #index #spot-list .box-container .spot-list-container .tab-item.tab-station, #index #spot-list .box-container .spot-list-container .tab-item.tab-address {
        padding: 32px 72px; }
        #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc {
          background-image: url(images/map.svg);
          background-size: 680px;
          background-position: 0 32px;
          background-repeat: no-repeat;
          position: relative;
          width: 100%;
          height: 580px; }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul {
            border-radius: 4px;
            position: absolute; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.okinawa, #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.kyushu, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.okinawa, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.kyushu {
              background-color: #FBEBEB;
              border: 2px solid #EFAFB0;
              width: 84px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.okinawa li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.kyushu li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.okinawa li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.kyushu li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #F7D7D7;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.okinawa, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.okinawa {
              top: 76px; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.kyushu, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.kyushu {
              bottom: 0;
              left: 0; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.chugoku, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.chugoku {
              background-color: #FFF0EC;
              border: 2px solid #FFC4B1;
              width: 84px;
              top: 76px;
              left: 130px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.chugoku li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.chugoku li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #FFC4B1;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.kinki, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.kinki {
              background-color: #E6FCF8;
              border: 2px solid #66ECD3;
              width: 84px;
              top: 38px;
              left: 240px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.kinki li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.kinki li::before {
                content: "";
                width: 52px;
                height: 0;
                border-bottom: 2px solid #99F3E1;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.hokuriku-koshinetsu, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.hokuriku-koshinetsu {
              background-color: #ECEEFF;
              border: 2px solid #B0B9FF;
              width: 84px;
              left: 348px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.hokuriku-koshinetsu li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.hokuriku-koshinetsu li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #B3BCFF;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.shikoku, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.shikoku {
              background-color: #FEFDE9;
              border: 2px solid #F8F27A;
              width: 84px;
              left: 240px;
              bottom: 0; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.shikoku li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.shikoku li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #F8F27A;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.tokai, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.tokai {
              background-color: #F0FAFB;
              border: 2px solid #C4ECEF;
              width: 84px;
              left: 348px;
              bottom: 0; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.tokai li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.tokai li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #A7E3E8;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.kanto, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.kanto {
              background-color: #F4E6F6;
              border: 2px solid #D299DB;
              width: 84px;
              left: 500px;
              bottom: 0; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.kanto li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.kanto li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #E9CCED;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.hokkaido, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.hokkaido {
              background-color: #FFECF3;
              border: 2px solid #FFBED5;
              width: 84px;
              right: 0;
              top: 0; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.hokkaido li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.hokkaido li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #FFCEE0;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.tohoku, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.tohoku {
              background-color: #FFECF3;
              border: 2px solid #FFBED5;
              width: 84px;
              right: 0;
              bottom: 114px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul.tohoku li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul.tohoku li::before {
                content: "";
                width: 52px;
                height: 2px;
                border-bottom: 2px solid #FFCEE0;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul li, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul li {
              height: 38px;
              position: relative; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul li a, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul li a {
                font-weight: bold;
                color: #383850;
                text-decoration: none;
                display: block;
                height: 100%;
                width: 100%;
                text-align: center;
                line-height: 38px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc ul li:last-child::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc ul li:last-child::before {
                display: none; }
        #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp {
          display: none; } }

@media screen and (max-width: 887px) {
  #index #spot-list .box-container {
    padding-inline: 15px; }
    #index #spot-list .box-container .spot-list-container {
      width: 100%;
      max-width: 880px;
      margin: auto;
      border: 1px solid #D7D7DC;
      border-radius: 4px;
      overflow: hidden; }
      #index #spot-list .box-container .spot-list-container .tab-list ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr; }
        #index #spot-list .box-container .spot-list-container .tab-list ul li {
          text-align: center;
          height: 100px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-bottom: 1px solid #D7D7DC;
          cursor: pointer;
          transition: 0.2s ease;
          gap: 8px; }
          #index #spot-list .box-container .spot-list-container .tab-list ul li.is-active {
            background-color: #E6FCF8;
            transition: 0.2s ease; }
          #index #spot-list .box-container .spot-list-container .tab-list ul li:first-child {
            border-right: 1px solid #D7D7DC; }
          #index #spot-list .box-container .spot-list-container .tab-list ul li:last-child {
            border-left: 1px solid #D7D7DC; }
          #index #spot-list .box-container .spot-list-container .tab-list ul li svg {
            height: 32px; }
          #index #spot-list .box-container .spot-list-container .tab-list ul li span {
            line-height: 18px; }
      #index #spot-list .box-container .spot-list-container .tab-item {
        display: none;
        padding: 32px 16px; }
        #index #spot-list .box-container .spot-list-container .tab-item.is-active {
          display: block; }
        #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 32px; }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box {
            z-index: 5;
            border-bottom: 1px solid #E5E5ED; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box.spot-airport {
              border: none; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-heading {
              text-align: center;
              margin-bottom: 24px; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-heading h3 {
                display: inline-block;
                position: relative;
                font-size: 16px; }
                #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-heading h3::before {
                  content: "";
                  height: 8px;
                  width: calc(100% + 8px);
                  position: absolute;
                  bottom: 0;
                  left: -4px;
                  background-color: #f4e921;
                  z-index: -1; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap .spot-list-box .spot-list-wrap .spot-list .spot-more {
              width: 100%; }
        #index #spot-list .box-container .spot-list-container .tab-item.tab-station, #index #spot-list .box-container .spot-list-container .tab-item.tab-address {
          padding: 0; }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-pc, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-pc {
            display: none; }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-header, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-header {
            height: 46px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-inline: 15px;
            position: relative;
            font-weight: bold;
            transition: 0.2s ease; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-header::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-header::before {
              content: "";
              width: calc(100% - 30px);
              height: 2px;
              border-bottom: 1px solid #E5E5ED;
              position: absolute;
              bottom: 0;
              left: 50%;
              transform: translate(-50%, 0); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-header.open, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-header.open {
              background-color: #E6FCF8; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-header.open::after, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-header.open::after {
                content: url(images/icon/accordion-header-arrow-open.svg);
                position: absolute;
                width: 24px;
                height: 24px;
                right: 15px;
                top: 50%;
                transform: translate(0, -50%); }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-header::after, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-header::after {
              content: url(images/icon/accordion-header-arrow.svg);
              position: absolute;
              width: 24px;
              height: 24px;
              right: 15px;
              top: 50%;
              transform: translate(0, -50%); }
          #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-inner, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-inner {
            display: none;
            padding-inline: 15px; }
            #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-inner li, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-inner li {
              height: 46px;
              position: relative; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-inner li a, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-inner li a {
                display: flex;
                color: #383850;
                padding-left: 15px;
                align-items: center;
                width: 100%;
                height: 100%; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-inner li::before, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-inner li::before {
                content: "";
                width: calc(100% - 15px);
                height: 2px;
                border-bottom: 1px solid #E5E5ED;
                position: absolute;
                bottom: 0;
                right: 0; }
              #index #spot-list .box-container .spot-list-container .tab-item.tab-station .map-sp .accordion-inner li::after, #index #spot-list .box-container .spot-list-container .tab-item.tab-address .map-sp .accordion-inner li::after {
                content: url(images/icon/accordion-inner-arrow.svg);
                position: absolute;
                width: 24px;
                height: 24px;
                right: 0;
                top: 50%;
                transform: translate(0, -50%); } }

@media screen and (max-width: 740px) {
  #index #spot-list .box-container .spot-list-container .tab-item.tab-popular .spot-list-box-wrap {
    grid-template-columns: 1fr;
    gap: 32px; } }

@media screen and (max-width: 1279px) {
  #index #spot-list .box-container h2 {
    font-size: 32px;
    margin-bottom: 60px;
    margin-bottom: 52px; }
    #index #spot-list .box-container h2:before {
      width: 32px;
      height: 32px; } }

@media screen and (max-width: 599px) {
  #index #spot-list .box-container h2 {
    font-size: 24px;
    margin-bottom: 32px; }
    #index #spot-list .box-container h2:before {
      width: 24px;
      height: 24px; } }

#index #app-suggest .app-link {
  align-items: center;
  background: #04e1b4;
  border-radius: 4px;
  overflow: hidden; }
  #index #app-suggest .app-link .img img {
    display: block;
    width: 100%;
    height: auto; }
  #index #app-suggest .app-link ul {
    display: flex; }
    #index #app-suggest .app-link ul li img {
      display: block;
      width: 100%;
      height: auto; }

#index .before-footer .owned-media-link {
  margin: 32px 0 0; }
  #index .before-footer .owned-media-link ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    align-items: baseline; }
  #index .before-footer .owned-media-link li {
    width: auto;
    margin: 0; }

#index .before-footer .owned-media-link--short ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px; }

#index section.partnership .col {
  margin: 0; }

@media screen and (min-width: 1280px) {
  #index #app-suggest {
    margin-bottom: 32px; }
    #index #app-suggest .app-link {
      display: flex; }
      #index #app-suggest .app-link .img {
        width: calc(100% - 380px); }
        #index #app-suggest .app-link .img .app-link-tab {
          display: none; }
        #index #app-suggest .app-link .img .app-link-sp {
          display: none; }
      #index #app-suggest .app-link ul {
        padding-right: 48px;
        width: 380px; }
        #index #app-suggest .app-link ul li {
          margin-left: 16px;
          max-width: 150px; } }

@media screen and (max-width: 1279px) {
  #index #app-suggest {
    margin-bottom: 32px; }
    #index #app-suggest .app-link {
      display: flex; }
      #index #app-suggest .app-link .img {
        width: calc(100% - 380px); }
        #index #app-suggest .app-link .img .app-link-pc {
          display: none; }
        #index #app-suggest .app-link .img .app-link-tab {
          display: block; }
        #index #app-suggest .app-link .img .app-link-sp {
          display: none; }
      #index #app-suggest .app-link ul {
        padding-right: 32px;
        width: 380px; }
        #index #app-suggest .app-link ul li {
          margin-left: 16px;
          max-width: 150px; } }

@media screen and (max-width: 767px) {
  #index #app-suggest {
    margin-bottom: 16px;
    max-width: 640px;
    padding: 0 16px; }
    #index #app-suggest .app-link {
      display: block; }
      #index #app-suggest .app-link .img {
        width: 100%; }
        #index #app-suggest .app-link .img .app-link-pc {
          display: none; }
        #index #app-suggest .app-link .img .app-link-tab {
          display: none; }
        #index #app-suggest .app-link .img .app-link-sp {
          display: block; }
      #index #app-suggest .app-link ul {
        justify-content: center;
        padding: 16px 8px 32px;
        width: calc(100% - 16px); }
        #index #app-suggest .app-link ul li {
          margin: 0 8px;
          max-width: 200px;
          width: calc(50% - 16px); }
  #index .before-footer .owned-media-link ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px; }
  #index .before-footer .owned-media-link li {
    width: auto;
    margin: 0; } }

.fadeinimg {
  animation: fadeinimg .4s ease forwards; }

@keyframes fadeinimg {
  0% {
    transform: translateY(-45%);
    opacity: 0; }
  100% {
    transform: translateY(-50%);
    opacity: 1; } }

.fadeincard {
  animation: fadeincard .4s ease forwards; }

@keyframes fadeincard {
  0% {
    transform: translateY(5%);
    opacity: 0; }
  100% {
    transform: translateY(0%);
    opacity: 1; } }

.how-to-heading {
  background-image: linear-gradient(90deg, #f4e921, #f4e921);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 0 30%;
  display: inline-block;
  line-height: 48px;
  position: relative;
  transition: all .4s ease; }

@media screen and (max-width: 1279px) {
  .how-to-heading {
    line-height: 28px; } }

.how-to-heading.marker {
  background-size: 100% 30%; }

.covid-spot {
  background: #ffffff; }

.covid-spot header {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 48px; }
  .covid-spot header .logo {
    margin-top: 8px;
    width: 100px; }
  .covid-spot header .breadcrumb {
    padding: 0; }
    .covid-spot header .breadcrumb li {
      display: inline-block;
      margin-right: 8px; }
      .covid-spot header .breadcrumb li:after {
        content: "&gt;";
        color: #828291;
        font-size: 120%;
        margin-top: -2px;
        margin-left: 8px; }
      .covid-spot header .breadcrumb li:last-child:after {
        display: none; }
      .covid-spot header .breadcrumb li a {
        color: #828291;
        text-decoration: underline; }
        .covid-spot header .breadcrumb li a:hover {
          color: #f95332; }

@media screen and (max-width: 767.98px) {
  .covid-spot header {
    padding: 0; }
    .covid-spot header .logo {
      margin-left: 16px;
      width: 80px; }
    .covid-spot header .breadcrumb {
      background: #f0f0f2;
      padding: 8px 16px; } }

#covid-spot-search {
  padding: 0 48px; }

@media screen and (max-width: 767.98px) {
  #covid-spot-search {
    margin: 24px 0;
    padding: 0 16px; }
    #covid-spot-search .search .input-group .search-pin {
      height: 24px;
      padding: 12px;
      width: 24px; }
    #covid-spot-search .search .input-group input {
      height: 48px;
      padding-left: 48px; }
    #covid-spot-search .search .input-group-button .button img {
      height: 24px;
      width: 24px; } }

#covid-spot-list {
  margin: 48px 0 0;
  padding: 0 64px; }
  #covid-spot-list .container {
    margin: 0 auto;
    max-width: 1200px; }
    #covid-spot-list .container .result {
      font-size: 20px; }
      #covid-spot-list .container .result span {
        font-size: 28px;
        font-weight: 600; }
    #covid-spot-list .container .spot-list {
      border-top: 1px solid #cbcbd2; }
      #covid-spot-list .container .spot-list li {
        align-items: center;
        border-bottom: 1px solid #cbcbd2;
        display: flex;
        width: 100%; }
        #covid-spot-list .container .spot-list li .spot-name {
          padding: 24px;
          width: calc(100% - 364px / 2); }
          #covid-spot-list .container .spot-list li .spot-name a {
            color: #00b893; }
        #covid-spot-list .container .spot-list li .spot-address {
          padding: 24px 0;
          width: calc(100% - 364px / 2); }
        #covid-spot-list .container .spot-list li .spot-buttons {
          display: flex;
          padding: 24px;
          width: 364px; }
          #covid-spot-list .container .spot-list li .spot-buttons .button-official {
            color: #828291;
            width: 100px; }
          #covid-spot-list .container .spot-list li .spot-buttons .button-search {
            background: #30b1c6;
            border: 1px solid #30b1c6;
            color: #ffffff;
            margin-left: 16px;
            width: 200px; }
    #covid-spot-list .container .pagenation {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 48px; }
      #covid-spot-list .container .pagenation .prev,
      #covid-spot-list .container .pagenation .next {
        align-items: center;
        background: #d5faf3;
        border-radius: 4px;
        color: #00b893;
        display: flex;
        font-weight: 600;
        padding: 8px 16px; }
        #covid-spot-list .container .pagenation .prev:hover,
        #covid-spot-list .container .pagenation .next:hover {
          text-decoration: none; }
        #covid-spot-list .container .pagenation .prev.disabled,
        #covid-spot-list .container .pagenation .next.disabled {
          background: #f0f0f2;
          color: #cbcbd2;
          pointer-events: none; }
      #covid-spot-list .container .pagenation .page {
        display: flex; }
        #covid-spot-list .container .pagenation .page li a {
          color: #00b893;
          display: block;
          padding: 16px; }
        #covid-spot-list .container .pagenation .page li.dots {
          padding: 16px; }
        #covid-spot-list .container .pagenation .page li.current {
          font-weight: 600;
          padding: 16px; }
    #covid-spot-list .container .no-spot-content {
      background: #f0f0f2;
      text-align: center;
      margin-top: 8px; }
      #covid-spot-list .container .no-spot-content p {
        padding: 24px; }

@media screen and (max-width: 767.98px) {
  #covid-spot-list {
    margin-top: 32px;
    padding: 0; }
    #covid-spot-list .container .result {
      font-size: 16px;
      padding: 0 16px; }
      #covid-spot-list .container .result span {
        font-size: 20px; }
    #covid-spot-list .container .spot-list {
      padding: 0; }
      #covid-spot-list .container .spot-list li {
        display: block; }
        #covid-spot-list .container .spot-list li .spot-name {
          box-sizing: border-box;
          padding: 24px 16px 0;
          width: 100%; }
        #covid-spot-list .container .spot-list li .spot-address {
          box-sizing: border-box;
          padding: 8px 16px;
          width: 100%; }
        #covid-spot-list .container .spot-list li .spot-buttons {
          box-sizing: border-box;
          display: block;
          padding: 16px 16px 24px;
          width: 100%; }
          #covid-spot-list .container .spot-list li .spot-buttons .button-official {
            margin: 0 auto 16px;
            max-width: 280px;
            width: 100%; }
          #covid-spot-list .container .spot-list li .spot-buttons .button-search {
            margin: 0 auto;
            max-width: 280px;
            width: 100%; }
    #covid-spot-list .container .pagenation {
      border-bottom: 1px solid #cbcbd2;
      justify-content: space-between;
      margin: 0; }
      #covid-spot-list .container .pagenation .prev,
      #covid-spot-list .container .pagenation .next {
        background: #ffffff;
        padding: 16px; }
        #covid-spot-list .container .pagenation .prev.disabled,
        #covid-spot-list .container .pagenation .next.disabled {
          background: #ffffff; }
      #covid-spot-list .container .pagenation .page {
        display: flex; }
        #covid-spot-list .container .pagenation .page li.current {
          padding: 16px; }
        #covid-spot-list .container .pagenation .page li.last-page {
          color: #a6a6b1;
          padding: 16px 16px 16px 0; }
    #covid-spot-list .container .no-spot-content {
      background: none;
      margin: 24px;
      border-top: 1px solid #cbcbd2; } }

.covid-spot #after {
  color: #5d5d70;
  margin: 48px 0;
  padding: 0 48px 48px;
  text-align: center; }
  .covid-spot #after a {
    color: #5d5d70;
    text-decoration: underline; }
    .covid-spot #after a:hover {
      color: #00b893; }
  .covid-spot #after p {
    margin-top: 48px; }

@media screen and (max-width: 767.98px) {
  .covid-spot #after {
    background: #f0f0f2;
    margin-top: 0;
    margin-bottom: 32px;
    padding: 32px 16px 0;
    text-align: center; }
    .covid-spot #after p {
      margin-top: 32px; } }

.covid-spot #to-top {
  bottom: 48px;
  position: fixed;
  right: 48px;
  z-index: 1; }
  .covid-spot #to-top a {
    background: #00b893;
    border-radius: 40px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
    display: block;
    padding: 16px; }
    .covid-spot #to-top a img {
      display: block;
      height: 48px;
      width: 48px; }

@media screen and (max-width: 767.98px) {
  .covid-spot #to-top {
    bottom: 16px;
    right: 16px; }
    .covid-spot #to-top a {
      border-radius: 24px;
      padding: 12px; }
      .covid-spot #to-top a img {
        height: 24px;
        width: 24px; } }

.parking-reserve .step-navigation {
  background-color: #F0F0F2;
  height: 60px; }
  .parking-reserve .step-navigation ul {
    max-width: 318px;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; }
    .parking-reserve .step-navigation ul li {
      margin-top: 15px;
      text-align: center;
      font-size: 12px;
      line-height: 1;
      position: relative; }
      .parking-reserve .step-navigation ul li.active {
        font-weight: 600; }
        .parking-reserve .step-navigation ul li.active::before {
          content: "";
          width: 16px;
          height: 16px;
          border-radius: 8px;
          background-color: #6CD0D8;
          position: absolute;
          bottom: -22px;
          left: calc(50% - 8px);
          z-index: 25; }
      .parking-reserve .step-navigation ul li::before {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background-color: #CBCBD2;
        position: absolute;
        bottom: -20px;
        left: calc(50% - 6px);
        z-index: 25; }
      .parking-reserve .step-navigation ul li.step1::after {
        content: "";
        width: 50%;
        height: 2px;
        position: absolute;
        bottom: -15px;
        right: 0;
        border-bottom: 2px solid #CBCBD2; }
      .parking-reserve .step-navigation ul li.step2::after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: -15px;
        left: 0;
        border-bottom: 2px solid #CBCBD2; }
      .parking-reserve .step-navigation ul li.step3::after {
        content: "";
        width: 50%;
        height: 2px;
        position: absolute;
        bottom: -15px;
        left: 0;
        border-bottom: 2px solid #CBCBD2; }

.parking-reserve .parking-reserve-body .use-time-and-fee-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 798px;
  margin: auto;
  padding: 24px 0; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap.tent {
    grid-template-columns: 1fr;
    max-width: 345px;
    margin: 40px auto;
    border: 1px solid #CBCBD2;
    border-radius: 8px;
    padding: 24px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap.tent .reservation-form {
      display: none; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap.tent .use-time-and-fee {
      border-right: none;
      padding: 0; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap.tent .use-time-and-fee .use-time-and-fee-list {
        padding-left: 0; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap &gt; div {
    padding: 0 28px; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee {
    border-right: 1px solid #CBCBD2; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-heading {
      display: flex;
      justify-content: space-between; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-heading h2 {
        font-size: 16px;
        font-weight: 600; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-heading .change-reservation-date-trigger {
        display: flex;
        align-items: center;
        gap: 4px;
        cursor: pointer; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-heading .change-reservation-date-trigger img {
          width: 20px; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-heading .change-reservation-date-trigger span {
          text-decoration: underline; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form {
      display: grid;
      align-items: flex-end;
      grid-template-columns: 1fr auto 1fr;
      padding-bottom: 24px;
      border-bottom: 1px solid #cbcbd2;
      margin-top: 25px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .arrow {
        display: flex;
        align-items: center;
        height: 92px; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .arrow img {
          width: 24px;
          margin: 0 8px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start {
        margin-left: auto; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .input {
          position: relative; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start,
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end {
        display: flex;
        flex-flow: column;
        margin-bottom: 0;
        width: 100%;
        max-width: 152px; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .label,
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .label {
          padding: 0;
          vertical-align: top; }
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .label p,
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .label p {
            color: #383850; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .input,
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .input {
          display: flex;
          flex-flow: column;
          vertical-align: top;
          gap: 12px; }
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .input .date-wrap, .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .input .time-wrap,
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .input .date-wrap,
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .input .time-wrap {
            position: relative; }
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .input .date-wrap::before,
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .input .date-wrap::before {
            content: '';
            width: 24px;
            height: 24px;
            background: url(images/icon/ic-calender.svg);
            background-size: contain;
            position: absolute;
            top: 8px;
            left: 8px;
            display: block; }
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .input .time-wrap::before,
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .input .time-wrap::before {
            content: '';
            width: 24px;
            height: 24px;
            background: url(images/icon/ic-time.svg);
            background-size: contain;
            position: absolute;
            top: 8px;
            left: 8px;
            display: block; }
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-start .input select,
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reserve-hourly-end .input select {
            height: 40px;
            padding-left: 40px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form select {
        background-image: url(images/icon/follow-down.svg);
        background-color: #FFFFFF; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .reserve-hourly-form .reservation-error {
        display: none;
        font-size: 12px;
        color: #D73839;
        margin-top: 8px;
        grid-column-start: 1;
        grid-column-end: 4;
        text-align: right; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list {
      margin-top: 25px;
      padding-left: 12px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li {
        display: flex;
        justify-content: space-between;
        margin-bottom: 18px;
        line-height: 1; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li.total {
          font-size: 16px;
          padding-top: 18px;
          border-top: 1px solid #CBCBD2; }
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li.total .amount {
            color: #FF6366;
            font-weight: 600; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li .service-fee {
          display: flex;
          align-items: center;
          gap: 4px; }
          .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li .service-fee .help-trigger {
            width: 20px;
            height: 20px;
            cursor: pointer; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li .reservation-datetime {
          display: block;
          text-align: right; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li .reservation-time {
          display: block;
          font-size: 12px;
          color: #828291;
          margin-top: 8px;
          text-align: right; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee .use-time-and-fee-list li .reservation-error {
          display: none;
          font-size: 12px;
          color: #D73839;
          margin-top: 8px;
          text-align: right; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .login-registration .login-button {
    display: block;
    width: 100%;
    height: 48px;
    background-color: #00b893;
    color: #FFFFFF;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 20px; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .login-registration .registration-button {
    display: block;
    width: 100%;
    height: 48px;
    background-color: #FFFFFF;
    color: #00b893;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #00b893;
    border-radius: 4px;
    margin: 12px 0; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .login-registration p {
    display: block;
    text-align: center;
    margin: 0; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .login-registration div {
    margin-top: 20px;
    text-align: center; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .login-registration div img {
      width: 28px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .login-registration div p {
      font-size: 16px;
      font-weight: 600;
      line-height: 22px; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form {
    display: flex;
    flex-direction: column;
    gap: 25px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form h2 {
      font-size: 16px;
      font-weight: 600; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .phone-uncertified {
      padding: 16px;
      border: 1px solid #cbcbd2;
      border-radius: 4px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .phone-uncertified-badge {
      font-size: 12px;
      background: #ff6366;
      padding: 0px 8px;
      border-radius: 16px;
      color: #fff;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 8px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .phone-uncertified-desc {
      line-height: 1.5;
      margin-bottom: 8px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .phone-uncertified-link {
      font-weight: 600;
      font-size: 14px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item__note {
      margin-top: 8px;
      font-size: 12px;
      color: #828291;
      line-height: 1.3; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .label {
      padding: 0;
      margin-bottom: 10px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .input {
      position: relative; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .input select {
        background-image: url(images/icon/follow-down.svg);
        background-color: #FFFFFF; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .input select:disabled {
          background-color: #F0F0F2;
          cursor: not-allowed; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .input select[data-invalid="true"] {
          background: #FBDEDE;
          border-color: #D73839; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .align-checkbox {
      display: flex;
      align-items: center;
      gap: 8px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .align-checkbox label {
        margin-bottom: 0; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .align-checkbox input[type="checkbox"] {
        margin-top: 0;
        border-radius: 2px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-input-wrap {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-input-wrap[data-invalid="true"] .display-car-name {
        color: #D73839; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-input-wrap .display-car-name {
        font-size: 16px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-input-wrap .car-suggest-button {
        display: inline-block;
        padding: 8px 12px;
        background: transparent;
        border: 1px solid #00B893;
        color: #00B893;
        font-size: 16px;
        border-radius: 4px;
        line-height: 1.2 !important; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.phone .display-input {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 16px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.phone .display-input p {
        margin-bottom: 0; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.phone .badge {
      padding: 4px 8px;
      font-size: 12px;
      color: #fff;
      background: #FF6366;
      border-radius: 32px;
      font-weight: 400; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.phone .edit {
      margin-left: auto; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.recovery-car-deta {
      padding: 12px;
      background: #F0F0F2;
      display: none;
      justify-content: space-between;
      gap: 12px;
      align-items: center; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.recovery-car-deta .recovery-car-data-ttl {
        font-size: 12px;
        color: #383850;
        font-weight: 600; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.recovery-car-deta .recovery-car-data-desc {
        font-size: 12px;
        color: #383850; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.recovery-car-deta .recovery-car-data-btn {
        background: transparent;
        border: none;
        color: #00B893;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.input-later {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 12px 10px;
      align-items: center;
      line-height: 1.2; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.input-later .label {
        grid-column: 1 / 3;
        margin-bottom: 0; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.input-later .label p {
          margin: 0;
          font-size: 14px;
          color: #383850; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.input-later input {
        margin: 0; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.input-later p {
        grid-column: 1 / 3;
        margin: 0;
        line-height: 1;
        font-size: 12px;
        color: #FF6366; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.type .input {
      display: flex;
      gap: 16px;
      align-items: center; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item.type .input label {
        display: inline-flex;
        align-items: center; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .radio {
      display: inline-flex;
      align-items: center;
      margin-right: 16px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item input[type="radio"] {
      width: 20px;
      height: 20px;
      border: 2px solid #D8D7DD;
      border-radius: 10px;
      background: transparent;
      margin: 0;
      margin-right: 8px;
      position: relative; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item input[type="radio"]:checked::before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 5px;
      background: #00b893;
      position: absolute;
      top: calc(50% - 5px);
      left: calc(50% - 5px); }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-wrap {
      padding: 16px;
      border: 2px solid #CBCBD2;
      border-radius: 8px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .error-message {
      font-size: 12px;
      color: #D73839;
      margin-top: 8px;
      line-height: 1.3; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .error-message + .error-message {
        margin-top: 0; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-header {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 16px;
      margin-bottom: 16px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-header .area,
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-header .type {
        width: 93px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-header input {
        text-align: center; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-header input[data-invalid="true"] {
          background: #FBDEDE;
          border-color: #D73839; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-body {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-body .hiragana {
        width: 55px; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-body .hiragana input {
          padding: 0 8px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-body .number {
        width: 216px; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-body .number input {
          height: 98px;
          font-size: 32px;
          text-align: center; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-body input {
        text-align: center; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-number-body input[data-invalid="true"] {
          background: #FBDEDE;
          border-color: #D73839; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .message-caution {
      background: #FDFBDA;
      padding: 12px 12px 12px 40px;
      position: relative;
      font-weight: 700; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .message-caution:before {
        content: '';
        width: 20px;
        height: 20px;
        background: url(images/icon/caution.svg);
        background-size: 20px 20px;
        position: absolute;
        left: 12px;
        top: 14px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-suggest {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background-color: #FFFFFF;
      box-shadow: 0 4px 8px rgba(56, 56, 80, 0.08);
      z-index: 1;
      display: none;
      max-height: 200px;
      overflow-y: scroll;
      border-radius: 8px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-suggest[data-visible="visible"] {
        display: block; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-suggest &gt; div {
        padding: 12px 16px;
        cursor: pointer;
        border-bottom: 1px solid #CBCBD2; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-suggest &gt; div:last-child {
          border-bottom: none; }
        .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-item .car-name-suggest &gt; div:hover {
          background-color: #F0F0F2; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-message .message-error {
      background: #FBDEDE;
      color: #D73839;
      padding: 12px 12px 12px 40px;
      position: relative;
      font-size: 14px;
      margin-top: 8px; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-message .message-error:before {
        content: '';
        width: 20px;
        height: 20px;
        background: url(images/icon/caution-red.svg);
        background-size: 20px 20px;
        position: absolute;
        left: 12px;
        top: 12px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-message .message-caution {
      padding: 8px 12px;
      background: #FBDEDE;
      color: #D73839; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-message .message-ttl {
      font-size: 14px;
      font-weight: 700; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .reservation-form-message .message-desc {
      font-size: 12px;
      line-height: 1.3;
      margin-top: 2px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form .car-type-label {
      display: none;
      font-size: 14px;
      color: #828291;
      line-height: 1;
      font-weight: 300; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap hr {
    grid-column: 1 / 3;
    margin: 24px 0; }
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .payment-button-wrap {
    grid-column: 1 / 3;
    width: 100%;
    box-sizing: border-box; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .payment-button-wrap .payment-button {
      display: block;
      width: 100%;
      height: 48px;
      color: #FFFFFF;
      text-align: center;
      line-height: 48px;
      font-size: 16px;
      font-weight: 600;
      border-radius: 4px;
      position: relative;
      max-width: 343px;
      margin: auto;
      text-decoration: none; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .payment-button-wrap .payment-button .amount {
        position: absolute;
        left: 24px; }

@media screen and (max-width: 767px) {
  .parking-reserve .parking-reserve-body .use-time-and-fee-wrap {
    grid-template-columns: 1fr; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap.tent {
      border: none;
      margin: 8px auto 40px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap &gt; div {
      padding: 0 16px; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .use-time-and-fee {
      border: none; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .reservation-form {
      margin-top: 24px;
      padding-top: 24px;
      border-top: 1px solid #CBCBD2; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap hr {
      grid-column: initial; }
    .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .payment-button-wrap {
      padding: 0 16px;
      grid-column: initial; }
      .parking-reserve .parking-reserve-body .use-time-and-fee-wrap .payment-button-wrap .payment-button {
        max-width: initial; } }

.parking-reserve .modal-background .modal {
  padding: 40px 16px;
  box-sizing: border-box; }
  .parking-reserve .modal-background .modal &gt; div {
    width: 100%;
    max-width: 750px; }
    .parking-reserve .modal-background .modal &gt; div .dialog-header {
      padding: 0 16px;
      justify-content: space-between; }
      .parking-reserve .modal-background .modal &gt; div .dialog-header span {
        font-size: 16px;
        line-height: 1;
        font-weight: 600; }
      .parking-reserve .modal-background .modal &gt; div .dialog-header .action-modal-close {
        border: none;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0; }
        .parking-reserve .modal-background .modal &gt; div .dialog-header .action-modal-close img {
          width: 24px;
          height: 24px; }
      .parking-reserve .modal-background .modal &gt; div .dialog-header .dialog-content {
        padding: 24px 16px; }
  .parking-reserve .modal-background .modal hr {
    border-color: #CBCBD2; }
  @media screen and (max-width: 767px) {
    .parking-reserve .modal-background .modal {
      padding: 0; }
      .parking-reserve .modal-background .modal &gt; div {
        height: 100%;
        margin: 0;
        padding: 0;
        max-width: initial;
        border-radius: initial;
        max-height: initial; }
        .parking-reserve .modal-background .modal &gt; div .dialog-header {
          padding: 18px 16px; }
        .parking-reserve .modal-background .modal &gt; div .dialog-content {
          padding: 16px; } }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule {
  max-width: 500px;
  margin-top: 26px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .close {
    cursor: default; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .close .value::after {
      width: 80%;
      left: 10%;
      border-color: #CBCBD2; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date:hover .value {
    border: 1px solid #383850;
    transition: .1s ease; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date .value {
    border: 1px solid transparent;
    transition: .1s ease; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.active:hover .value, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.close:hover .value, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.full:hover .value, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.preorder:hover .value {
    border: 1px solid transparent;
    transition: .1s ease; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.active:hover .cancel, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.close:hover .cancel, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.full:hover .cancel, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.daily-calendar-date.preorder:hover .cancel {
    text-decoration: underline; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td .value {
    width: 54px;
    height: 54px;
    margin-bottom: 8px;
    border-radius: 27px;
    font-size: 16px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td .price {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.01em;
    color: #828291; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.today .value::before {
    width: 16px;
    height: 16px;
    border-radius: 8px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.full .value {
    color: #cbcbd2; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.full .price {
    color: #A6A6B1; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.full .cancel {
    font-size: 14px;
    color: #00b893;
    font-weight: normal;
    letter-spacing: -0.04em;
    line-height: 1.2; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.close {
    cursor: default; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.close .value {
      color: #CBCBD2; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.close .value::after {
      width: 80%;
      left: 10%;
      border-color: #CBCBD2; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.close .price {
      color: #CBCBD2; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-possible .value {
    color: #383850; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-possible .price {
    color: #828291; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-not-possible {
    cursor: default; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-not-possible .value {
      color: #CBCBD2; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.preorder-not-possible .price {
      color: #828291; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-member .value {
    color: #CBCBD2; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-member .price {
    color: #00b893; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-parking .value {
    color: #CBCBD2; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.preorder.not-preorder-parking .price {
    color: #CBCBD2;
    font-size: 12px; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-content-detail {
  margin-top: 16px;
  padding: 12px;
  border-radius: 4px;
  position: relative; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-note {
  margin-top: 8px;
  text-align: right;
  font-size: 12px;
  color: #828291; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .help-trigger {
  margin-top: 16px; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .preorder {
  max-width: 345px;
  margin: 12px auto auto; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .preorder-note {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form {
  display: grid;
  align-items: flex-end;
  grid-template-columns: 1fr auto 1fr;
  padding-bottom: 24px;
  border-bottom: 1px solid #cbcbd2; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .arrow {
    display: flex;
    align-items: center;
    height: 92px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .arrow img {
      width: 24px;
      margin: 0 8px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start {
    margin-left: auto; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .input {
      position: relative; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start,
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end {
    display: flex;
    flex-flow: column;
    margin-bottom: 0;
    width: 100%;
    max-width: 152px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .label,
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .label {
      padding: 0;
      vertical-align: top; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .label p,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .label p {
        color: #383850;
        padding-top: 12px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .input,
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .input {
      display: flex;
      flex-flow: column;
      vertical-align: top;
      gap: 12px; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .input .date-wrap, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .input .time-wrap,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .input .date-wrap,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .input .time-wrap {
        position: relative; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .input .date-wrap::before,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .input .date-wrap::before {
        content: '';
        width: 24px;
        height: 24px;
        background: url(images/icon/ic-calender.svg);
        background-size: contain;
        position: absolute;
        top: 8px;
        left: 8px;
        display: block; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .input .time-wrap::before,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .input .time-wrap::before {
        content: '';
        width: 24px;
        height: 24px;
        background: url(images/icon/ic-time.svg);
        background-size: contain;
        position: absolute;
        top: 8px;
        left: 8px;
        display: block; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-start .input select,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-hourly-form .reserve-hourly-end .input select {
        height: 40px;
        padding-left: 40px; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .notification-mail-trigger {
  margin: 16px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .notification-mail-trigger a {
    display: block;
    text-align: right; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total {
  background: #fdfbda;
  border: 1px solid #f4e921;
  border-radius: 4px;
  margin: 16px;
  padding: 16px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .price {
    display: table;
    padding-top: 8px;
    width: 100%; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .price:first-of-type, .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .price:last-of-type {
      padding-top: 0; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .price .label {
      display: table-cell;
      font-size: 16px;
      padding: 0; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .price .value {
      color: #d73839;
      display: table-cell;
      font-size: 16px;
      font-weight: 600;
      text-align: right; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .parking-ad-price-caution {
    margin-top: 16px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .parking-ad-price-caution p {
      margin: 0; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .old-coupon p {
    margin: 0; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .old-coupon p.coupon-value {
      color: #ff6366;
      font-size: 16px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .coupon-select {
    display: table;
    margin-top: 16px;
    width: 100%; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .coupon-select .label {
      display: table-cell;
      padding: 0;
      vertical-align: top;
      width: 120px; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .coupon-select .label p {
        margin: 0;
        padding: 12px 0; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .coupon-select .select select {
      margin-bottom: 8px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .coupon-register-trigger {
    display: block;
    margin-top: 8px;
    text-align: center; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .point-form {
    display: table;
    margin-top: 16px;
    width: 100%; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .point-form .confirm-point {
      display: table-cell;
      vertical-align: top;
      width: 80px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .point-form .point-input {
      display: table-cell;
      vertical-align: top; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .price-total .point-form .point-input .error {
        margin: 8px 0 0;
        text-align: right; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-form {
  margin: 16px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-form .reserve-form-section {
    display: table;
    margin: 16px 0;
    width: 100%; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-form .reserve-form-section .label {
      display: table-cell;
      padding: 0;
      vertical-align: top;
      width: 100px; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-form .reserve-form-section .label p {
        color: #898896;
        padding-top: 12px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-form .reserve-form-section .input {
      display: table-cell;
      vertical-align: top; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-form .reserve-form-section .input select,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-form .reserve-form-section .input input[type=text] {
        width: 100%; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .number-skip {
  text-align: right; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .number-skip label {
    padding-right: 0; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-button {
  margin: 32px 0 0;
  padding: 0 16px 32px; }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .label-event {
  font-size: 10px;
  font-weight: 600;
  padding: 4px;
  display: inline-block;
  text-align: center;
  width: 48px; }

@media screen and (min-width: 768px) {
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .parking-reserve .reserve-hourly-form {
    margin-top: 24px;
    padding-bottom: 24px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .parking-reserve .reserve-hourly-form .arrow img {
      width: 24px;
      margin: 0 8px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .parking-reserve .reserve-hourly-form .reserve-hourly-start .input,
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .parking-reserve .reserve-hourly-form .reserve-hourly-end .input {
      gap: 12px; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .parking-reserve .reserve-hourly-form .reserve-hourly-start .input select,
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .parking-reserve .reserve-hourly-form .reserve-hourly-end .input select {
        height: 40px; } }

@media screen and (max-width: 767px) {
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .section-reservation-tabs {
    margin-top: 24px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .section-reservation-tabs .tab2 p {
      font-size: 16px;
      padding: 12px 0; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .section-reservation-tabs .tab2 &gt; div {
      border-bottom: 4px solid #F0F0F2;
      transition: .2s ease; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .section-reservation-tabs .tab2 &gt; div.active {
      border-bottom: 4px solid #383850;
      transition: .2s ease; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-content-detail {
    margin-top: 28px;
    padding: 12px;
    border-radius: 4px;
    position: relative; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule {
    margin-top: 24px;
    max-width: initial; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .month {
      font-size: 16px; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap {
      max-width: initial;
      margin: auto; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td {
        padding-bottom: 20px; }
        .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td .value {
          width: 40px;
          height: 40px;
          margin-bottom: 16px;
          border-radius: 20px;
          font-size: 16px; }
        .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td .price {
          font-size: 12px;
          font-weight: 300;
          letter-spacing: -0.01em; }
        .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.today .value::before {
          width: 16px;
          height: 16px;
          border-radius: 8px; }
        .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.full .cancel {
          font-size: 10px;
          transform: scale(0.9);
          letter-spacing: -0.1em;
          margin-top: -1px; }
        .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.close .price {
          font-size: 10px;
          transform: scale(0.9); }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-note {
      margin-top: 12px;
      text-align: right;
      font-size: 12px;
      color: #828291; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .preorder {
      max-width: initial;
      margin: 24px auto auto; } }

@media screen and (max-width: 374px) {
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td .value {
    font-size: 12px;
    width: 32px;
    height: 32px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td .price {
    font-size: 10px; }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-content .reserve-schedule .reserve-schedule-wrap .date td.today .value::before {
    width: 12px;
    height: 12px; } }

.parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation {
  position: sticky;
  top: 100vh;
  background-color: #FFFFFF;
  box-shadow: 0 -4px 8px rgba(56, 56, 80, 0.08); }
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation .dialog-fixed-navigation-content {
    max-width: 600px;
    margin: auto;
    padding: 10px 0;
    display: flex;
    justify-content: space-between; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation .dialog-fixed-navigation-content .dialog-fixed-navigation-text {
      display: flex;
      flex-direction: column; }
      .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation .dialog-fixed-navigation-content .dialog-fixed-navigation-text .line1 {
        font-weight: 600;
        font-size: 24px;
        height: 100%;
        display: flex;
        align-items: center;
        line-height: initial; }
        .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation .dialog-fixed-navigation-content .dialog-fixed-navigation-text .line1 span {
          font-size: 24px;
          line-height: initial; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation .dialog-fixed-navigation-content .dialog-fixed-navigation-button {
      height: 40px;
      max-width: 170px;
      width: 100%;
      margin-left: 8px;
      font-size: 16px;
      font-weight: 600;
      border-radius: 4px;
      padding: 0; }

@media screen and (max-width: 767px) {
  .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation {
    width: 100%; }
    .parking-reserve .modal-background.change-reservation-date-dialog .modal &gt; div .dialog-fixed-navigation .dialog-fixed-navigation-content {
      padding: 16px;
      max-width: initial; } }

.parking-reserve input[type=checkbox] {
  width: 20px;
  height: 20px;
  box-sizing: content-box;
  border: 1px solid #A6A6B1;
  border-radius: 0;
  position: relative; }

.parking-reserve input[type=checkbox]:checked {
  border-color: #00b893; }

.parking-reserve input[type=checkbox]:checked::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  background: #00b893; }

.parking-reserve input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 4px;
  display: inline-block;
  width: 10px;
  height: 4px;
  border-left: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  transform: rotate(-45deg); }

#lend-top-body .card-contents {
  padding: 18px;
  border-radius: 20px;
  border: 1px solid #F7F7F8;
  box-shadow: 0px 0px 17px 0px #00000040;
  margin-bottom: 24px;
  display: grid;
  background-color: #F7F7F8; }
  #lend-top-body .card-contents &gt; .title {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #00B893;
    margin-bottom: 10px; }
  #lend-top-body .card-contents &gt; .message {
    margin: 0px;
    font-size: 16px;
    font-weight: 300;
    text-align: left; }

#lend-top-body .card-with-image-contents {
  border-radius: 20px;
  box-shadow: 0px 0px 17px 0px #00000040;
  margin-bottom: 24px;
  display: grid;
  overflow: hidden;
  background-color: #F7F7F8; }
  #lend-top-body .card-with-image-contents &gt; .card-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block; }
  #lend-top-body .card-with-image-contents &gt; .title {
    padding-left: 18px;
    padding-top: 18px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #00B893;
    margin-bottom: 10px; }
  #lend-top-body .card-with-image-contents &gt; .message {
    margin: 0px;
    padding: 0px 18px 18px 18px;
    font-size: 16px;
    font-weight: 300;
    text-align: left; }

#lend-top-body .start-app-register-btn {
  display: block;
  text-align: center;
  background-color: #00B893;
  padding: 18px 36px;
  font-weight: 600;
  font-size: 20px;
  text-decoration: none;
  color: #FFFFFF;
  line-height: 30px;
  border-radius: 35px;
  box-shadow: 0 5px 12px #3838504D; }

#lend-top-body .start-web-register-link {
  color: #1A1A1E;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #1A1A1E;
  font-size: 14px; }

#lend-top-body .hamburger-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: none;
  border: none;
  transition: transform 0.5s ease-in-out; }
  #lend-top-body .hamburger-menu &gt; .hamburger-line {
    width: 32px;
    height: 3px;
    border-radius: 1px;
    background-color: #1A1A1E;
    margin-bottom: 7px;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; }
  #lend-top-body .hamburger-menu.open .hamburger-line:nth-child(1) {
    transform: rotate(45deg);
    transform: translateY(10px) rotate(45deg); }
  #lend-top-body .hamburger-menu.open .hamburger-line:nth-child(2) {
    opacity: 0; }
  #lend-top-body .hamburger-menu.open .hamburger-line:nth-child(3) {
    transform: rotate(-45deg);
    margin-bottom: 0;
    transform: translateY(-10px) rotate(-45deg); }

#lend-top-body .menu-contents {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: -65%;
  width: 65%;
  height: 100%;
  overflow: auto;
  background-color: #fff;
  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.1);
  transition: right 0.5s ease-in-out; }
  #lend-top-body .menu-contents.open {
    right: 0; }
  #lend-top-body .menu-contents &gt; .menu-list &gt; .menu-item-title {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 32px 16px 16px;
    border-top: 1px solid #bfbfbf; }
  #lend-top-body .menu-contents &gt; .menu-list &gt; .menu-item {
    border-top: 1px solid #bfbfbf; }
    #lend-top-body .menu-contents &gt; .menu-list &gt; .menu-item &gt; .link {
      padding: 12px 16px;
      display: flex;
      align-items: center;
      color: #383850;
      text-decoration: none; }
      #lend-top-body .menu-contents &gt; .menu-list &gt; .menu-item &gt; .link:hover {
        background-color: #d7f8f1; }
      #lend-top-body .menu-contents &gt; .menu-list &gt; .menu-item &gt; .link &gt; .link-content &gt; .pr-text {
        color: #00B893;
        font-weight: 600; }
      #lend-top-body .menu-contents &gt; .menu-list &gt; .menu-item &gt; .link:after {
        background: url(images/icon/follow-right.svg) no-repeat right center/16px 16px;
        content: '';
        display: block;
        height: 16px;
        width: 16px;
        margin-left: auto; }
      #lend-top-body .menu-contents &gt; .menu-list &gt; .menu-item &gt; .link &gt; .menu-badge {
        font-size: 12px;
        padding: 4px 8px;
        background: #FF6366;
        color: #fff;
        border-radius: 16px;
        margin-left: 16px; }

#lend-top-body .overlay {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s; }
  #lend-top-body .overlay.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-in-out, visibility 0s linear; }

#lend-top-body.no-scroll {
  overflow: hidden; }

@media screen and (min-width: 768px) {
  #lend-top-body .menu-contents {
    right: -350px;
    width: 350px; } }

.lend-top-main {
  position: relative; }

.qr-code-fixed {
  display: none; }
  @media screen and (min-width: 768px) {
    .qr-code-fixed {
      display: block;
      bottom: 50px;
      z-index: 1000;
      background-color: #00B893;
      padding: 26px 10px 16px 10px;
      width: 148px;
      border-radius: 17px;
      box-shadow: 0 7px 20px rgba(0, 0, 0, 0.12);
      position: fixed;
      left: 6px; } }
  @media screen and (min-width: 768px) and (min-width: 991px) {
    .qr-code-fixed {
      left: calc(50% - 270px - 220px); } }
  @media screen and (min-width: 768px) {
      .qr-code-fixed .qr-code-title {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 7px; }
      .qr-code-fixed .qr-code-subtitle {
        color: #FFFFFF;
        font-size: 10px;
        line-height: 1.5;
        text-align: center;
        margin-bottom: 14px;
        font-weight: normal;
        white-space: nowrap; }
      .qr-code-fixed .qr-code-image-wrapper {
        background-color: #FFFFFF;
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto; }
        .qr-code-fixed .qr-code-image-wrapper img {
          width: 82px;
          height: 82px;
          object-fit: contain; } }

#lend-top-body .first-view-section {
  padding: 16px 16px 0px 16px;
  margin: 0px; }
  #lend-top-body .first-view-section &gt; .title-group {
    display: flex;
    justify-content: center; }
    #lend-top-body .first-view-section &gt; .title-group &gt; .title {
      display: block;
      font-size: 20px;
      font-weight: 600;
      line-height: 40px;
      margin-bottom: 24px; }
      #lend-top-body .first-view-section &gt; .title-group &gt; .title &gt; .emphasis {
        font-size: 42px;
        line-height: 60px; }
  #lend-top-body .first-view-section &gt; .sub-text {
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1A1A1E; }
  #lend-top-body .first-view-section &gt; .app-register-btn-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  #lend-top-body .first-view-section &gt; .web-register-link-group {
    text-align: center;
    margin-bottom: 24px; }
  #lend-top-body .first-view-section &gt; .count-total-group {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: #DFAC37;
    padding: 0 16px;
    margin-bottom: 24px; }
    #lend-top-body .first-view-section &gt; .count-total-group &gt; .leaves-left-image,
    #lend-top-body .first-view-section &gt; .count-total-group &gt; .leaves-right-image {
      width: 30px;
      height: auto; }
    #lend-top-body .first-view-section &gt; .count-total-group &gt; .user-count-total-group,
    #lend-top-body .first-view-section &gt; .count-total-group &gt; .parking-count-total-group {
      padding: 0 5px;
      margin-top: 6px;
      text-align: center; }
      #lend-top-body .first-view-section &gt; .count-total-group &gt; .user-count-total-group &gt; .title,
      #lend-top-body .first-view-section &gt; .count-total-group &gt; .parking-count-total-group &gt; .title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 2px; }
      #lend-top-body .first-view-section &gt; .count-total-group &gt; .user-count-total-group &gt; .count-number-group,
      #lend-top-body .first-view-section &gt; .count-total-group &gt; .parking-count-total-group &gt; .count-number-group {
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        position: relative; }
        #lend-top-body .first-view-section &gt; .count-total-group &gt; .user-count-total-group &gt; .count-number-group &gt; .count-number,
        #lend-top-body .first-view-section &gt; .count-total-group &gt; .parking-count-total-group &gt; .count-number-group &gt; .count-number {
          font-family: Helvetica, Arial, sans-serif;
          margin: 0;
          font-size: 40px;
          font-weight: 700;
          line-height: 1; }
        #lend-top-body .first-view-section &gt; .count-total-group &gt; .user-count-total-group &gt; .count-number-group &gt; .count-unit,
        #lend-top-body .first-view-section &gt; .count-total-group &gt; .parking-count-total-group &gt; .count-number-group &gt; .count-unit {
          margin: 0;
          padding-left: 5px;
          text-align: left;
          line-height: 1.2; }
        #lend-top-body .first-view-section &gt; .count-total-group &gt; .user-count-total-group &gt; .count-number-group &gt; .note,
        #lend-top-body .first-view-section &gt; .count-total-group &gt; .parking-count-total-group &gt; .count-number-group &gt; .note {
          color: #A6A6B1;
          position: absolute;
          font-size: 11px;
          font-weight: 300;
          bottom: -24px;
          right: 0;
          white-space: nowrap; }

#lend-top-body .features-section {
  padding: 0px;
  margin: 0px; }
  #lend-top-body .features-section &gt; .lend-image {
    width: 100%;
    height: auto;
    margin-bottom: 24px; }
  #lend-top-body .features-section &gt; .features-text-group {
    padding: 0px 16px; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .title {
      color: #1A1A1E;
      font-size: 32px;
      line-height: 1.5;
      font-weight: 600;
      margin-bottom: 12px; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .subtitle {
      color: #1A1A1E;
      font-size: 24px;
      line-height: 1.6;
      font-weight: 600;
      margin-bottom: 12px; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .text {
      padding: 0px;
      margin-bottom: 24px; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .annotation {
      font-size: 12px;
      font-weight: 300;
      text-align: left;
      color: #5D5D70;
      margin-bottom: 48px; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .how-to-use-image-group {
      margin-bottom: 24px; }
      #lend-top-body .features-section &gt; .features-text-group &gt; .how-to-use-image-group &gt; .how-to-use-step-image {
        width: 100%;
        height: auto; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .sub-text {
      margin: 0;
      text-align: center;
      margin-bottom: 10px;
      font-weight: 600;
      color: #1A1A1E; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .app-register-btn-group {
      display: flex;
      justify-content: center;
      margin-bottom: 20px; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .web-register-link-group {
      text-align: center;
      margin-bottom: 48px; }
    #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps {
      margin-bottom: 24px; }
      #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .steps {
        width: 29%;
        min-height: 110px;
        text-align: center;
        background-color: #D5FAF3;
        border-radius: 8px;
        margin-right: 16px;
        padding: 10px 0 0;
        float: left; }
        #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .steps &gt; .steps-icon {
          height: 36px;
          padding: 6px; }
        #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .steps &gt; .label {
          font-size: 14px;
          font-weight: 600;
          line-height: 1.5; }
      #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .last {
        margin-right: 0; }
      #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .steps-arrow {
        width: 10px;
        position: relative;
        float: left; }
        #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .steps-arrow &gt; .icon {
          position: absolute;
          top: 68px;
          left: -7px;
          transform: translate(-50%, -50%); }
      #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .clearfix {
        clear: both; }
  @media screen and (min-width: 768px) {
    #lend-top-body .features-section &gt; .features-text-group {
      padding: 0px 30px; }
      #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps {
        margin-bottom: 24px; }
        #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .steps {
          width: 149px; }
        #lend-top-body .features-section &gt; .features-text-group &gt; .onboarding-steps &gt; .steps-arrow &gt; .icon {
          top: 64px; } }

#lend-top-body .available-lend-section {
  padding: 0 16px;
  margin: 0 0 48px; }
  #lend-top-body .available-lend-section &gt; .title {
    color: #1A1A1E;
    font-size: 32px;
    line-height: 1.6;
    font-weight: 600;
    margin-bottom: 12px; }
  #lend-top-body .available-lend-section &gt; .image-sample-group {
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: repeat(2, 3fr);
    gap: 16px; }
    #lend-top-body .available-lend-section &gt; .image-sample-group &gt; .lend-image {
      width: 100%;
      height: auto; }
  @media screen and (min-width: 768px) {
    #lend-top-body .available-lend-section {
      padding: 0px 30px; } }

#lend-top-body .about-cost-section {
  padding: 0 16px;
  margin: 0 0 48px; }
  #lend-top-body .about-cost-section &gt; .subtitle {
    color: #1A1A1E;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 12px; }
  #lend-top-body .about-cost-section &gt; .area-case-studies {
    margin: 16px 0 48px; }
    #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case {
      width: 31%;
      text-align: center;
      border-radius: 8px;
      box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15), 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
      margin-right: 8px;
      padding: 12px 0 0;
      float: left; }
      #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case &gt; .label {
        font-size: 14px;
        font-weight: 600; }
      #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case &gt; .profit-example {
        background-color: #D5FAF3;
        padding: 8px 0; }
        #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case &gt; .profit-example &gt; .title {
          font-size: 12px; }
        #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case &gt; .profit-example &gt; p {
          margin-bottom: 0; }
        #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case &gt; .profit-example &gt; .example {
          font-size: 12px;
          font-weight: 600; }
          #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case &gt; .profit-example &gt; .example &gt; span {
            font-size: 28px; }
    #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .last {
      margin-right: 0; }
    #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .clearfix {
      clear: both; }
  #lend-top-body .about-cost-section &gt; .app-register-btn-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  #lend-top-body .about-cost-section &gt; .web-register-link-group {
    text-align: center; }
  #lend-top-body .about-cost-section &gt; .sub-text {
    margin: 48px 0 10px;
    text-align: center;
    font-weight: 600;
    color: #1A1A1E; }
  @media screen and (min-width: 768px) {
    #lend-top-body .about-cost-section {
      padding: 0px 30px; }
      #lend-top-body .about-cost-section &gt; .area-case-studies &gt; .case {
        width: 154px; } }

#lend-top-body .purpose-section {
  margin: 0 0 48px; }
  #lend-top-body .purpose-section &gt; .main-text-group {
    background-color: #55EACE;
    background-image: url(images/owner/lend-top/purpose-section-bg.png);
    background-repeat: no-repeat;
    background-position: 134% 13px;
    background-size: 290px; }
    #lend-top-body .purpose-section &gt; .main-text-group &gt; .content {
      padding: 32px 16px 24px; }
      #lend-top-body .purpose-section &gt; .main-text-group &gt; .content &gt; .title {
        color: #1A1A1E;
        font-size: 32px;
        font-weight: 600;
        line-height: 1.5;
        text-align: left;
        margin-bottom: 24px; }
      #lend-top-body .purpose-section &gt; .main-text-group &gt; .content &gt; .description {
        font-size: 16px;
        line-height: 1.5;
        text-align: left; }
  #lend-top-body .purpose-section &gt; .sub-text-group {
    padding: 24px 16px 0; }
    #lend-top-body .purpose-section &gt; .sub-text-group &gt; .subtitle {
      color: #1A1A1E;
      font-size: 24px;
      line-height: 1.5;
      font-weight: 600;
      margin-bottom: 12px; }
    #lend-top-body .purpose-section &gt; .sub-text-group &gt; .description {
      font-size: 16px;
      font-weight: 300; }
    #lend-top-body .purpose-section &gt; .sub-text-group &gt; .social-contribution-link {
      font-size: 12px;
      font-weight: 300;
      color: #1A1A1E;
      text-decoration: underline;
      text-decoration-color: #1A1A1E; }
    #lend-top-body .purpose-section &gt; .sub-text-group &gt; .municipalities-list {
      text-align: center;
      padding: 16px 0; }
      #lend-top-body .purpose-section &gt; .sub-text-group &gt; .municipalities-list &gt; img {
        height: 40px;
        margin-right: 8px; }
  @media screen and (min-width: 768px) {
    #lend-top-body .purpose-section &gt; .sub-text-group {
      padding: 0px 30px;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-right: 0px; } }

#lend-top-body .driver-voice-section {
  padding: 0px 16px; }
  #lend-top-body .driver-voice-section &gt; .title {
    color: #1A1A1E;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 0.09em;
    text-align: left;
    margin-bottom: 24px; }
  #lend-top-body .driver-voice-section &gt; .description {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 300;
    text-align: left; }
  #lend-top-body .driver-voice-section .card-contents &gt; .title {
    background: url(images/owner/lend-top/icon-car.svg) no-repeat left center;
    padding-left: 30px; }
  #lend-top-body .driver-voice-section &gt; .sub-text {
    margin: 48px 0 10px;
    text-align: center;
    font-weight: 600;
    color: #1A1A1E; }
  #lend-top-body .driver-voice-section &gt; .app-register-btn-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  #lend-top-body .driver-voice-section &gt; .web-register-link-group {
    text-align: center;
    margin-bottom: 48px; }
  @media screen and (min-width: 768px) {
    #lend-top-body .driver-voice-section {
      padding: 0px 30px; } }

#lend-top-body .owner-voice-section {
  padding: 0px 16px; }
  #lend-top-body .owner-voice-section &gt; .title {
    color: #1A1A1E;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 0.09em;
    text-align: left;
    margin-bottom: 25px; }
  #lend-top-body .owner-voice-section &gt; .description {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    text-align: left; }
  #lend-top-body .owner-voice-section &gt; .interview-video {
    border-radius: 15px;
    margin-bottom: 20px; }
  #lend-top-body .owner-voice-section &gt; .video-title {
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1E;
    margin: 0 0 16px; }
    #lend-top-body .owner-voice-section &gt; .video-title &gt; span {
      font-size: 14px;
      color: #00B893; }
  #lend-top-body .owner-voice-section &gt; .video-description {
    margin: 0 0 22px; }
  #lend-top-body .owner-voice-section &gt; .sub-title {
    font-size: 24px;
    font-weight: 600;
    color: #1A1A1E;
    margin-bottom: 22px; }
  #lend-top-body .owner-voice-section &gt; .card-contents &gt; .title {
    color: #1A1A1E;
    background: url(images/owner/lend-top/icon-heart.svg) no-repeat left center;
    padding-left: 30px; }
  #lend-top-body .owner-voice-section &gt; .annotation {
    font-size: 12px;
    font-weight: 300;
    text-align: left;
    color: #5D5D70;
    margin-bottom: 48px; }
  #lend-top-body .owner-voice-section &gt; .app-register-btn-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  #lend-top-body .owner-voice-section &gt; .web-register-link-group {
    text-align: center;
    margin-bottom: 48px; }
  #lend-top-body .owner-voice-section &gt; .sub-text {
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1A1A1E; }
  @media screen and (min-width: 768px) {
    #lend-top-body .owner-voice-section {
      padding: 0px 30px; } }

#lend-top-body .safty-support-section {
  padding: 0px 16px;
  margin: 0px; }
  #lend-top-body .safty-support-section &gt; .content-group {
    padding: 40px 0 20px;
    margin-bottom: 48px;
    border-radius: 20px;
    box-shadow: 0px 0px 17px 0px #00000040; }
    #lend-top-body .safty-support-section &gt; .content-group &gt; .safty-support-img {
      width: 100%;
      margin-bottom: 25px; }
    #lend-top-body .safty-support-section &gt; .content-group &gt; .contents {
      padding: 0px 16px;
      margin-bottom: 40px; }
      #lend-top-body .safty-support-section &gt; .content-group &gt; .contents &gt; .title {
        color: #00B893;
        font-size: 24px;
        font-weight: 600;
        text-align: left;
        margin-bottom: 16px; }
      #lend-top-body .safty-support-section &gt; .content-group &gt; .contents &gt; .description {
        margin: 0px;
        font-size: 16px;
        font-weight: 400;
        text-align: left; }
        #lend-top-body .safty-support-section &gt; .content-group &gt; .contents &gt; .description &gt; .link {
          color: #1A1A1E;
          text-decoration: underline;
          text-decoration-color: #1A1A1E;
          font-size: 16px; }
      #lend-top-body .safty-support-section &gt; .content-group &gt; .contents &gt; .note {
        margin-top: 15px;
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #828291; }
        #lend-top-body .safty-support-section &gt; .content-group &gt; .contents &gt; .note &gt; .link {
          color: #00B893;
          font-size: 14px;
          text-decoration: underline;
          text-decoration-color: #00B893; }
  #lend-top-body .safty-support-section &gt; .app-register-btn-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  #lend-top-body .safty-support-section &gt; .web-register-link-group {
    text-align: center;
    margin-bottom: 48px; }
  #lend-top-body .safty-support-section &gt; .sub-text {
    margin: 0 0 10px;
    text-align: center;
    font-weight: 600;
    color: #1A1A1E; }
  @media screen and (min-width: 768px) {
    #lend-top-body .safty-support-section {
      padding: 0px 30px; } }

#lend-top-body .faq-section {
  padding: 0px 16px; }
  #lend-top-body .faq-section &gt; .title {
    color: #1A1A1E;
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 0.09em;
    text-align: left;
    margin-bottom: 24px; }
  #lend-top-body .faq-section &gt; .qa-content {
    margin-bottom: 32px; }
    #lend-top-body .faq-section &gt; .qa-content &gt; .question {
      font-size: 20px;
      font-weight: 600;
      text-align: left;
      color: #00B893;
      margin-bottom: 8px; }
    #lend-top-body .faq-section &gt; .qa-content &gt; .answer {
      margin-bottom: 0px;
      font-size: 16px;
      font-weight: 300;
      text-align: left; }
      #lend-top-body .faq-section &gt; .qa-content &gt; .answer &gt; .link {
        color: #1A1A1E;
        text-decoration: underline; }
  #lend-top-body .faq-section &gt; .app-register-btn-group {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  #lend-top-body .faq-section &gt; .web-register-link-group {
    text-align: center; }
  #lend-top-body .faq-section &gt; .sub-text {
    margin: 48px 0 10px;
    text-align: center;
    font-weight: 600;
    color: #1A1A1E; }
  @media screen and (min-width: 768px) {
    #lend-top-body .faq-section {
      padding: 0px 30px; } }

#lend-top-body .lend-top-footer {
  width: 100%;
  text-align: left;
  font-weight: 300;
  font-size: 14px;
  background-color: #1A1A1E;
  color: #FFFFFF; }
  #lend-top-body .lend-top-footer &gt; .content {
    padding: 32px; }
    #lend-top-body .lend-top-footer &gt; .content a {
      color: #FFFFFF; }
    #lend-top-body .lend-top-footer &gt; .content &gt; .title {
      font-size: 24px;
      padding-top: 40px;
      padding-bottom: 20px;
      color: #FFFFFF; }
  #lend-top-body .lend-top-footer &gt; .footer-image {
    width: 100%;
    height: auto; }
  @media screen and (min-width: 768px) {
    #lend-top-body .lend-top-footer {
      max-width: 540px; } }

#lend-top-body .lend-top-header {
  width: 100%;
  background-color: #FFFFFF; }
  #lend-top-body .lend-top-header &gt; .content {
    padding: 16px 24px 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #lend-top-body .lend-top-header &gt; .content &gt; a {
      padding: 4px 0 0; }
  @media screen and (min-width: 768px) {
    #lend-top-body .lend-top-header {
      max-width: 540px; } }

#lend-top-body {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0; }
  #lend-top-body &gt; .lend-top-main {
    width: 100%;
    background-color: #FFFFFF;
    color: #1A1A1E;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    padding-bottom: 60px; }
  @media screen and (min-width: 768px) {
    #lend-top-body &gt; .lend-top-main {
      max-width: 540px;
      position: relative; } }
</pre></body></html>