@charset "UTF-8";
:root {
  --width: 1140;
  --max-width: 1366;
  --main-color: #88A6A9;
  --main-color-parking: #58C1DB;
}
@media screen and (max-width: 768px) {
  :root {
    --width: 375;
  }
}

/*------------------------------
    parking
--------------------------------*/
.block-page-title-parking {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  padding-left: 60px;
  padding-top: 90px;
  gap: 20px;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking {
    padding-left: calc(60 / var(--max-width) * 100vw);
    padding-top: calc(90 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking {
    display: block;
    padding-left: 0;
    padding-top: 0;
    padding: calc(120 / var(--width) * 100vw) calc(23 / var(--width) * 100vw) 0;
  }
}
.block-page-title-parking .wrap-title {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .wrap-title {
    margin-bottom: calc(20 / var(--width) * 100vw);
  }
}
.block-page-title-parking .page-title {
  position: absolute;
  top: 240px;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking .page-title {
    top: calc(240 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .page-title {
    position: relative;
    top: auto;
    font-size: calc(12 / var(--width) * 100vw);
    line-height: 1.66;
    margin-bottom: calc(20 / var(--width) * 100vw);
  }
}
.block-page-title-parking .page-title::before {
  content: '';
  display: block;
  width: 218px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 5px;
  background-image: url("../img/text_coin-parking_blk.svg");
}
@media screen and (min-width: 769px) {
  .block-page-title-parking .page-title::before {
    width: calc(218 / var(--max-width) * 100vw);
    height: calc(52 / var(--max-width) * 100vw);
    margin-bottom: calc(5 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .page-title::before {
    width: calc(160 / var(--width) * 100vw);
    height: calc(48 / var(--width) * 100vw);
  }
}
.block-page-title-parking .sub-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 12px;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking .sub-title {
    font-size: calc(16 / var(--max-width) * 100vw);
    margin-bottom: calc(12 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .sub-title {
    font-size: calc(16 / var(--width) * 100vw);
    margin-bottom: calc(10 / var(--max-width) * 100vw);
  }
}
.block-page-title-parking .page-title-parking {
  font-size: 4.0rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking .page-title-parking {
    font-size: calc(40 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .page-title-parking {
    font-size: calc(26 / var(--width) * 100vw);
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.block-page-title-parking .page-title-parking + p {
  font-size: 1.8rem;
  line-height: 1.77;
  font-weight: 500;
  margin-top: 26px;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking .page-title-parking + p {
    font-size: calc(18 / var(--max-width) * 100vw);
    margin-top: calc(26 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .page-title-parking + p {
    font-size: calc(16 / var(--width) * 100vw);
    margin-top: calc(26 / var(--width) * 100vw);
  }
}
.block-page-title-parking .thumb {
  width: 694px;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking .thumb {
    width: calc(694 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .thumb {
    width: 100%;
  }
}
.block-page-title-parking .thumb img {
  width: 100%;
}
.block-page-title-parking.block-page-title-parking__top .thumb {
  width: 683px;
  margin-top: 51px;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking.block-page-title-parking__top .thumb {
    width: calc(683 / var(--max-width) * 100vw);
    margin-top: calc(51 / var(--max-width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking.block-page-title-parking__top .thumb {
    width: 100%;
    margin-top: 0;
  }
}
.block-page-title-parking.block-page-title-parking__hospital .thumb {
  width: 600px;
  margin-right: 40px;
  margin-top: 70px;
}
@media screen and (min-width: 769px) {
  .block-page-title-parking.block-page-title-parking__hospital .thumb {
    width: calc(600 / var(--max-width) * 100vw);
    margin-right: calc(40 / var(--max-width) * 100vw);
    margin-top: calc(70 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking.block-page-title-parking__hospital .thumb {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .block-page-title-parking .section-common-title__parking {
    line-height: 1.5;
    padding-left: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(20 / var(--max-width) * 100vw);
  }
  .block-page-title-parking .section-common-title__parking::before {
    width: calc(20 / var(--width) * 100vw);
  }
}

.wrap-parking-nav.wrap-parking-nav__header {
  margin: 120px 0 200px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-nav.wrap-parking-nav__header {
    margin: calc(120 / var(--width) * 100vw) 0 calc(200 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-nav.wrap-parking-nav__header {
    margin: calc(50 / var(--width) * 100vw) 0 calc(50 / var(--width) * 100vw);
  }
}
.wrap-parking-nav.wrap-parking-nav__footer {
  margin-top: 120px;
  padding-bottom: 254px;
  background-image: url("../../parking/img/bg_wrap_parking-nav_footer.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-nav.wrap-parking-nav__footer {
    margin-top: calc(120 / var(--width) * 100vw);
    padding-bottom: calc(254 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-nav.wrap-parking-nav__footer {
    background-size: 200%;
    margin-top: calc(50 / var(--width) * 100vw);
    padding-bottom: calc(100 / var(--width) * 100vw);
  }
}
.wrap-parking-nav .btns-strong-contents {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-nav .btns-strong-contents {
    gap: calc(40 / var(--width) * 100vw);
    margin-top: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-nav .btns-strong-contents {
    margin-top: calc(30 / var(--width) * 100vw);
    gap: calc(20 / var(--width) * 100vw);
  }
}
.wrap-parking-nav .btns-strong-contents li {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .wrap-parking-nav .btns-strong-contents li {
    flex-basis: 50%;
  }
}
.wrap-parking-nav .btns-strong-contents li a {
  width: 280px;
  line-height: 49px;
  display: block;
  color: #fff;
  background: var(--main-color-parking);
  text-decoration: none;
  border-radius: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-nav .btns-strong-contents li a {
    width: calc(280 / var(--width) * 100vw);
    line-height: calc(49 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-nav .btns-strong-contents li a {
    width: 100%;
    line-height: calc(40 / var(--width) * 100vw);
  }
}
.wrap-parking-nav .btns-strong-contents li a:hover {
  background: #97d8e9;
}
.wrap-parking-nav .btns-strong-contents li a span::after {
  content: '';
  display: inline-block;
  height: 6px;
  width: 6px;
  border: 1px solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  transform: rotate(-45deg) translateX(2px);
  margin-left: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-nav .btns-strong-contents li a span::after {
    height: calc(6 / var(--width) * 100vw);
    width: calc(6 / var(--width) * 100vw);
    margin-left: calc(10 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-nav .btns-strong-contents li a span::after {
    height: calc(6 / var(--width) * 100vw);
    width: calc(6 / var(--width) * 100vw);
    margin-left: calc(10 / var(--width) * 100vw);
  }
}

.block-title-parking-lead {
  text-align: center;
}

.title-parking-lead {
  font-size: 3.0rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
  z-index: 1;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .title-parking-lead {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .title-parking-lead {
    font-size: calc(26 / var(--width) * 100vw);
    margin-bottom: calc(40 / var(--width) * 100vw);
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
}
.title-parking-lead span {
  position: relative;
}
.title-parking-lead:before {
  content: '';
  display: block;
  width: calc(100% + 10px);
  height: 9px;
  background: #FAFCA9;
  border-radius: 5px;
  position: absolute;
  left: -5px;
  bottom: 5px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .title-parking-lead:before {
    height: calc(9 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .title-parking-lead:before {
    height: calc(9 / var(--width) * 100vw);
  }
}
.title-parking-lead + p {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.87;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .title-parking-lead + p {
    font-size: calc(16 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .title-parking-lead + p {
    font-size: calc(16 / var(--width) * 100vw);
  }
}

.wrap-parking-flow-result {
  padding-bottom: 80px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-flow-result {
    padding-bottom: calc(80 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-flow-result {
    padding-bottom: calc(50 / var(--width) * 100vw);
  }
}
.wrap-parking-flow-result .block-parking-flow-result {
  max-width: 800px;
  margin: 0 auto;
  border: 2px solid var(--main-color-parking);
  border-radius: 8px;
  position: relative;
  padding: 30px 30px 26px 37px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-flow-result .block-parking-flow-result {
    padding: calc(30 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(26 / var(--width) * 100vw) calc(37 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-flow-result .block-parking-flow-result {
    padding: calc(30 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(50 / var(--width) * 100vw) calc(37 / var(--width) * 100vw);
  }
}
.wrap-parking-flow-result .block-parking-flow-result .inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .wrap-parking-flow-result .block-parking-flow-result .inner {
    display: block;
  }
}
.wrap-parking-flow-result .block-parking-flow-result .thumb {
  text-align: center;
}
.wrap-parking-flow-result .block-parking-flow-result .title {
  font-weight: 500;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 15px;
  color: var(--main-color-parking);
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-flow-result .block-parking-flow-result .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(15 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-flow-result .block-parking-flow-result .title {
    font-size: calc(20 / var(--width) * 100vw);
    margin-bottom: calc(15 / var(--width) * 100vw);
  }
}
.wrap-parking-flow-result .block-parking-flow-result .title + p {
  letter-spacing: 0;
}
.wrap-parking-flow-result .block-parking-flow-result .btn {
  width: 160px;
  height: 48px;
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-flow-result .block-parking-flow-result .btn {
    width: calc(160 / var(--width) * 100vw);
    height: calc(48 / var(--width) * 100vw);
    bottom: calc(-24 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-flow-result .block-parking-flow-result .btn {
    width: calc(160 / var(--width) * 100vw);
    height: calc(48 / var(--width) * 100vw);
    bottom: calc(-24 / var(--width) * 100vw);
  }
}

.lead-parking-system {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .lead-parking-system {
    display: block;
    margin: 0 calc(-23 / var(--width) * 100vw);
  }
}
.lead-parking-system .thumb img {
  vertical-align: bottom;
}
@media screen and (min-width: 769px) {
  .lead-parking-system .thumb {
    width: 398px;
    order: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .lead-parking-system .thumb {
    width: calc(398 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .lead-parking-system .thumb {
    width: 100%;
    box-sizing: border-box;
  }
  .lead-parking-system .thumb img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: 0 0;
  }
}
.lead-parking-system .content {
  width: 530px;
}
@media screen and (min-width: 769px) {
  .lead-parking-system .content {
    order: 0;
  }
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .lead-parking-system .content {
    width: calc(530 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .lead-parking-system .content {
    width: 100%;
    padding: calc(23 / var(--width) * 100vw) calc(23 / var(--width) * 100vw) 0;
    box-sizing: border-box;
  }
}
.lead-parking-system .content .title {
  font-weight: 500;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  line-height: 1.63;
  color: #323232;
  margin-bottom: 31px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .lead-parking-system .content .title {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(31 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .lead-parking-system .content .title {
    font-size: calc(25 / var(--width) * 100vw);
    margin-bottom: calc(15 / var(--width) * 100vw);
    letter-spacing: 0;
  }
}
.lead-parking-system .content .title span {
  color: var(--main-color-parking);
}
.lead-parking-system .content p + p {
  margin-top: 1em;
}

.wrap-parking-system {
  background: #EBF7FA;
  padding: 120px 0;
  margin-top: 120px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system {
    padding: calc(120 / var(--width) * 100vw) 0;
    margin-top: calc(120 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-system {
    padding: calc(30 / var(--width) * 100vw) 0 0;
    margin-top: calc(50 / var(--width) * 100vw);
  }
}
.wrap-parking-system .block-parking-system {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 50px;
  row-gap: 100px;
  background-image: url("../../parking/system/img/illust_parking_system_main.svg");
  background-repeat: no-repeat;
  background-size: 413px auto;
  background-position: center 339px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system .block-parking-system {
    column-gap: calc(40 / var(--width) * 100vw);
    row-gap: calc(100 / var(--width) * 100vw);
    background-size: calc(413 / var(--width) * 100vw) auto;
    background-position: center calc(339 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-system .block-parking-system {
    column-gap: 0;
    row-gap: 0;
    margin-top: calc(-50 / var(--width) * 100vw);
    padding-top: calc(200 / var(--width) * 100vw);
    background-size: contain;
    background-position: center 0;
  }
}
.wrap-parking-system .block-parking-system .col {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #fff;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  border: 2px solid var(--main-color-parking);
  box-sizing: border-box;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system .block-parking-system .col {
    width: calc(300 / var(--width) * 100vw);
    height: calc(300 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-system .block-parking-system .col {
    width: 100%;
    height: auto;
    border-radius: 18px;
    padding-bottom: calc(20 / var(--width) * 100vw);
    margin-bottom: calc(30 / var(--width) * 100vw);
  }
}
.wrap-parking-system .block-parking-system .col .thumb {
  margin: -21px 0 18px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system .block-parking-system .col .thumb {
    margin: calc(-21 / var(--width) * 100vw) 0 calc(18 / var(--width) * 100vw);
  }
}
.wrap-parking-system .block-parking-system .col .thumb img {
  width: 120px;
  vertical-align: bottom;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system .block-parking-system .col .thumb img {
    width: calc(120 / var(--width) * 100vw);
  }
}
.wrap-parking-system .block-parking-system .col .title {
  color: var(--main-color-parking);
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 21px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system .block-parking-system .col .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
  }
}
.wrap-parking-system .block-parking-system .col .title + p {
  letter-spacing: 0;
  line-height: 1.7;
}
.wrap-parking-system .block-parking-system .col:nth-child(1), .wrap-parking-system .block-parking-system .col:nth-child(3) {
  margin-top: 120px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system .block-parking-system .col:nth-child(1), .wrap-parking-system .block-parking-system .col:nth-child(3) {
    margin-top: calc(120 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-system .block-parking-system .col:nth-child(1), .wrap-parking-system .block-parking-system .col:nth-child(3) {
    margin-top: 0;
  }
}
.wrap-parking-system .block-parking-system .col:nth-child(5) {
  margin-top: 220px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-system .block-parking-system .col:nth-child(5) {
    margin-top: calc(220 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-system .block-parking-system .col:nth-child(5) {
    margin-top: 0;
  }
}

.section-parking-switch {
  margin-top: -70px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-switch {
    margin-top: calc(-70 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-switch {
    margin-top: 0;
  }
}

.block-parking-lead {
  text-align: center;
  margin-bottom: 100px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-lead {
    margin-bottom: calc(100 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead {
    margin-bottom: calc(50 / var(--width) * 100vw);
  }
}
.block-parking-lead .set-title {
  margin-bottom: 32px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-lead .set-title {
    margin-bottom: calc(32 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .set-title {
    margin-bottom: calc(32 / var(--width) * 100vw);
  }
}
.block-parking-lead .set-title .title-parking-lead {
  margin-bottom: 0;
}
.block-parking-lead .set-title .title-parking-lead + p {
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: 500;
  margin-top: 17px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-lead .set-title .title-parking-lead + p {
    font-size: calc(18 / var(--width) * 100vw);
    margin-top: calc(17 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .set-title .title-parking-lead + p {
    font-size: calc(18 / var(--width) * 100vw);
    margin-top: calc(17 / var(--width) * 100vw);
  }
}
.block-parking-lead .block-list-point {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-lead .block-list-point {
    gap: calc(10 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .block-list-point {
    flex-wrap: wrap;
    gap: 0;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .block-list-point ul {
    order: 2;
  }
}
.block-parking-lead .block-list-point ul li {
  text-align: left;
}
.block-parking-lead .block-list-point ul li + li {
  margin-top: 9px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-lead .block-list-point ul li + li {
    margin-top: calc(9 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .block-list-point ul li + li {
    margin-top: calc(9 / var(--width) * 100vw);
  }
}
.block-parking-lead .block-list-point ul li::before {
  content: '';
  display: inline-block;
  margin-right: 7px;
  width: 21px;
  height: 21px;
  background-image: url("../../parking/img/icon_parking_list.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  top: 5px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-lead .block-list-point ul li::before {
    margin-right: calc(7 / var(--width) * 100vw);
    width: calc(21 / var(--width) * 100vw);
    height: calc(21 / var(--width) * 100vw);
    top: calc(5 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .block-list-point ul li::before {
    margin-right: calc(7 / var(--width) * 100vw);
    width: calc(21 / var(--width) * 100vw);
    height: calc(21 / var(--width) * 100vw);
    top: calc(5 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .block-list-point .thumb {
    order: 1;
    width: 100%;
    text-align: center;
  }
}
.block-parking-lead .block-list-point.block-list-point__switch {
  gap: 120px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-lead .block-list-point.block-list-point__switch {
    gap: calc(120 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-lead .block-list-point.block-list-point__switch {
    gap: calc(20 / var(--width) * 100vw);
  }
}

.wrap-parking-switch-cv {
  background: #A4DDEB;
  padding: 8px 0 65px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-switch-cv {
    padding: calc(8 / var(--width) * 100vw) 0 calc(65 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-cv {
    padding: calc(8 / var(--width) * 100vw) 0 calc(65 / var(--width) * 100vw);
  }
}
.wrap-parking-switch-cv .block-lead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-cv .block-lead {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-cv .block-lead .content {
    order: 2;
  }
}
.wrap-parking-switch-cv .block-lead .title {
  font-size: 3.0rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.1em;
  margin-bottom: 26px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-switch-cv .block-lead .title {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(26 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-cv .block-lead .title {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(26 / var(--width) * 100vw);
    letter-spacing: 0.08em;
  }
}
.wrap-parking-switch-cv .block-lead .title + p {
  font-size: 2.2rem;
  line-height: 1.8;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-switch-cv .block-lead .title + p {
    font-size: calc(22 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-cv .block-lead .title + p {
    font-size: calc(22 / var(--width) * 100vw);
    letter-spacing: 0.08em;
  }
}
.wrap-parking-switch-cv .block-lead .title + p span {
  background: #fff;
  color: #E8495B;
  padding: 0 5px;
  margin-right: 5px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-switch-cv .block-lead .title + p span {
    padding: 0 calc(5 / var(--width) * 100vw);
    margin-right: calc(5 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-cv .block-lead .title + p span {
    padding: 0 calc(5 / var(--width) * 100vw);
    margin-right: calc(5 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-cv .block-lead .thumb {
    order: 1;
  }
}
.wrap-parking-switch-cv .block-lead .thumb img {
  vertical-align: bottom;
}

.block-parking-contact {
  background-color: #fff;
  padding: 0 51px 27px;
  border: 2px solid var(--main-color-parking);
  border-radius: 16px;
  margin-top: 45px;
  text-align: center;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-contact {
    margin-top: calc(45 / var(--width) * 100vw);
    padding: 0 calc(51 / var(--width) * 100vw) calc(27 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-contact {
    margin-top: calc(45 / var(--width) * 100vw);
    padding: 0 calc(20 / var(--width) * 100vw) calc(41 / var(--width) * 100vw);
    letter-spacing: 0;
    line-height: 1.57;
  }
  .top-menu .block-parking-contact {
    border: none;
  }
}
.block-parking-contact .list-point {
  display: flex;
  justify-content: center;
  margin-top: -25px;
  margin-bottom: 43px;
  gap: 12px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-contact .list-point {
    margin-top: calc(-25 / var(--width) * 100vw);
    margin-bottom: calc(43 / var(--width) * 100vw);
    gap: calc(12 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-contact .list-point {
    margin-top: calc(-25 / var(--width) * 100vw);
    margin-bottom: calc(43 / var(--width) * 100vw);
    gap: calc(10 / var(--width) * 100vw);
  }
}
.block-parking-contact .list-point li {
  display: flex;
  width: 200px;
  height: 50px;
  justify-content: center;
  align-items: center;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.77;
  border: 2px solid var(--main-color-parking);
  border-radius: 32px;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-contact .list-point li {
    width: calc(200 / var(--width) * 100vw);
    height: calc(50 / var(--width) * 100vw);
    font-size: calc(18 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-contact .list-point li {
    font-size: calc(16 / var(--width) * 100vw);
    width: calc(200 / var(--width) * 100vw);
    height: calc(80 / var(--width) * 100vw);
    line-height: 1.3;
    border-radius: 50%;
  }
}
@media screen and (min-width: 769px) {
  .block-parking-contact .inner {
    display: flex;
    justify-content: center;
    gap: 152px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-contact .inner {
    gap: calc(152 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-contact .inner .col {
    white-space: nowrap;
  }
}
.block-parking-contact .inner .col p:first-child {
  margin-bottom: 31px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-contact .inner .col p:first-child {
    margin-bottom: calc(31 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-contact .inner .col p:first-child {
    margin-bottom: calc(37 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-contact .inner .col:last-child {
    margin-top: calc(37 / var(--width) * 100vw);
  }
}

.wrap-parking-switch-more .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 51px 68px 52px 0;
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .wrap-parking-switch-more .inner {
    padding: calc(51 / var(--width) * 100vw) calc(68 / var(--width) * 100vw) calc(52 / var(--width) * 100vw) 0;
    font-size: calc(22 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-more .inner {
    flex-wrap: wrap;
    padding: calc(40 / var(--width) * 100vw) 0;
    font-size: calc(18 / var(--width) * 100vw);
    letter-spacing: 0.05em;
    justify-content: flex-start;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-more .inner .content {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .wrap-parking-switch-more .inner .thumb {
    order: 1;
    text-align: center;
    margin-bottom: 1em;
  }
  .wrap-parking-switch-more .inner .thumb img {
    max-width: 60%;
  }
}

.section-parking-reasons {
  background: #A4DDEB;
  padding: 40px 0 132px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons {
    padding: calc(40 / var(--width) * 100vw) 0 calc(132 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons {
    padding: calc(60 / var(--width) * 100vw) 0 calc(60 / var(--width) * 100vw);
  }
}
.section-parking-reasons .title-parking-reasons {
  font-size: 3.0rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.73;
  text-align: center;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .title-parking-reasons {
    font-size: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .title-parking-reasons {
    font-size: calc(26 / var(--width) * 100vw);
    letter-spacing: 0.05em;
    line-height: 1.2;
  }
}
.section-parking-reasons .title-parking-reasons .text-large {
  display: inline-block;
  font-size: 10rem;
  color: #F6F8B2;
  font-weight: 700;
  position: relative;
  bottom: -10px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .title-parking-reasons .text-large {
    font-size: calc(100 / var(--width) * 100vw);
    bottom: calc(-10 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .title-parking-reasons .text-large {
    font-size: calc(90 / var(--width) * 100vw);
    bottom: calc(-10 / var(--width) * 100vw);
  }
}
.section-parking-reasons .title-parking-reasons .text-line {
  display: inline-block;
  position: relative;
}
.section-parking-reasons .title-parking-reasons .text-line:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #F6F8B2;
  position: absolute;
  bottom: 0;
}
.section-parking-reasons .block-reasons {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 60px;
  margin-top: 60px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .block-reasons {
    column-gap: calc(40 / var(--width) * 100vw);
    row-gap: calc(60 / var(--width) * 100vw);
    margin-top: calc(60 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .block-reasons {
    column-gap: calc(40 / var(--width) * 100vw);
    row-gap: calc(60 / var(--width) * 100vw);
    margin-top: calc(40 / var(--width) * 100vw);
  }
}
.section-parking-reasons .block-reasons .reason {
  flex-basis: calc((100% - 40px * 2) / 2);
  background: #fff;
  border: 6px solid var(--main-color-parking);
  padding: 20px 30px 20px 10px;
  box-sizing: border-box;
  position: relative;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  min-height: 280px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .block-reasons .reason {
    padding: calc(20 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(10 / var(--width) * 100vw);
    gap: calc(6 / var(--width) * 100vw);
    min-height: calc(280 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .block-reasons .reason {
    flex-basis: 100%;
    padding: calc(40 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(20 / var(--width) * 100vw);
    gap: 10px;
    min-height: inherit;
    border: 3px solid var(--main-color-parking);
  }
}
.section-parking-reasons .block-reasons .reason .thumb {
  flex-basis: 160px;
  flex-shrink: 0;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .block-reasons .reason .thumb {
    flex-basis: calc(160 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .block-reasons .reason .thumb {
    flex-basis: 32%;
  }
}
.section-parking-reasons .block-reasons .reason .content {
  flex-basis: 252px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .block-reasons .reason .content {
    flex-basis: calc(252 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .block-reasons .reason .content {
    flex-basis: 68%;
  }
}
.section-parking-reasons .block-reasons .reason .content .title {
  font-size: 2.2rem;
  color: var(--main-color-parking);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .block-reasons .reason .content .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(10 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .block-reasons .reason .content .title {
    font-size: calc(18 / var(--width) * 100vw);
    margin-bottom: calc(10 / var(--width) * 100vw);
    letter-spacing: 0.08em;
  }
}
.section-parking-reasons .block-reasons .reason .content .title + p {
  line-height: 1.66;
}
.section-parking-reasons .block-reasons .reason::before {
  content: '';
  width: 80px;
  height: 80px;
  background-color: var(--main-color-parking);
  background-image: url("../../parking/img/num_parking_reason1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 37.5%;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  border-radius: 50%;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-reasons .block-reasons .reason::before {
    width: calc(80 / var(--width) * 100vw);
    height: calc(80 / var(--width) * 100vw);
    top: calc(-40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-reasons .block-reasons .reason::before {
    width: calc(60 / var(--width) * 100vw);
    height: calc(60 / var(--width) * 100vw);
    top: calc(-30 / var(--width) * 100vw);
  }
}
.section-parking-reasons .block-reasons .reason:nth-child(2)::before {
  background-image: url("../../parking/img/num_parking_reason2.svg");
}
.section-parking-reasons .block-reasons .reason:nth-child(3)::before {
  background-image: url("../../parking/img/num_parking_reason3.svg");
}
.section-parking-reasons .block-reasons .reason:nth-child(4)::before {
  background-image: url("../../parking/img/num_parking_reason4.svg");
}
.section-parking-reasons .block-reasons .reason:nth-child(5)::before {
  background-image: url("../../parking/img/num_parking_reason5.svg");
}
.section-parking-reasons .block-reasons .reason:nth-child(6)::before {
  background-image: url("../../parking/img/num_parking_reason6.svg");
}

.section-parking-more-point {
  padding: 60px 0 65px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-more-point {
    padding: calc(60 / var(--width) * 100vw) 0 calc(65 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-more-point {
    padding: calc(50 / var(--width) * 100vw) 0;
  }
}
.section-parking-more-point .title-parking-more-point {
  font-weight: 500;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  line-height: 1.73;
  color: var(--main-color-parking);
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-more-point .title-parking-more-point {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(25 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-more-point .title-parking-more-point {
    font-size: calc(26 / var(--width) * 100vw);
    margin-bottom: calc(25 / var(--width) * 100vw);
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
}
.section-parking-more-point .block-list-point {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .section-parking-more-point .block-list-point {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-more-point .block-list-point ul {
    order: 2;
  }
}
.section-parking-more-point .block-list-point ul li + li {
  margin-top: 9px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-more-point .block-list-point ul li + li {
    margin-top: calc(9 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-more-point .block-list-point ul li + li {
    margin-top: calc(9 / var(--width) * 100vw);
  }
}
.section-parking-more-point .block-list-point ul li::before {
  content: '';
  display: inline-block;
  margin-right: 7px;
  width: 21px;
  height: 21px;
  background-image: url("../../parking/img/icon_parking_list.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
  top: 5px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-more-point .block-list-point ul li::before {
    margin-right: calc(7 / var(--width) * 100vw);
    width: calc(21 / var(--width) * 100vw);
    height: calc(21 / var(--width) * 100vw);
    top: calc(5 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-more-point .block-list-point ul li::before {
    margin-right: calc(7 / var(--width) * 100vw);
    width: calc(21 / var(--width) * 100vw);
    height: calc(21 / var(--width) * 100vw);
    top: calc(5 / var(--width) * 100vw);
  }
}
.section-parking-more-point .block-list-point .thumb {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .section-parking-more-point .block-list-point .thumb {
    order: 1;
    width: 100%;
    text-align: center;
  }
}

.section-parking-case-problem {
  padding: 100px 0;
  background: #F7F9FA;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-case-problem {
    padding: calc(100 / var(--width) * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-case-problem {
    padding: calc(50 / var(--width) * 100vw) 0;
  }
}
.section-parking-case-problem .title-case-problem {
  font-weight: 500;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  line-height: 1.82;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-case-problem .title-case-problem {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(80 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-case-problem .title-case-problem {
    font-size: calc(22 / var(--width) * 100vw);
    letter-spacing: 0;
    line-height: 1.6;
    margin-bottom: calc(40 / var(--width) * 100vw);
  }
}
.section-parking-case-problem .block-parking-case-problem {
  display: flex;
  gap: 32px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-case-problem .block-parking-case-problem {
    gap: calc(32 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-case-problem .block-parking-case-problem {
    flex-wrap: wrap;
    gap: calc(20 / var(--width) * 100vw);
  }
}
.section-parking-case-problem .block-parking-case-problem .case {
  flex-basis: calc((100% - 32px * 2) / 3);
  background: #fff;
  padding: 31px 48px 47px;
  border-radius: 16px;
  border: 2px solid #88A6A9;
  box-sizing: border-box;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.77;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-case-problem .block-parking-case-problem .case {
    padding: 0 calc(20 / var(--width) * 100vw) calc(50 / var(--width) * 100vw);
    font-size: calc(18 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-case-problem .block-parking-case-problem .case {
    flex-basis: 100%;
    padding: calc(20 / var(--width) * 100vw);
    font-size: calc(16 / var(--width) * 100vw);
    display: flex;
    gap: calc(20 / var(--width) * 100vw);
  }
}
.section-parking-case-problem .block-parking-case-problem .case .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 140px;
  margin-bottom: 30px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-case-problem .block-parking-case-problem .case .thumb {
    height: calc(140 / var(--width) * 100vw);
    margin-bottom: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-case-problem .block-parking-case-problem .case .thumb {
    flex-basis: 30%;
    height: auto;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-case-problem .block-parking-case-problem .case .content {
    flex-basis: 70%;
    text-align: left;
  }
}

.section-parking-merit {
  background: #A4DDEB;
  padding: 120px 0;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-merit {
    padding: calc(120 / var(--width) * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-merit {
    padding: calc(60 / var(--width) * 100vw) 0;
  }
}
.section-parking-merit .copy {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.77;
  margin-bottom: 21px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-merit .copy {
    font-size: calc(18 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-merit .copy {
    font-size: calc(18 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
  }
}
.section-parking-merit .title-parking-merit {
  font-weight: 500;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  line-height: 1.73;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-merit .title-parking-merit {
    font-size: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-merit .title-parking-merit {
    font-size: calc(22 / var(--width) * 100vw);
    letter-spacing: 0;
    line-height: 1.5;
  }
}
.section-parking-merit .title-parking-merit span {
  color: #F6F8B2;
}
.section-parking-merit .title-parking-merit + p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.87;
  margin-top: 33px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-merit .title-parking-merit + p {
    font-size: calc(16 / var(--width) * 100vw);
    margin-top: calc(33 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-merit .title-parking-merit + p {
    font-size: calc(16 / var(--width) * 100vw);
    margin-top: calc(33 / var(--width) * 100vw);
  }
}

.block-parking-merit {
  display: flex;
  flex-wrap: wrap;
  column-gap: 32px;
  row-gap: 50px;
  margin-top: 60px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-merit {
    column-gap: calc(32 / var(--width) * 100vw);
    row-gap: calc(50 / var(--width) * 100vw);
    margin-top: calc(60 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-merit {
    column-gap: calc(32 / var(--width) * 100vw);
    row-gap: calc(50 / var(--width) * 100vw);
    margin-top: calc(60 / var(--width) * 100vw);
  }
}
.block-parking-merit .merit {
  flex-basis: calc((100% - 32px * 2) / 3);
  background: #F7F9FA;
  padding: 100px 40px 37px;
  box-sizing: border-box;
  position: relative;
  border-radius: 6px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-merit .merit {
    padding: calc(100 / var(--width) * 100vw) calc(40 / var(--width) * 100vw) calc(37 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-merit .merit {
    padding: calc(70 / var(--width) * 100vw) calc(25 / var(--width) * 100vw) calc(25 / var(--width) * 100vw);
    flex-basis: 100%;
  }
}
.block-parking-merit .merit::before {
  content: 'メリット';
  color: #fff;
  font-size: 10px;
  letter-spacing: 0;
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-merit .merit::before {
    font-size: calc(10 / var(--width) * 100vw);
    top: calc(-10 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-merit .merit::before {
    font-size: calc(10 / var(--width) * 100vw);
    top: calc(-10 / var(--width) * 100vw);
  }
}
.block-parking-merit .merit::after {
  content: '';
  width: 100px;
  height: 100px;
  background-color: var(--main-color-parking);
  background-image: url("../../parking/img/num_wh_01.svg");
  background-repeat: no-repeat;
  background-position: center 42px;
  background-size: 34%;
  position: absolute;
  left: 50%;
  top: -30px;
  transform: translateX(-50%);
  border-radius: 50%;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-merit .merit::after {
    width: calc(100 / var(--width) * 100vw);
    height: calc(100 / var(--width) * 100vw);
    background-position: center calc(42 / var(--width) * 100vw);
    top: calc(-30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-merit .merit::after {
    width: calc(80 / var(--width) * 100vw);
    height: calc(80 / var(--width) * 100vw);
    background-position: center calc(32 / var(--width) * 100vw);
    top: calc(-20 / var(--width) * 100vw);
  }
}
.block-parking-merit .merit:nth-child(2)::after {
  background-image: url("../../parking/img/num_wh_02.svg");
}
.block-parking-merit .merit:nth-child(3)::after {
  background-image: url("../../parking/img/num_wh_03.svg");
}
.block-parking-merit .merit:nth-child(4)::after {
  background-image: url("../../parking/img/num_wh_04.svg");
}
.block-parking-merit .merit:nth-child(5)::after {
  background-image: url("../../parking/img/num_wh_05.svg");
}
.block-parking-merit .merit:nth-child(6)::after {
  background-image: url("../../parking/img/num_wh_06.svg");
}
.block-parking-merit .merit .title {
  display: flex;
  height: 90px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  color: var(--main-color-parking);
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.77;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-merit .merit .title {
    height: calc(90 / var(--width) * 100vw);
    margin-bottom: calc(20 / var(--width) * 100vw);
    font-size: calc(18 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-merit .merit .title {
    height: auto;
    margin-bottom: calc(20 / var(--width) * 100vw);
    font-size: calc(18 / var(--width) * 100vw);
  }
}
.block-parking-merit .merit .title + p {
  letter-spacing: 0;
  line-height: 1.73;
}

.section-parking-service {
  padding: 35px 0 100px;
  background: #EBF7FA;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service {
    padding: calc(35 / var(--width) * 100vw) 0 calc(100 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service {
    padding: calc(35 / var(--width) * 100vw) 0 calc(50 / var(--width) * 100vw);
  }
}
.section-parking-service.section-parking-service__facility {
  padding-top: 77px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service.section-parking-service__facility {
    padding-top: calc(77 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service.section-parking-service__facility {
    padding-top: calc(35 / var(--width) * 100vw);
  }
}
.section-parking-service.section-parking-service__facility .block-lead {
  margin-bottom: 32px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service.section-parking-service__facility .block-lead {
    margin-bottom: calc(32 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service.section-parking-service__facility .block-lead {
    margin-bottom: calc(32 / var(--width) * 100vw);
  }
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service.section-parking-service__facility .block-lead .content {
    padding-bottom: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service.section-parking-service__facility .block-lead .content {
    padding-bottom: calc(30 / var(--width) * 100vw);
  }
}
.section-parking-service .block-lead {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.87;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
  width: 100%;
  margin-bottom: 54px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service .block-lead {
    font-size: calc(16 / var(--width) * 100vw);
    margin-bottom: calc(54 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service .block-lead {
    font-size: calc(16 / var(--width) * 100vw);
    margin-bottom: calc(30 / var(--width) * 100vw);
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.section-parking-service .block-lead .content {
  position: absolute;
  left: 0;
  padding-bottom: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service .block-lead .content {
    padding-bottom: calc(10 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service .block-lead .content {
    position: relative;
    padding-bottom: calc(10 / var(--width) * 100vw);
    order: 2;
  }
}
.section-parking-service .block-lead .content .copy {
  color: var(--main-color-parking);
  margin-bottom: 20px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service .block-lead .content .copy {
    margin-bottom: calc(20 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service .block-lead .content .copy {
    margin-bottom: calc(20 / var(--width) * 100vw);
  }
}
.section-parking-service .block-lead .content .title {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  line-height: 1.81;
  margin-bottom: 31px;
  font-weight: 500;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service .block-lead .content .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(31 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service .block-lead .content .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(31 / var(--width) * 100vw);
    line-height: 1.6;
    letter-spacing: 0.08em;
  }
}
.section-parking-service .block-lead .content span {
  font-size: 1.8rem;
  color: var(--main-color-parking);
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service .block-lead .content span {
    font-size: calc(18 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service .block-lead .content span {
    font-size: calc(18 / var(--width) * 100vw);
  }
}
.section-parking-service .block-lead .thumb {
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .section-parking-service .block-lead .thumb {
    width: 100%;
    order: 1;
  }
}
.section-parking-service .btn-round {
  font-size: 1.6rem;
  width: 480px;
  height: 80px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-service .btn-round {
    font-size: calc(16 / var(--width) * 100vw);
    width: calc(480 / var(--width) * 100vw);
    height: calc(80 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-service .btn-round {
    font-size: calc(15 / var(--width) * 100vw);
    width: 90%;
    height: calc(60 / var(--width) * 100vw);
  }
}

.block-parking-service-point {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-bottom: 64px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-service-point {
    gap: calc(32 / var(--width) * 100vw);
    margin-bottom: calc(64 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-service-point {
    gap: calc(32 / var(--width) * 100vw);
    margin-bottom: calc(50 / var(--width) * 100vw);
  }
}
.block-parking-service-point .point {
  flex-basis: calc((100% - 32px * 2) / 3);
  background: #fff;
  padding: 34px 40px 37px;
  box-sizing: border-box;
  position: relative;
  border-radius: 16px;
  border: 2px solid var(--main-color-parking);
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-service-point .point {
    padding: calc(34 / var(--width) * 100vw) calc(40 / var(--width) * 100vw) calc(37 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-service-point .point {
    flex-basis: 100%;
    padding: calc(30 / var(--width) * 100vw);
  }
}
.block-parking-service-point .point .title {
  display: flex;
  height: 90px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  color: var(--main-color-parking);
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.77;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .block-parking-service-point .point .title {
    height: calc(90 / var(--width) * 100vw);
    margin-bottom: calc(20 / var(--width) * 100vw);
    font-size: calc(18 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .block-parking-service-point .point .title {
    height: auto;
    margin-bottom: calc(20 / var(--width) * 100vw);
    font-size: calc(18 / var(--width) * 100vw);
  }
}
.block-parking-service-point .point .title + p {
  letter-spacing: 0;
  line-height: 1.73;
}

.section-parking-plan {
  background: #A4DDEB;
  padding: 120px 0;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan {
    padding: calc(120 / var(--width) * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan {
    padding: calc(40 / var(--width) * 100vw) 0;
  }
}
.section-parking-plan .title-parking-plan {
  font-weight: 500;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  line-height: 1.73;
  color: #fff;
  margin-bottom: 21px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan .title-parking-plan {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan .title-parking-plan {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
    line-height: 1.5;
    letter-spacing: 0.08em;
  }
}
.section-parking-plan .block-list-parking-plan {
  margin: 61px 0 100px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan .block-list-parking-plan {
    margin: calc(61 / var(--width) * 100vw) 0 calc(100 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan .block-list-parking-plan {
    margin: calc(30 / var(--width) * 100vw) 0 calc(30 / var(--width) * 100vw);
  }
}
.section-parking-plan .list-parking-plan {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan .list-parking-plan {
    gap: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan .list-parking-plan {
    gap: 10px;
  }
}
.section-parking-plan .list-parking-plan li {
  flex-basis: calc((100% - 40px * 3) / 4);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 140px;
  background: var(--main-color-parking);
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.77;
  color: #f6f8b2;
  border-radius: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan .list-parking-plan li {
    height: calc(140 / var(--width) * 100vw);
    font-size: calc(18 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan .list-parking-plan li {
    flex-basis: calc((100% - 10px) / 2);
    height: calc(80 / var(--width) * 100vw);
    font-size: calc(15 / var(--width) * 100vw);
    line-height: 1.5;
  }
}
.section-parking-plan .list-parking-plan.list-parking-plan__3col {
  gap: 50px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan .list-parking-plan.list-parking-plan__3col {
    gap: calc(50 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan .list-parking-plan.list-parking-plan__3col {
    gap: 10px;
  }
}
.section-parking-plan .list-parking-plan.list-parking-plan__3col li {
  flex-basis: calc((100% - 50px * 2) / 3);
}
@media screen and (max-width: 768px) {
  .section-parking-plan .list-parking-plan.list-parking-plan__3col li {
    flex-basis: calc((100% - 10px * 2) / 3);
  }
}
.section-parking-plan .list-parking-plan-com {
  font-size: 1.0rem;
  line-height: 1.5;
  letter-spacing: 0;
  margin-top: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan .list-parking-plan-com {
    font-size: calc(10 / var(--width) * 100vw);
    margin-top: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan .list-parking-plan-com {
    font-size: calc(10 / var(--width) * 100vw);
    margin-top: calc(20 / var(--width) * 100vw);
  }
}

.section-parking-example {
  text-align: center;
  padding: 160px 0 80px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-example {
    padding: calc(160 / var(--width) * 100vw) 0 calc(80 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-example {
    padding: calc(50 / var(--width) * 100vw) 0 calc(50 / var(--width) * 100vw);
  }
}
.section-parking-example .block-title-parking-lead {
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-example .block-title-parking-lead {
    margin-bottom: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-example .block-title-parking-lead {
    margin-bottom: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-example .block-title-parking-lead .title-parking-lead {
    font-size: calc(25 / var(--width) * 100vw);
  }
  .section-parking-example .block-title-parking-lead .title-parking-lead + p {
    text-align: left;
  }
}
.section-parking-example .list-parking-example {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 88px;
  row-gap: 40px;
  max-width: 778px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-example .list-parking-example {
    column-gap: calc(88 / var(--width) * 100vw);
    row-gap: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-example .list-parking-example {
    gap: calc(20 / var(--width) * 100vw);
  }
}
.section-parking-example .list-parking-example li {
  flex-basis: calc((100% - 88px * 2) / 3);
}
@media screen and (max-width: 768px) {
  .section-parking-example .list-parking-example li {
    flex-basis: calc((100% - 20px * 2) / 3);
  }
}
.section-parking-example .list-parking-example li figure img {
  background: #FAFAFA;
  border: 2px solid var(--main-color-parking);
  border-radius: 8px;
}
.section-parking-example .list-parking-example li figure figcaption {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.87;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-example .list-parking-example li figure figcaption {
    font-size: calc(16 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-example .list-parking-example li figure figcaption {
    font-size: calc(14 / var(--width) * 100vw);
    line-height: 1.5;
  }
}

.section-parking-plan-case {
  background: #EBF7FA;
  padding: 100px 0;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan-case {
    padding: calc(100 / var(--width) * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan-case {
    padding: calc(50 / var(--width) * 100vw) 0;
  }
}
.section-parking-plan-case .wrap-parking-plan-case .row {
  position: relative;
}
.section-parking-plan-case .wrap-parking-plan-case .row + .row {
  margin-top: 80px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan-case .wrap-parking-plan-case .row + .row {
    margin-top: calc(80 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan-case .wrap-parking-plan-case .row + .row {
    margin-top: calc(50 / var(--width) * 100vw);
  }
}
.section-parking-plan-case .wrap-parking-plan-case .row::before {
  content: '参考例';
  font-size: 1.4rem;
  letter-spacing: 0;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan-case .wrap-parking-plan-case .row::before {
    font-size: calc(14 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan-case .wrap-parking-plan-case .row::before {
    font-size: calc(12 / var(--width) * 100vw);
  }
}
.section-parking-plan-case .wrap-parking-plan-case .row .title {
  padding-left: 112px;
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 0.1em;
  line-height: 1.73;
  margin-bottom: 41px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .title {
    padding-left: calc(112 / var(--width) * 100vw);
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(41 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .title {
    padding-left: 0;
    padding-top: calc(80 / var(--width) * 100vw);
    font-size: calc(23 / var(--width) * 100vw);
    margin-bottom: calc(20 / var(--width) * 100vw);
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
.section-parking-plan-case .wrap-parking-plan-case .row .title span {
  color: var(--main-color-parking);
}
.section-parking-plan-case .wrap-parking-plan-case .row .title::before {
  content: '';
  display: block;
  width: 33px;
  height: 42px;
  background-image: url("../img/num_01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 49px;
  top: 47px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .title::before {
    width: calc(33 / var(--width) * 100vw);
    height: calc(42 / var(--width) * 100vw);
    left: calc(49 / var(--width) * 100vw);
    top: calc(47 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .title::before {
    width: calc(25 / var(--width) * 100vw);
    height: calc(35 / var(--width) * 100vw);
    left: calc(49 / var(--width) * 100vw);
    top: calc(36 / var(--width) * 100vw);
  }
}
.section-parking-plan-case .wrap-parking-plan-case .row .title::after {
  content: '';
  display: block;
  width: 55px;
  height: 1px;
  background: #B0DCE9;
  transform: rotate(-48deg);
  position: absolute;
  left: 14px;
  top: 45px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .title::after {
    width: calc(55 / var(--width) * 100vw);
    left: calc(14 / var(--width) * 100vw);
    top: calc(45 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .title::after {
    width: calc(45 / var(--width) * 100vw);
    left: calc(14 / var(--width) * 100vw);
    top: calc(35 / var(--width) * 100vw);
  }
}
.section-parking-plan-case .wrap-parking-plan-case .row:nth-child(2) .title::before {
  background-image: url("../img/num_02.svg");
}
.section-parking-plan-case .wrap-parking-plan-case .row .thumb {
  background: #fff;
  padding: 40px 44px 30px 54px;
  border-radius: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .thumb {
    padding: calc(40 / var(--width) * 100vw) calc(44 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(54 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-plan-case .wrap-parking-plan-case .row .thumb {
    padding: calc(10 / var(--width) * 100vw);
  }
}
.section-parking-plan-case .wrap-parking-plan-case .row .thumb img {
  vertical-align: bottom;
}
.section-parking-plan-case .wrap-parking-plan-case.wrap-parking-plan-case__not_number .row .title::before {
  display: none;
}

.section-parking-lead .wrap-parking-point {
  background: #A4DDEB;
  padding: 80px 0 100px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point {
    padding: calc(80 / var(--width) * 100vw) 0 calc(100 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point {
    padding: calc(40 / var(--width) * 100vw) 0 calc(40 / var(--width) * 100vw);
  }
}
.section-parking-lead .wrap-parking-point .title-parking-point {
  font-weight: 500;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  line-height: 1.73;
  text-align: center;
  margin-bottom: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .title-parking-point {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .title-parking-point {
    font-size: calc(25 / var(--width) * 100vw);
    margin-bottom: calc(30 / var(--width) * 100vw);
  }
}
.section-parking-lead .wrap-parking-point .title-parking-point span {
  background: #fff;
  padding: 0 5px;
  margin-right: 5px;
  color: var(--main-color-parking);
}
.section-parking-lead .wrap-parking-point .title-parking-point + p {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.87;
  text-align: center;
  margin-bottom: 100px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .title-parking-point + p {
    font-size: calc(16 / var(--width) * 100vw);
    margin-bottom: calc(100 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .title-parking-point + p {
    font-size: calc(16 / var(--width) * 100vw);
    margin-bottom: calc(50 / var(--width) * 100vw);
    text-align: left;
  }
}
.section-parking-lead .wrap-parking-point .list-point {
  display: flex;
  gap: 32px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .list-point {
    gap: calc(32 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .list-point {
    flex-wrap: wrap;
    gap: calc(60 / var(--width) * 100vw);
  }
}
.section-parking-lead .wrap-parking-point .list-point .point {
  flex-basis: calc((100% - 32px * 2) / 3);
  background: #fff;
  border: 2px solid var(--main-color-parking);
  padding: 56px 30px 41px 30px;
  box-sizing: border-box;
  position: relative;
  border-radius: 16px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .list-point .point {
    padding: calc(56 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(41 / var(--width) * 100vw) calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .list-point .point {
    padding: calc(60 / var(--width) * 100vw) calc(30 / var(--width) * 100vw) calc(30 / var(--width) * 100vw);
    flex-basis: 100%;
  }
}
.section-parking-lead .wrap-parking-point .list-point .point .thumb {
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .list-point .point .thumb {
    margin-bottom: calc(15 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .list-point .point .thumb {
    margin-bottom: calc(15 / var(--width) * 100vw);
  }
}
.section-parking-lead .wrap-parking-point .list-point .point .thumb img {
  height: 148px;
  vertical-align: bottom;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .list-point .point .thumb img {
    height: calc(148 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .list-point .point .thumb img {
    height: calc(120 / var(--width) * 100vw);
  }
}
.section-parking-lead .wrap-parking-point .list-point .point .title {
  font-size: 2.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 18px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .list-point .point .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(18 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .list-point .point .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(18 / var(--width) * 100vw);
    letter-spacing: 0.05em;
  }
}
.section-parking-lead .wrap-parking-point .list-point .point .title + p {
  line-height: 1.73;
  letter-spacing: 0;
}
.section-parking-lead .wrap-parking-point .list-point .point::before {
  content: '';
  width: 80px;
  height: 80px;
  background-color: var(--main-color-parking);
  background-image: url("../../parking/img/num_wh_01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 37.5%;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  border-radius: 50%;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-lead .wrap-parking-point .list-point .point::before {
    width: calc(80 / var(--width) * 100vw);
    height: calc(80 / var(--width) * 100vw);
    top: calc(-40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-lead .wrap-parking-point .list-point .point::before {
    width: calc(60 / var(--width) * 100vw);
    height: calc(60 / var(--width) * 100vw);
    top: calc(-30 / var(--width) * 100vw);
  }
}
.section-parking-lead .wrap-parking-point .list-point .point:nth-child(2)::before {
  background-image: url("../../parking/img/num_wh_02.svg");
}
.section-parking-lead .wrap-parking-point .list-point .point:nth-child(3)::before {
  background-image: url("../../parking/img/num_wh_03.svg");
}

.section-parking-method {
  background: #EBF7FA;
  padding: 100px 0;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method {
    padding: calc(100 / var(--width) * 100vw) 0;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method {
    padding: calc(50 / var(--width) * 100vw) 0;
  }
}
.section-parking-method .block-title-parking-lead {
  margin-bottom: 60px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .block-title-parking-lead {
    margin-bottom: calc(60 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .block-title-parking-lead {
    margin-bottom: calc(40 / var(--width) * 100vw);
  }
}
.section-parking-method .container {
  max-width: 920px;
}
.section-parking-method .card-parking-method {
  display: flex;
  justify-content: center;
  gap: 80px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method {
    gap: calc(80 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method {
    flex-wrap: wrap;
    gap: 60px;
  }
}
.section-parking-method .card-parking-method .method {
  flex-basis: 420px;
  background: #fff;
  padding-top: 30px;
  box-sizing: border-box;
  border: 2px solid var(--main-color-parking);
  border-radius: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method {
    flex-basis: calc(420 / var(--width) * 100vw);
    padding-top: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method {
    flex-basis: 100%;
    padding-top: calc(20 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .thumb {
  text-align: center;
  margin-bottom: 33px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .thumb {
    margin-bottom: calc(33 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method .thumb {
    margin-bottom: calc(20 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .thumb img {
  vertical-align: bottom;
  width: 253px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .thumb img {
    width: calc(253 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method .thumb img {
    width: calc(220 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .title {
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .title {
    margin-bottom: calc(25 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method .title {
    margin-bottom: calc(25 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .title .type {
  font-size: 1.2rem;
  line-height: 1.66;
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  margin-bottom: 21px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .title .type {
    font-size: calc(12 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .title .type::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #B0DCE9;
  position: absolute;
  bottom: -5px;
}
.section-parking-method .card-parking-method .method .title .type::after {
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  background: #B0DCE9;
  position: absolute;
  bottom: -17px;
  left: 50%;
  transform: translateX(-50%);
}
.section-parking-method .card-parking-method .method .title .copy {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.87;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .title .copy {
    font-size: calc(16 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method .title .copy {
    font-size: calc(16 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .title .name {
  font-weight: 500;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  line-height: 1.81;
  color: var(--main-color-parking);
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .title .name {
    font-size: calc(22 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method .title .name {
    font-size: calc(22 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .content {
  letter-spacing: 0;
  padding: 0 84px;
  margin-bottom: 45px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .content {
    padding: 0 calc(84 / var(--width) * 100vw);
    margin-bottom: calc(45 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method .content {
    padding: 0 calc(25 / var(--width) * 100vw);
    margin-bottom: calc(30 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-method .method .btn {
  width: 260px;
  height: 56px;
  margin-bottom: -28px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-method .method .btn {
    width: calc(260 / var(--width) * 100vw);
    height: calc(56 / var(--width) * 100vw);
    margin-bottom: calc(-28 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-method .method .btn {
    width: 80%;
    height: calc(50 / var(--width) * 100vw);
    margin-bottom: calc(-25 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-switch {
  margin-top: 121px;
  background: #fff;
  border: 6px solid #C3DCB6;
  border-radius: 16px;
  padding: 60px 38px 50px 58px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-switch {
    margin-top: calc(121 / var(--width) * 100vw);
    padding: calc(60 / var(--width) * 100vw) calc(38 / var(--width) * 100vw) calc(50 / var(--width) * 100vw) calc(58 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch {
    margin-top: calc(80 / var(--width) * 100vw);
    padding: calc(25 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-switch .title {
  font-weight: 500;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  line-height: 1.73;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-switch .title {
    font-size: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .title {
    font-size: calc(23 / var(--width) * 100vw);
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin-bottom: 1em;
  }
}
.section-parking-method .card-parking-switch .title span.paint {
  color: var(--main-color-parking);
  display: inline-block;
  position: relative;
  z-index: 5;
}
.section-parking-method .card-parking-switch .title span.line {
  position: relative;
}
.section-parking-method .card-parking-switch .title span.line:before {
  content: '';
  display: block;
  width: calc(100% + 5px);
  height: 9px;
  background: #FAFCA9;
  border-radius: 5px;
  position: absolute;
  left: -5px;
  bottom: 5px;
}
.section-parking-method .card-parking-switch .row {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row {
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row .col {
    flex-basis: 100%;
  }
}
.section-parking-method .card-parking-switch .row .col:first-child {
  margin-right: 30px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-switch .row .col:first-child {
    margin-right: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row .col:first-child {
    margin-right: 0;
  }
}
.section-parking-method .card-parking-switch .row .col:first-child ul {
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row .col:first-child ul {
    display: block;
  }
}
.section-parking-method .card-parking-switch .row .col:first-child ul li {
  padding: 7px 10px 9px;
  background: #89B991;
  border-radius: 4px;
  color: #fff;
  letter-spacing: 0;
  line-height: 1.5;
  margin-bottom: 23px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-switch .row .col:first-child ul li {
    padding: calc(7 / var(--width) * 100vw) calc(11 / var(--width) * 100vw) calc(9 / var(--width) * 100vw);
    margin-bottom: calc(23 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row .col:first-child ul li {
    padding: calc(10 / var(--width) * 100vw);
    text-align: center;
  }
}
.section-parking-method .card-parking-switch .row .col:first-child ul li span {
  color: #F6F8B2;
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-switch .row .col:first-child ul li span {
    font-size: calc(16 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row .col:first-child ul li span {
    font-size: calc(16 / var(--width) * 100vw);
  }
}
.section-parking-method .card-parking-switch .row .col:first-child p {
  letter-spacing: 0;
}
.section-parking-method .card-parking-switch .row .col:nth-child(2) {
  margin-right: 13px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-switch .row .col:nth-child(2) {
    margin-right: calc(13 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row .col:nth-child(2) {
    margin-right: 0;
  }
  .section-parking-method .card-parking-switch .row .col:nth-child(2) .thumb {
    text-align: center;
  }
}
.section-parking-method .card-parking-switch .row .btn {
  margin-bottom: 10px;
  width: 200px;
  height: 40px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-method .card-parking-switch .row .btn {
    margin-bottom: calc(10 / var(--width) * 100vw);
    width: calc(200 / var(--width) * 100vw);
    height: calc(40 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-method .card-parking-switch .row .btn {
    margin-bottom: 0;
    width: 80%;
    height: calc(40 / var(--width) * 100vw);
  }
}

.section-parking-pages {
  padding: 80px 0 184px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages {
    padding: calc(80 / var(--width) * 100vw) 0 calc(184 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages {
    padding: calc(50 / var(--width) * 100vw) 0 calc(80 / var(--width) * 100vw);
  }
  .section-parking-pages .title-parking-lead {
    font-size: calc(25 / var(--width) * 100vw);
  }
}
.section-parking-pages .card-parking-pages .row {
  display: flex;
  gap: 56px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages .card-parking-pages .row {
    gap: calc(56 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages .card-parking-pages .row {
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 40px;
  }
}
.section-parking-pages .card-parking-pages .row .col {
  flex-basis: calc((100% - 56px * 3) / 4);
  border: 2px solid var(--main-color-parking);
  border-radius: 8px;
  padding: 18px 0 0;
  text-align: center;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages .card-parking-pages .row .col {
    padding: calc(18 / var(--width) * 100vw) 0 0;
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages .card-parking-pages .row .col {
    flex-basis: calc((100% - 15px) / 2);
    padding: calc(18 / var(--width) * 100vw) 0 0;
  }
}
.section-parking-pages .card-parking-pages .row .col .thumb {
  margin-bottom: 16px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages .card-parking-pages .row .col .thumb {
    margin-bottom: calc(16 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages .card-parking-pages .row .col .thumb {
    margin-bottom: calc(16 / var(--width) * 100vw);
  }
}
.section-parking-pages .card-parking-pages .row .col .thumb img {
  width: 165px;
  vertical-align: bottom;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages .card-parking-pages .row .col .thumb img {
    width: calc(165 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages .card-parking-pages .row .col .thumb img {
    width: calc(120 / var(--width) * 100vw);
  }
}
.section-parking-pages .card-parking-pages .row .col .title {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1.81;
  color: var(--main-color-parking);
  margin-bottom: 10px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages .card-parking-pages .row .col .title {
    font-size: calc(22 / var(--width) * 100vw);
    margin-bottom: calc(10 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages .card-parking-pages .row .col .title {
    font-size: calc(18 / var(--width) * 100vw);
    margin-bottom: calc(10 / var(--width) * 100vw);
    letter-spacing: 0;
  }
}
.section-parking-pages .card-parking-pages .row .col .title + p {
  letter-spacing: 0;
  line-height: 1.6;
  margin-bottom: 25px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages .card-parking-pages .row .col .title + p {
    margin-bottom: calc(25 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages .card-parking-pages .row .col .title + p {
    margin-bottom: calc(25 / var(--width) * 100vw);
  }
}
.section-parking-pages .card-parking-pages .row .col .btn {
  width: 160px;
  height: 48px;
  margin-bottom: -24px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-pages .card-parking-pages .row .col .btn {
    width: calc(160 / var(--width) * 100vw);
    height: calc(48 / var(--width) * 100vw);
    margin-bottom: calc(-24 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-pages .card-parking-pages .row .col .btn {
    width: 90%;
    height: calc(36 / var(--width) * 100vw);
    margin-bottom: calc(-24 / var(--width) * 100vw);
  }
}

.section-parking-corporate {
  background: #58C1DB;
  padding: 80px 0 100px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-corporate {
    padding: calc(80 / var(--width) * 100vw) 0 calc(100 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-corporate {
    padding: calc(50 / var(--width) * 100vw) 0 calc(80 / var(--width) * 100vw);
  }
}
.section-parking-corporate .card-parking-corporate {
  display: flex;
  justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 768px) {
  .section-parking-corporate .card-parking-corporate {
    flex-wrap: wrap;
    gap: 60px;
  }
}
.section-parking-corporate .card-parking-corporate .card {
  flex-basis: calc((100% - 32px) / 2);
  background: #fff;
  padding-top: 30px;
  box-sizing: border-box;
  border: 2px solid var(--main-color-parking);
  border-radius: 8px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-corporate .card-parking-corporate .card {
    padding-top: calc(30 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-corporate .card-parking-corporate .card {
    flex-basis: 100%;
    padding: calc(25 / var(--width) * 100vw) calc(25 / var(--width) * 100vw) 0;
  }
}
.section-parking-corporate .card-parking-corporate .card .thumb {
  text-align: center;
  margin-bottom: 11px;
}
.section-parking-corporate .card-parking-corporate .card .thumb img {
  vertical-align: bottom;
  width: 380px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-corporate .card-parking-corporate .card .thumb img {
    width: calc(380 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-corporate .card-parking-corporate .card .thumb img {
    width: 90%;
  }
}
.section-parking-corporate .card-parking-corporate .card .title {
  font-weight: 500;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  line-height: 1.73;
  text-align: center;
  color: var(--main-color-parking);
  margin-bottom: 21px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-corporate .card-parking-corporate .card .title {
    font-size: calc(30 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-corporate .card-parking-corporate .card .title {
    font-size: calc(25 / var(--width) * 100vw);
    margin-bottom: calc(21 / var(--width) * 100vw);
    letter-spacing: 0.05em;
  }
}
.section-parking-corporate .card-parking-corporate .card .title + p {
  line-height: 1.73;
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 45px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-corporate .card-parking-corporate .card .title + p {
    margin-bottom: calc(45 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-corporate .card-parking-corporate .card .title + p {
    margin-bottom: calc(45 / var(--width) * 100vw);
  }
}
.section-parking-corporate .card-parking-corporate .card .btn {
  width: 200px;
  height: 40px;
  margin-bottom: -20px;
}
@media screen and (min-width: 769px) and (max-width: 1140px) {
  .section-parking-corporate .card-parking-corporate .card .btn {
    width: calc(200 / var(--width) * 100vw);
    height: calc(40 / var(--width) * 100vw);
    margin-bottom: calc(-20 / var(--width) * 100vw);
  }
}
@media screen and (max-width: 768px) {
  .section-parking-corporate .card-parking-corporate .card .btn {
    width: 80%;
    height: calc(40 / var(--width) * 100vw);
    margin-bottom: calc(-20 / var(--width) * 100vw);
  }
}
.section-parking-corporate .card-parking-corporate .card .btn a {
  border: 2px solid #fff;
}