@charset "UTF-8";
/* =========================================================
 products
========================================================= */
/* products
-------------------------------------- */
.p-products {
  margin-bottom: 4em;
}
@media (min-width: 768px) {
  .p-products {
    margin-top: 10em;
  }
}

.p-products__inner {
  max-width: 1200px;
}

.p-products__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  font-size: max(20px, min(1.9791666667vw, 38px));
}
.p-products__title::before, .p-products__title::after {
  width: 2em;
  height: 1px;
  background: #000;
  content: '';
}
.p-products__title::before {
  margin-right: 0.8em;
}
.p-products__title::after {
  margin-left: 0.8em;
}

* + .p-products__title {
  margin-top: 4em;
}

.p-products__list {
  margin: -25px 0 0 -20px;
}
@media (min-width: 1024px) {
  .p-products__list {
    margin-left: -55px;
  }
}
.p-products__list li {
  padding: 25px 0 0 20px;
}
@media (max-width: 600px) {
  .p-products__list li {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .p-products__list li {
    padding-left: 55px;
  }
}

.p-products__listLink {
  display: flex;
  border: 1px solid #707070;
}

.p-products__listBox {
  display: flex;
  flex-direction: column;
  width: 54%;
  padding: 0.5em;
  background: #008CD6;
  color: #fff;
}

.p-products__listText {
  flex: 1;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: max(18px, min(1.25vw, 24px));
}

.p-products__listDetail {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: bold;
  font-size: max(14px, min(0.8333333333vw, 16px));
}
.p-products__listDetail i {
  font-size: 150%;
  margin-left: 0.5em;
}

.p-products__listImg {
  flex: 1;
}
.p-products__listImg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*# sourceMappingURL=products.css.map */
