@charset "UTF-8";

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

  Assorti Privacy SP Style

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

/* Page Common
------------------------------------------ */
section::before {
  width: calc(475 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
}
.sec-heading { font-size: calc(48 / 750 * 100vw); }
section h4 {
  font-size: calc(30 / 750 * 100vw);
  line-height: calc(40 / 30);
}
section p {
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(40 / 24);
}

@media screen and (max-width:414px) {
  section p { 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(525 / 750 * 100vw); }

/* Page Navi
------------------------------------------ */
.page-nav ul li {
  width: 50%;
  padding: 1em 0;
}

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

  Section

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

/* Section01
------------------------------------------ */
.sec01 { padding: calc(110 / 750 * 100%) 0 calc(240 / 750 * 100%); }
.sec01 .sec-heading { margin: 0 0 calc(55 / 750 * 100%); }
.intro { margin: 0 0 calc(160 / 750 * 100%); }
.intro span { margin: calc(50 / 750 * 100%) 0 calc(70 / 750 * 100%); }
.sec01 h4 { margin: 0 0 calc(55 / 750 * 100%); }
.sec01 dl dt {
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(40 / 24);
}
.sec01 dl dd { margin: 0 0 calc(50 / 750 * 100%); }
.sec01 dl dd p { line-height: calc(40 / 24); }

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

/* Section02
------------------------------------------ */
.sec02 { padding: calc(110 / 750 * 100%) 0 calc(180 / 750 * 100%); }
.sec02 .sec-heading { margin: 0 0 110px; }
.sec02 h4 { margin: 0 0 35px; }
.sec02 p:not(:last-of-type) { margin: 0 0 calc(80 / 750 * 100%); }