@charset "UTF-8";

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

  Assorti Media SP Style

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

/* Page Common
------------------------------------------ */
section::before {
  width: calc(475 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
}
.sec-heading { font-size: calc(48 / 750 * 100vw); }
.case { flex-direction: column; }
.case-summary { padding: 0; }
.case-summary dl dt {
  font-size: calc(30 / 750 * 100vw);
  line-height: calc(48 / 30);
  margin: 0 0 calc(35 / 750 * 100%);
}
.case-summary dl dd {
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(48 / 24);
}
.case-summary dl dd small {
  font-size: calc(14 / 18 * 1em);
  display: block;
  line-height: calc(40 / 14);
}

@media screen and (max-width:414px) {
  .case-summary dl dd { font-size: calc(24 / 750 * 100vw * 1.15); }
}

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

  Page Header

------------------------------------------ */
.page-header .inner { padding: calc(100 / 750 * 100%) 0 0; }
.page-heading { width: calc(308 / 750 * 100vw); }
.page-catch { width: calc(627 / 750 * 100vw); }

/* Page Navi
------------------------------------------ */
.page-nav ul li { width: 33.333333%; }

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

  Main Visual

------------------------------------------ */
.main-visual img {
  width: auto;
  height: calc(600 / 750 * 100vw);
  object-position: 90% 0;
  object-fit: cover;
}

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

  Section

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

/* Section01
------------------------------------------ */
.sec01 { padding: calc(90 / 750 * 100%) 0 calc(180 / 750 * 100%); }
.sec01 .sec-heading { margin: 0 0 calc(55 / 750 * 100%); }
.sec01 .case-summary dl dd:last-of-type { margin: calc(75 / 750 * 100%) 0 0; }
.sec01 .case figure {
  width: calc(543 / 750 * 100vw);
  margin: calc(55 / 750 * 100%) auto 0;
}

@media screen and (max-width:480px) {
  .sec01 .case-summary dl dd a { display: inline-block; }
  .sec01 .case-summary dl dd a i {
    transform: scale(0.85);
    transform-origin: 0 0;
  }
}
@media screen and (max-width:375px) {
  .sec01 .case-summary dl dd a i { transform: scale(0.75); }
}
@media screen and (max-width:320px) {
  .sec01 .case-summary dl dd a i { transform: scale(0.7); }
}

/* Section02
------------------------------------------ */
.sec02 { padding: calc(90 / 750 * 100%) 0 calc(180 / 750 * 100%); }
.sec02 .sec-heading { margin: 0 0 calc(55 / 750 * 100%); }
.sec02 .case:not(:last-of-type) { margin: 0 0 calc(115 / 750 * 100%); }
.sec02 .case figure {
  width: calc(364 / 750 * 100vw * 1.5);
  margin: calc(40 / 750 * 100%) auto 0;
}

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

  Interview Request

------------------------------------------ */
.request-unit { margin: 0 0 calc(160 / 750 * 100%); }
.request-unit figure img {
  width: auto;
  height: calc(600 / 750 * 100vw);
  object-fit: cover;
}
.request-summary {
  flex-direction: column;
  justify-content: center;
}
.request-summary dl { width: 100%; }
.request-summary dl dt {
  font-size: calc(48 / 750 * 100vw);
  line-height: 1.0;
  margin: 0 0 calc(60 / 750 * 100%);
}
.request-summary dl dd {
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(40 / 24);
}
.request-unit .link-btn.sp {
  width: calc(460 / 750 * 100vw);
  display: flex !important;
  margin: -45px auto 0;
}
.request-unit .link-btn:hover { outline-color: var(--green); }

@media screen and (max-width:640px) {
  .request-unit .link-btn.sp { margin: -40px auto 0; }
}
@media screen and (max-width:480px) {
  .request-unit .link-btn.sp { margin: -30px auto 0; }
}
@media screen and (max-width:414px) {
  .request-unit .link-btn.sp { margin: -25px auto 0; }
  .request-unit .link-btn.sp span { letter-spacing: 0.075em; }
}
@media screen and (max-width:375px) {
  .request-unit .link-btn.sp { margin: -22.5px auto 0; }
}
@media screen and (max-width:320px) {
  .request-unit .link-btn.sp { margin: -20px auto 0; }
}