@charset "UTF-8";
/* ==========================================================================
  lease
========================================================================== */
/* --------------------------------------------------------------------------
  c-ap-under-header 上書き
-------------------------------------------------------------------------- */
.c-ap-under-header {
  background-image: url(/hvac-cc/biz/products/ziaino/lease/img/index/hero_pc@2x.webp);
}
@media screen and (max-width: 640px) {
  .c-ap-under-header {
    background-image: url(/hvac-cc/biz/products/ziaino/lease/img/index/hero_sp@2x.webp);
  }
}

/* --------------------------------------------------------------------------
  ssi_ap_footer_info_purchaser 上書き
-------------------------------------------------------------------------- */
.c-ap-ssi-footer-info-purchaser__link--is-lease {
  display: none;
}

.c-ap-ssi-footer-info-purchaser__links {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* --------------------------------------------------------------------------
  さらに表示ボタン => c-ap-moreview-contents--sp 上書き
-------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .c-ap-moreview-contents--sp {
    max-height: 430px;
    grid-template-rows: 0.8fr;
  }
  .c-ap-moreview-contents--sp.is-open {
    max-height: inherit;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 640px) {
  .c-ap-moreview-contents--sp .c-ap-moreview-contents__inner::before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(242, 242, 242)), color-stop(40%, rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, rgb(242, 242, 242) 0%, rgba(255, 255, 255, 0) 40%);
  }
}
@media screen and (max-width: 640px) {
  .c-ap-moreview-contents--sp .c-ap-moreview-contents__button {
    -webkit-transform: translateX(-50%) translateY(-35%);
            transform: translateX(-50%) translateY(-35%);
  }
}

/* --------------------------------------------------------------------------
  p-ap-lease
-------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
  p-ap-lease 共通
-------------------------------------------------------------------------- */
/* p-ap-lease-inner */
.p-ap-lease-inner:nth-of-type(1) {
  padding-top: 40px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-inner:nth-of-type(1) {
    padding-top: 32px;
  }
}
.p-ap-lease-inner:not(:nth-last-of-type(1)) {
  padding-bottom: 81px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-inner:not(:nth-last-of-type(1)) {
    padding-bottom: 70px;
  }
}

/* p-ap-lease-inner__title */
.p-ap-lease-inner__title {
  position: relative;
  margin-bottom: 32px;
  padding-left: 0.75em;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-inner__title {
    padding-left: 0;
    font-size: 28px;
    letter-spacing: 0.1em;
  }
}
.p-ap-lease-inner__title .p-ap-lease-inner__title--label {
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-inner__title .p-ap-lease-inner__title--label {
    display: block;
    padding-left: 0.75em;
  }
}
.p-ap-lease-inner__title .p-ap-lease-inner__title--label::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 8px;
  height: 32px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-inner__title .p-ap-lease-inner__title--label::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 7px;
    height: 100%;
  }
}
@media screen and (max-width: 640px) {
  .p-ap-lease-inner__title .p-ap-lease-inner__title--label.custom::before {
    top: 6px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    width: 7px;
    height: 28px;
  }
}
.p-ap-lease-inner__title .p-ap-lease-inner__title--sub {
  padding-left: 2em;
  font-size: 18px;
  letter-spacing: 0.1em;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-inner__title .p-ap-lease-inner__title--sub {
    display: block;
    padding-top: 30px;
    padding-left: 0;
  }
}

.p-ap-lease-service .p-ap-lease-inner__title .p-ap-lease-inner__title--label::before {
  background-color: var(--color-yellow);
}

.p-ap-lease-lease .p-ap-lease-inner__title .p-ap-lease-inner__title--label::before {
  background-color: var(--color-dblue);
}

/* p-ap-lease-note */
.p-ap-lease-notes {
  padding-top: 1.5em;
  font-size: 14px;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-notes {
    font-size: 12px;
  }
}

