@charset "UTF-8";

/* ====================================================

  Assorti Business Index SP Style

==================================================== */

/* ------------------------------------------

  Page Header

------------------------------------------ */
.page-heading { width: calc(510 / 750 * 100vw); }
.page-catch {
  right: 0;
  width: calc(617 / 750 * 100vw);
}

/* Page Navi
------------------------------------------ */
.page-nav .inner {
  width: 100%;
  padding: 0 calc(20 / 750 * 100%);
}

/* ------------------------------------------

  Section

------------------------------------------ */

/* Section01
------------------------------------------ */
.sec01 { padding: 0 0 calc(200 / 750 * 100%); }
.pict-unit { margin: calc(80 / 750 * 100%) 0 calc(140 / 750 * 100%); }
.pict-unit li:first-of-type {
  padding: calc(45 / 750 * 100%) calc(35 / 750 * 100%);
  margin: 0 0 calc(80 / 750 * 100%);
}

@media screen and (max-width:750px) {
  .pict-unit li:last-of-type { margin: 0 -4.666666% 0 0; }
  .scroll{
    overflow-x: scroll;
    padding: 0 0 15px;
  }
  .pict-unit li:last-of-type figure { width: calc(1000 / 750 * 100%); }
}

/* Sublease Example */
.sublease-example { margin: 0 0 calc(60 / 750 * 100%); }
.sublease-example h3 {
  font-size: calc(40 / 750 * 100vw);
  margin: 0 0 calc(40 / 750 * 100%);
}

/* Swiper Overwrite */
.swiper-button { display: none; }

@media screen and (max-width:414px) {
  .sec01 .link-btn02 span {
    letter-spacing: 0.1em;
    padding: 0;
  }
}

/* Section02
------------------------------------------ */
.sec02 { padding: 0 0 calc(200 / 750 * 100%); }
.sec02 > figure img { height: calc(400 / 750 * 100vw); }
.closed-relocated-unit { margin: calc(120 / 750 * 100%) 0; }
.closed-relocated-unit > p { display: none; }
.closed-relocated {
  padding: calc(80 / 750 * 100%) 0 calc(50 / 750 * 100%);
  background-color: var(--gray);
}
.closed-relocated h3 {
  font-size: calc(40 / 750 * 100vw);
  margin: 0 0 calc(70 / 750 * 100%);
}
.sec02 .select-service {
  justify-content: center;
  flex-direction: column;
}
.sec02 .select-service ul:first-of-type { margin: 0 0 calc(85 / 750 * 100%); }
.sec02 .select-service ul li:last-of-type { margin: -101px 0 0; }
.sec02 .select-service ul li:last-of-type .link-btn02 { width: calc(375 / 750 * 100vw); }
.sec02 .sec-inquiry ul li:last-of-type { margin: calc(45 / 750 * 100%) 0 0; }
.sec02 .sec-inquiry ul li:last-of-type > figure.sp {
  width: calc(375 / 750 * 100vw);
  margin: 0 0 -20px;
  display: block !important;
}

@media screen and (max-width:480px) {
  .sec02 .select-service ul li:last-of-type { margin: -75px 0 0; }
  .sec02 .sec-inquiry ul li:last-of-type > figure.sp { margin: 0 0 -10px; }
}
@media screen and (max-width:414px) {
  .sec02 .select-service ul li:last-of-type { margin: -60px 0 0; }
  .sec02 .link-btn02 span { padding: 0 0 0 0.25em; }
}
@media screen and (max-width:375px) {
  .sec02 .select-service ul li:last-of-type { margin: -55px 0 0; }
}

/* Section03
------------------------------------------ */
.sec03 { padding: 0 0 calc(200 / 750 * 100%); }
.sec03 .select-service {
  justify-content: center;
  flex-direction: column;
  margin: calc(85 / 750 * 100%) 0 0;
}
.sec03 .select-service ul { width: calc(475 / 750 * 100vw); }
.sec03 .select-service ul:first-of-type { margin: 0 0 calc(130 / 750 * 100%); }
.sec03 .select-service ul li:first-of-type img {
  width: 100%;
  height: auto;
}

@media screen and (max-width:414px) {
  .sec03 .link-btn02 span { padding: 0 0 0 0.25em; }
}

/* Section04
------------------------------------------ */
.sec04 > figure img { height: calc(400 / 750 * 100vw); }

@media screen and (max-width:414px) {
  .sec04 .link-btn02 span { padding: 0 0 0 0.25em; }
}