@charset "UTF-8";

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

  "coolverre.com" Q&A SP Styles

======================================================== */
.l-header { background: rgba(255,255,255,1.0); }

/*
  Main Visual
======================================================== */
.mv h2 {
  top: calc(420 / 780 * 100vw);
  font-size: calc(54 / 780 * 100vw);
}
.mv h2 i {
  width: calc(72 / 780 * 100vw);
  height: calc(46 / 780 * 100vw);
  margin: 0 0 0 calc(-20 / 780 * 100vw);
}

/*
  Section01
======================================================== */
.sec01 .contents-area {
  padding: calc(calc(160 / 780 * 100vw)) 0 0;
  display: block;
}
.sec01 .contents-area > .inner {
  height: auto;
  padding: 0;
}
.sec01 .contents-area > .inner p {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(54 / 26);
}

.sec01 .contents-area > figure {
  width: calc(638 / 780 * 100vw);
  margin: 0 0 calc(60 / 780 * 100vw);
}
.sec01 > figure img { aspect-ratio: initial; }

/*
  Section02
======================================================== */
.sec02 { padding: calc(80 / 780 * 100vw) 0 calc(120 / 780 * 100vw); }
.sec02 .inner { padding: 0; }

.qa-unit { padding: 0; }
.qa-unit details summary {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(48 / 26);
  padding: calc(40 / 780 * 100vw) calc(55 / 780 * 100vw) calc(40 / 780 * 100vw) calc(15 / 780 * 100vw);
}
.qa-unit details summary p i {
  width: calc(70 / 780 * 100vw);
  height: calc(20 / 780 * 100vw);
  display: inline-block;
}
.qa-unit details summary p span { padding: 0 0 0 calc(10 / 780 * 100vw); }
.qa-unit details summary::after {
  right: 0;
  width: calc(28 / 780 * 100vw);
  height: calc(28 / 780 * 100vw);
}
.qa-unit details[open]::details-content { padding: 0 0 calc(30 / 780 * 100vw); }
.qa-unit details > p {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(48 / 26);
  padding: 0 calc(40 / 780 * 100vw) 0 calc(95 / 780 * 100vw);
}