/* --------------------------------------------------------------------------
  p-ap-lease__scrollarea js-scroll-area内
-------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .p-ap-lease-scrollarea img {
    min-width: 1280px;
  }
}
@media screen and (max-width: 640px) {
  .p-ap-lease-scrollarea.p-ap-lease-scrollarea--hero img {
    min-width: 572px;
  }
}

/* SP時 */
@media screen and (max-width: 640px) {
  .p-ap-lease-scrollarea--hero-re-sp {
    position: relative;
    margin: 0 -24px 0 0;
  }
}
@media screen and (max-width: 640px) {
  .p-ap-lease-scrollarea--hero-re-sp .p-ap-lease-scrollarea--hero-side {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: auto;
    height: 314px;
  }
}

/* --------------------------------------------------------------------------
  p-ap-lease-header
-------------------------------------------------------------------------- */
.p-ap-lease-service .p-ap-lease-header {
  background-color: var(--color-yellow);
}

.p-ap-lease-lease .p-ap-lease-header {
  background-color: var(--color-dblue);
}

.p-ap-lease-header {
  padding: 0 20px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-header {
    margin: 0 -24px;
    padding: 10px 20px;
  }
}

.p-ap-lease-header-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: var(--container-width);
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-size: 40px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-header-titles {
    display: block;
    font-size: 24px;
  }
}

.p-ap-lease-header-titles__main {
  letter-spacing: 0.2em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-header-titles__main {
    display: block;
    letter-spacing: 0.05em;
  }
}

.p-ap-lease-header-titles__year {
  padding-left: 0.5em;
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-header-titles__year {
    display: block;
    padding-left: 0;
    line-height: 1.3;
  }
}
.p-ap-lease-header-titles__year .p-ap-lease-header-titles__and {
  font-size: 40px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-header-titles__year .p-ap-lease-header-titles__and {
    font-size: 24px;
  }
}

/* --------------------------------------------------------------------------
  p-ap-lease-hero
-------------------------------------------------------------------------- */
.p-ap-lease-hero {
  font-size: 18px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero {
    font-size: 16px;
  }
}

.p-ap-lease-hero__start {
  font-size: 20px;
}

.p-ap-lease-hero__inner {
  padding-bottom: 96px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__inner {
    padding-bottom: 75px;
  }
}
.p-ap-lease-hero__inner:first-child {
  padding-top: 70px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__inner:first-child {
    padding-top: 31px;
  }
}

.p-ap-lease-hero__title {
  padding-bottom: 1em;
  font-size: 40px;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__title {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.5em;
    font-size: 28px;
  }
}

.p-ap-lease-hero__linksarea {
  font-size: 24px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__linksarea {
    font-size: 19px;
    letter-spacing: 0;
  }
}

.p-ap-lease-hero__links {
  padding-bottom: 62px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__links {
    padding-bottom: 40px;
  }
}
.p-ap-lease-hero__links li {
  width: 48%;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__links li {
    width: 100%;
  }
  .p-ap-lease-hero__links li:not(:nth-last-of-type(1)) {
    margin-bottom: 16px;
  }
}

.p-ap-lease-hero__merits img {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  width: 60%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.p-ap-lease-hero__merit {
  width: 30%;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__merit {
    width: 100%;
  }
  .p-ap-lease-hero__merit:not(:nth-last-of-type(1)) {
    padding-bottom: 70px;
  }
}

.p-ap-lease-hero__merit-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 256px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__merit-icon {
    display: block;
    min-height: inherit;
  }
}

.p-ap-lease-hero__merit-title {
  display: grid;
  place-content: center;
  min-height: 116px;
  font-size: 24px;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-hero__merit-title {
    min-height: inherit;
    padding: 25px 0;
    font-size: 20px;
  }
}

.p-ap-lease-hero__merit-text {
  text-align: left;
  line-height: 1.8;
}
/* --------------------------------------------------------------------------
  p-ap-lease-service
-------------------------------------------------------------------------- */
.p-ap-lease-service {
  padding-bottom: 98px;
  font-size: 16px;
  line-height: 1.714;
  background-color: var(--color-gray);
}

