@charset "UTF-8";

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

  Assorti Business Index PC Style

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

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

  Page Header

------------------------------------------ */
.page-heading { width: 657px; }
.page-catch {
  right: -125px;
  width: 772px;
  opacity: 0.6;
}

@media screen and (max-width:1024px) {
  .page-heading { width: calc(657 / 1500 * 100vw); }
  .page-catch {
    right: calc(125 / 1500 * -100vw);
    width: calc(772 / 1500 * 100vw);
  }
}

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

  Section

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

/* Section01
------------------------------------------ */
.sec01 { padding: 0 0 300px; }
.pict-unit {
  text-align: center;
  margin: 40px 0 140px;
}
.pict-unit li:first-of-type {
  border: solid 3px #f1f1f1;
  padding: 30px 0;
  margin: 0 0 100px;
}
.pict-unit li:last-of-type figure { width: 100%; }

/* Sublease Example */
.sublease-example h3 {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 0.075em;
  margin: 0 0 40px;
}

/* Swiper Overwrite */
.swiper-button-prev,
.swiper-button-next {
  position: relative;
  top: initial;
  height: 48px;
  width: 48px;
  display: block;
  margin: 0 0 0 10px;
  /*
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  */
}
.swiper-button-prev { left: initial; }
.swiper-button-next { right: initial; }
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  width: 48px;
  height: 48px;
  margin: auto;
  background-repeat: no-repeat;
  background-size: contain;
}
.swiper-button-prev::after { background-image: url(../images/slide/arrow_prev.png); }
.swiper-button-next::after { background-image: url(../images/slide/arrow_next.png); }
.swiper-slide img {
  height: auto;
  width: 100%;
}
.swiper-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 10px auto 0;
}

.sec01 .link-btn02 span { padding: 0 0 0 0.5em; }

@media screen and (max-width:1024px) {
  .sec01 { padding: 0 0 calc(300 / 1500 * 100%); }
  .pict-unit { margin: calc(40 / 1500 * 100%) 0 calc(140 / 1500 * 100%); }
  .pict-unit li:first-of-type {
    padding: calc(30 / 1500 * 100%) 0;
    margin: 0 0 calc(100 / 1500 * 100%);
  }
  .sublease-example h3 {
    font-size: calc(36 / 1500 * 100vw);
    margin: 0 0 calc(40 / 1500 * 100%);
  }
}

/* Section02
------------------------------------------ */
.sec02 { padding: 0 0 300px; }
.closed-relocated-unit {
  position: relative;
  margin: 80px 0;
}
.closed-relocated-unit > p {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 460px;
  background-color: var(--gray);
}
.closed-relocated { padding: 95px 0 0; }
.closed-relocated h3 {
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #01746d;
}
.closed-relocated h3 span {
  font-size: calc(20 / 36 * 1em);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.0;
  display: block;
  color: var(--blk);
}
.sec02 .select-service {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sec02 .select-service ul li:last-of-type { margin: -91px 0 0; }

.sec02 .sec-inquiry ul li:last-of-type { margin: 45px 0 0; }
.sec02 .sec-inquiry ul li:last-of-type .link-btn02 {
  position: relative;
  z-index: 1;
}
.sec02 .sec-inquiry ul li:last-of-type > figure.pc {
  width: 380px;
  margin: 0 0 -25px;
  display: block;
}
.sec02 .sec-inquiry ul li:last-of-type > figure img {
  width: 100%;
  height: auto;
}
.sec02 .sec-inquiry > figure { background-image: url(../images/business_sec02_img02.jpg); }
.sec02 .link-btn02 span { padding: 0 0 0 0.5em; }

@media screen and (max-width:1024px) {
  .sec02 { padding: 0 0 calc(300 / 1500 * 100%); }
  .closed-relocated-unit { margin: calc(80 / 1500 * 100%) 0; }
  .closed-relocated-unit > p { height: calc(460 / 1500 * 100vw); }
  .closed-relocated { padding: calc(95 / 1500 * 100%) 0 0; }
  .closed-relocated h3 { font-size: calc(36 / 1500 * 100vw); }
  .sec02 .sec-inquiry ul li:last-of-type { margin: calc(45 / 1500 * 100vw) 0 0; }
}

/* Section03
------------------------------------------ */
.sec03 { padding: 0 0 300px; }
.sec03 .select-service {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 100px 0 0;
}
.sec03 .select-service ul {
  width: 50%;
  text-align: center;
}
.sec03 .select-service ul li:first-of-type { margin: 0 0 10px; }
.sec03 .link-btn02 span { padding: 0 0 0 0.5em; }

@media screen and (max-width:1024px) {
  .sec03 { padding: 0 0 calc(300 / 1500 * 100%); }
  .sec03 .select-service { margin: calc(100 / 1500 * 100%) 0 0; }
}

/* Section04
------------------------------------------ */
.sec04 { padding: 0 0 75px; }
.sec04 .intro { margin: 90px 0 75px; }
.sec04 .intro a {
  position: relative;
  color: #01746d;
  line-height: 1.0;
  display: inline-block;
}
.sec04 .intro a i {
  width: 18px;
  height: 21px;
  display: inline-block;
  margin: 0 0.25em;
}
.sec04 .sec-inquiry ul li:last-of-type { margin: 40px 0 0; }
.sec04 .sec-inquiry figure { background-image: url(../images/business_sec04_img02.jpg); }
.sec04 .link-btn02 span { padding: 0 0 0 0.5em; }

@media screen and (max-width:1024px) {
  .sec04 { padding: 0 0 calc(75 / 1500 * 100%); }
  .sec04 .intro { margin: calc(90 / 1500 * 100%) 0 calc(75 / 1500 * 100%); }
  .sec04 .sec-inquiry ul li:last-of-type { margin: calc(40 / 1500 * 100%) 0 0; }
}