@charset "UTF-8";

/* -------------------------------
 * ▼ SP表示
 * -------------------------------- */
@media only screen and (max-width: 767.98px) {
  .section-common-keyvisual {
    background: url("../img/faq/sp/background_keyvisual_01.jpg") top -0.2rem center/cover no-repeat;
  }
}

/* -------------------------------
 * ▼ PC表示
 * -------------------------------- */
@media print, (min-width: 768px) {
  .section-common-keyvisual {
    background: url("../img/faq/background_keyvisual_01.jpg") center/cover no-repeat;
  }
}

.section-faq-overall .overall-accordion {
  background-color: #dbf1fa;
}

/* -------------------------------
 * ▼ SP表示
 * -------------------------------- */
@media only screen and (max-width: 767.98px) {
  .section-faq-overall .overall-accordion .wrapper {
    margin-bottom: 0.2rem;
    padding: 0.15rem 0.2rem;
  }
  .row-block:last-of-type{
    margin-bottom: 0.4rem;
  }
  .detail-item .detail-content .is-light{
    background:#ffd9007c;
    padding: 3px 7px;
    border-radius: 5px;
  }
  .detail-item .detail-content .b_margin{
    margin: 14px 0 11px;
  }
  .list-info-detail .content-title.shosin {
    margin-bottom: 20px;
}

.detail-content .is-light{
  background:#ffd9007c;
  padding: 3px 7px;
  border-radius: 5px;
}
}

/* -------------------------------
 * ▼ PC表示
 * -------------------------------- */
@media print, (min-width: 768px) {
  .section-faq-overall {
    padding: 0 0 148px;
  }

  .section-faq-overall .button-common-primary {
    line-height: 1.5;
  }

  .section-faq-overall .row-block:not(:last-child) {
    margin-bottom: 65px;
  }

  .section-faq-overall .wrapper {
    padding: 30px 0;
  }

  .section-faq-overall .item-left {
    width: 385px;
  }

  .section-faq-overall .content-booking {
    padding-right: 110px;
  }

  .section-faq-overall .booking-button-controller {
    margin-right: 80px;
  }
  .detail-content .is-light{
    background:#ffd9007c;
    padding: 3px 7px;
    border-radius: 5px;
  }
  .detail-content .b_margin{
    margin: 14px 0 11px;
  }
  .list-info-detail .content-title.shosin {
    margin-bottom: 20px;
}
.item-inner .credit-thumbnail {
  width: 400px;

}
.list-info-detail .content-title.parking_photo {
  display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}

.list-info-detail .content-title.parking_photo {
  display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}



}

.list-faq-overall {
  padding-left: 0;
  border-radius: 5px;
  background-color: #fff;
  list-style: none;
}

.list-faq-overall .list-item:not(:last-child) {
  border-bottom: 1px dashed #29abe2;
}

