@charset "UTF-8";

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

  "coolverre.com" Voice SP Styles

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

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

/*
  Section01
======================================================== */
.sec01 .contents-area {
  /*
  padding: calc(calc(160 / 780 * 100vw)) 0 0;
  display: block;
  */
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: calc(50 / 780 * 100vw) 0;
}
.sec01 .contents-area > .inner {
  height: auto;
  padding: 0;
  margin: 0 auto;
}
.sec01 .contents-area > .inner h3 { font-size: calc(36 / 780 * 100vw); }
.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;
}

.sec01 > figure img { aspect-ratio: 780 / 804; }

/*
  Section02
======================================================== */
.sec02 { padding: calc(20 / 780 * 100vw) 0 0; }
/*
.sec02::after { aspect-ratio: 780 / 860; }
.sec02 .contents-area > .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: calc(50 / 780 * 100vw) 0;
}
.sec02 .contents-area dl {
  width: 100%;
  transform: translateY(0);
}
.sec02 .contents-area dl dt {
  font-size: calc(36 / 780 * 100vw);
  letter-spacing: .05em;
  padding: 0 0 0 calc(130 / 780 * 100vw);
  margin: 0 0 1.5em;
}
.sec02 .contents-area dl dt::before {
  left: calc(-35 / 780 * 100vw);
  width: calc(150 / 780 * 100vw);
  height: calc(156 / 780 * 100vw);
}
.sec02 .contents-area dl dd {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(54 / 26);
}
*/

.voice-unit { padding: calc(160 / 780 * 100vw) 0; }
.voice-unit::after { aspect-ratio: 780 / 860; }
.voice-unit .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: calc(50 / 780 * 100vw) 0;
}
.voice-unit dl {
  width: 100%;
  transform: translateY(0);
}
.voice-unit dl dt {
  font-size: calc(36 / 780 * 100vw);
  letter-spacing: .05em;
  padding: 0 0 0 calc(130 / 780 * 100vw);
  margin: 0 0 1.5em;
}
.voice-unit dl dt::before {
  left: calc(-35 / 780 * 100vw);
  width: calc(150 / 780 * 100vw);
  height: calc(156 / 780 * 100vw);
}
.voice-unit dl dd {
  font-size: calc(26 / 780 * 100vw);
  line-height: calc(54 / 26);
}