@charset "UTF-8";

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

  "coolverre.com" Search 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(219 / 780 * 100vw);
  height: calc(50 / 780 * 100vw);
  margin: 0 0 0 calc(-20 / 780 * 100vw);
}

/*
  Section01
======================================================== */
.sec01 .contents-area {
  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);
  line-height: calc(60 / 36);
}
.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 / 964; }

/*
  Section02
======================================================== */
.sec02 {
  font-size: calc(26 / 780 * 100vw);
  padding: calc(130 / 780 * 100vw) 0 calc(120 / 780 * 100vw);
  background-color: #f6f7fa;
}
.sec02 p {
  line-height: calc(54 / 26);
}
.select-unit {
  background: none;
  padding: 0;
}
.select-wrap { width: 100%; }
.select-wrap:first-of-type { margin: 0 auto calc(30 / 780 * 100vw); }

/* Search Section
-------------------------------------------------------- */
.parts-type {
  width: 100%;
  margin: calc(55 / 780 * 100vw) auto 0;
}

.l-col { width: calc(300 / 660 * 100%); }
.r-col { width: calc(360 / 660 * 100%); }

.parts-type th, .parts-type td { height: calc(70 / 780 * 100vw); }