.list-faq-overall .list-item.is-active .heading-icon {
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.list-faq-overall .item-heading {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
}

.list-faq-overall .heading-question,
.list-faq-overall .detail-answer {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}

.list-faq-overall .heading-title {
  color: #403121;
  font-weight: 400;
}

.list-faq-overall .heading-question {
  color: #29abe2;
}

.list-faq-overall .detail-answer {
  color: #6c9;
}

.list-faq-overall .detail-content {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.list-faq-overall .heading-icon {
  display: block;
  position: absolute;
  right: 0;
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  transition: all 0.3s ease;
}

.list-faq-overall .list-info-detail {
  display: -ms-flexbox;
  display: flex;
}

.list-faq-overall .item-inner {
  display: none;
}


/* 250602↓ */

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

.list-item .list-info-detail ul{
  list-style-type: none;
  padding-left: 0;
  margin: 0.3rem 0;
}

.list-item .list-info-detail ul>li{
padding-left: 0.18rem;
    position: relative;
        margin-bottom: 0.1rem;
    
}

.list-item .list-info-detail ul>li:last-of-type{
  margin-bottom: 0;
}


.list-item .list-info-detail ul>li::before
{
      content: "";
    position: absolute;
    top: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
    left: -0.01rem;
    transform: rotate(45deg);
    background: #ffd800;
}

.list-item .list-info-detail .faq_num_list {
  list-style: none; /* デフォルトの数字を非表示 */
  counter-reset: item; /* カウンターをリセット */
  padding-left: 0;
  margin: 0 0 0.2rem;
}

.list-item .list-info-detail .faq_num_list>li {
    counter-increment: item;
    position: relative;
    padding-left: 0.24rem;
    margin-bottom: 0.1rem;
}

.list-item .list-info-detail .faq_num_list>li:last-of-type {
    margin-bottom:0;
}

.list-item .list-info-detail .faq_num_list>li::before {
  content: counter(item) ;
    position: absolute;
    left: 0;
    top: 0.04rem;
    font-weight: bold;
    background-color: #1ab563;
    border-radius: 50%;
    color: #fff;
    font-size: 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    line-height: 1.3;
    text-align: center;
}


.list-item .list-info-detail ol.faq_num_list dt{
  margin-bottom: 0.05rem;
}

.list-item .list-info-detail .faq_ttl_s{
  font-size: 0.16rem;
    margin: 0.5rem 0px 0.1rem;
    border-left: 3px solid #1ab563;
    padding-left: 0.1rem;
}

.list-item .list-info-detail .back_blue{
  background-color: #effaff;
  padding: 0.15rem;
}

.detail-content .is-marker{
    background:#29abe233;
    padding: 3px 7px;
    line-height: 2;
  }



/* 250602↑ */



/* -------------------------------
 * ▼ SP表示
 * -------------------------------- */
@media only screen and (max-width: 767.98px) {
  .list-faq-overall {
    margin-bottom: 0;
    padding: 0.05rem 0;
  }

  .list-faq-overall.is-active .heading-icon {
    background: url(../img/common/icn_arrow_02.svg) top 0.06rem right/0.18rem auto no-repeat;
  }

  .list-faq-overall .list-item {
    margin-bottom: 0.05rem;
    padding-bottom: 0.05rem;
  }

  /* .list-faq-overall .detail-content {
    padding-left: 0.15rem;
  } */

  .list-faq-overall .list-info-detail {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.1rem 0;
  }

  .list-faq-overall .item-heading {
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-align: center;
align-items: center;
  }

  .list-faq-overall .list-info-detail,
  .list-faq-overall .item-heading {
    padding: 0 0.1rem;
  }

  .list-faq-overall .list-info-detail{
    border-top: 1px dashed #29abe2;
  }

  .list-faq-overall .heading-question {
    position: relative;
    top: -3px;
    min-width: 0.22rem;
    margin-right: 0.05rem;
  }

  .list-faq-overall .heading-question,
  .list-faq-overall .detail-answer {
    font-size: 0.22rem;
  }

  .list-faq-overall .heading-title {
    padding-right: 0.25rem;
    font-size: 0.16rem;
  }

  .list-faq-overall .heading-icon {
    /* top: 0.02rem; */
    right: 0.06rem;
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/common/icn_arrow_02.svg) top 0.05rem right/0.2rem auto no-repeat;
  }
}

/* -------------------------------
 * ▼ PC表示
 * -------------------------------- */
@media print, (min-width: 768px) {
  .list-faq-overall {
    margin: 0 -25px;
    padding: 12px 24px 3px;
  }

  .list-faq-overall .list-item {
    margin-bottom: 6px;
    padding-bottom: 14px;
  }

  .list-faq-overall .list-item.is-active .heading-icon {
    background: url(../img/common/icn_arrow_02.svg) top 10px right/25px auto no-repeat;
  }

  .list-faq-overall .item-heading {
    padding: 0 25px;
  }

  .list-faq-overall .list-info-detail {
    padding: 18px 45px 16px 25px;
  }

  .list-faq-overall .heading-question,
  .list-faq-overall .detail-answer {
    position: relative;
    font-size: 0.3rem;
  }

  .list-faq-overall .detail-answer {
    top: -14px;
  }

  .list-faq-overall .heading-title {
    position: relative;
    top: 3px;
    margin-left: 14px;
    padding: 10px 35px 0 0;
    font-size: 0.18rem;
  }

  .list-faq-overall .heading-icon {
    top: 11px;
    right: 24px;
    width: 30px;
    height: 45px;
    background: url(../img/common/icn_arrow_02.svg) top 10px right/25px auto no-repeat;
  }

  .list-faq-overall .detail-content {
    width: calc(100% - 32px);
    padding-left: 15px;
  }

  .list-faq-overall .content-title {
    margin-top: 1px;
  }

  .list-faq-overall .contact-link {
    padding: 0 218px 0 32px;
  }
}