.p-ap-lease-service__start {
  letter-spacing: 0.1em;
}
.p-ap-lease-service__start .p-ap-lease-service__start--small {
  padding-top: 1em;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.p-ap-lease-service__tenken-inner:not(:nth-last-of-type(1)) {
  padding-bottom: 56px;
}

.p-ap-lease-service__hinban {
  padding-bottom: 32px;
}
.p-ap-lease-service__hinban div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__hinban div {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.p-ap-lease-service__hinban dt {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__hinban dt {
    width: 90px;
  }
}
.p-ap-lease-service__hinban dt span {
  display: inline-block;
  padding: 2px 5px;
  border: 1px var(--color-black) solid;
}
.p-ap-lease-service__hinban dd {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__hinban dd {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.p-ap-lease-service__hinban dd span {
  display: inline-block;
  padding-left: 1em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__hinban dd span {
    display: block;
    width: 100%;
  }
}

.p-ap-lease-service__detail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(302px, 1fr));
  grid-auto-rows: minmax(87px, auto);
  gap: 24px;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__detail {
    grid-template-columns: 48% 48%;
    grid-auto-rows: minmax(96px, auto);
    gap: 3vw;
  }
}
.p-ap-lease-service__detail li {
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  color: var(--color-yellow);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.05em;
  background-color: #fff;
}
.p-ap-lease-service__detail li sup {
  top: -0.7em;
  font-size: 65%;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__detail li {
    font-size: 16px;
  }
}

/* p-ap-lease-service__plan */
.p-ap-lease-service__plan .p-ap-lease-service__hinban {
  padding-bottom: 16px;
}

.p-ap-lease-service__plan-inner {
  padding-top: 40px;
  letter-spacing: 0.1em;
}
.p-ap-lease-service__plan-inner .p-ap-lease-service__plan-title {
  padding-bottom: 24px;
}
.p-ap-lease-service__plan-inner .p-ap-lease-service__plan-title .maintitle {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.p-ap-lease-service__plan-inner .p-ap-lease-service__plan-title .subtitle {
  display: inline-block;
  padding-left: 1em;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__plan-inner .p-ap-lease-service__plan-title .subtitle {
    padding-left: 0;
  }
}

/* p-ap-lease-service__contact */
.p-ap-lease-service__contact {
  font-size: 18px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__contact {
    font-size: 16px;
  }
}

.p-ap-lease-service__contact-tels {
  max-width: 990px;
  width: 100%;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__contact-tels {
    width: 100%;
    max-width: inherit;
  }
}

.p-ap-lease-service__contact-tel:not(:nth-last-of-type(1)) {
  border-bottom: 1px var(--color-black) solid;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__contact-tel:not(:nth-last-of-type(1)) {
    padding-bottom: 16px;
  }
}
.p-ap-lease-service__contact-tel .area {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__contact-tel .area {
    width: 100%;
    padding-top: 20px;
  }
}
.p-ap-lease-service__contact-tel .tel {
  font-weight: 700;
  white-space: pre;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__contact-tel .tel {
    font-size: 18px;
  }
}
.p-ap-lease-service__contact-tel .tel a {
  color: var(--color-yellow);
  font-size: 28px;
  font-weight: 400;
  text-decoration: underline;
}
.p-ap-lease-service__contact-tel .tel.fax {
  padding-left: 1em;
}
@media screen and (max-width: 640px) {
  .p-ap-lease-service__contact-tel .tel.fax {
    padding-left: 0;
  }
}

/* --------------------------------------------------------------------------
  p-ap-lease-lease
-------------------------------------------------------------------------- */
.p-ap-lease-lease {
  font-size: 18px;
  line-height: 1.714;
  background-color: var(--color-gray);
}
@media screen and (max-width: 640px) {
  .p-ap-lease-lease {
    font-size: 16px;
  }
}