@charset "UTF-8";

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

  Assorti Business Studio SP Style

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

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

  Page Header

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

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

  Section

------------------------------------------ */
section { padding: 0 0 calc(120 / 750 * 100%); }
section > figure img {
  width: 100%;
  height: auto;
}
.green-line {
  width: calc(215 / 750 * 100vw);
  margin: calc(43 / 750 * 100vw * -1) 0 0;
}
.intro dl {
  width: 100%;
  padding: 0;
}
.intro dl dt { width: 104.666666%; }
.intro02 { margin: calc(65 / 750 * 100%) 0 0; }
.intro02 figure {
  width: calc(480 / 750 * 100vw);
  margin: 0 0 calc(40 / 750 * 100%) -4.666666%;
}
.intro02 ul {
  width: 100%;
  padding: 0;
}
.intro02 ul li:first-of-type { margin: 0 0 calc(40 / 750 * 100%); }
.intro02 .link-btn02 { margin: auto; }
.intro02 .link-btn02 span { padding: 0 0 0 0.5em; }
.studio-list-unit { margin: calc(180 / 750 * 100%) 0 0; }
.studio-list-unit h3 {
  font-size: calc(40 / 750 * 100vw);
  margin: 0 0 calc(60 / 750 * 100%);
}
.studio-list-wrap { flex-direction: column; }
.studio-list {
  width: 100%;
  padding: 0 calc(60 / 750 * 100%);
  margin: 0 0 calc(60 / 750 * 100%);
}
.studio-list dl {
  font-size: calc(24 / 750 * 100vw * 1.15);
  margin: calc(25 / 750 * 100%) 0 0;
}
.studio-list dl dd {
  font-size: 1em;
  margin: 0.25em 0 0;
}

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