@charset "utf-8";
/*--------------------------------------------------------------------------------

  pv_recycle

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

  page visual

--------------------------------------------------------------------------------*/
.l-pv {
  background-image: url(../img/junk/pv-img.png);
}


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

  purchase

--------------------------------------------------------------------------------*/
#purchase .purchase-practicable {
  margin-top: var(--space-m);
}
#purchase .purchase-practicable-list {
  display: grid;
  grid-template-columns: 7em auto;
  column-gap: var(--space-3s);
  row-gap: 0.5em;
  margin-top: var(--space-3s);
}
#purchase .purchase-practicable-list dt {
  color: var(--color-primary);
}
#purchase .purchase-practicable-example {
  margin-top: var(--space-m);
}
#purchase .purchase-practicable-example-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--space-3s);
  margin-top: var(--space-2s);
}
#purchase .purchase-practicable-example-list figcaption {
  color: var(--color-gray);
  margin-top: 1em;
}
@media (max-width:768px) {
  #purchase .purchase-practicable-example-list {
    grid-template-columns: repeat(2,1fr);
  }
}

#purchase .purchase-pickup {
  margin-top: var(--space-l);
}
#purchase .purchase-pickup-intro {
  margin-top: var(--space-3s);
}
#purchase .purchase-pickup-example {
  margin-top: var(--space-m);
}
#purchase .purchase-pickup-example-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: var(--space-3s);
  margin-top: var(--space-2s);
}
@media (max-width:425px) {
  #purchase .purchase-pickup-example-list {
    grid-template-columns: 1fr;
  }
}
#purchase .purchase-pickup-example-list figcaption {
  color: var(--color-gray);
  margin-top: 1em;
}
#purchase .purchase-pickup-car {
  margin-top: var(--space-m);
  margin-bottom: var(--space-l);
}
#purchase .purchase-pickup-car-photo {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--space-3s);
  margin-top: var(--space-2s);
  margin-bottom: 1em;
}

#purchase .purchase-method {
  margin-top: var(--space-l);
  margin-bottom: var(--space-l);
}
#purchase .purchase-method-metal,
#purchase .purchase-method-machine {
  margin-top: var(--space-m);
}
#purchase .purchase-method-contents {
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: var(--space-s);
  margin-top: var(--space-s);
}
#purchase .purchase-method-lead {
  margin-top: var(--space-2s);
  text-align: center;
  margin-bottom: var(--space-l);
}
@media (max-width:560px) {
  #purchase .purchase-method-contents {
    grid-template-columns: auto;
  }
}


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

  sell

--------------------------------------------------------------------------------*/
#sell .sell-item {
  margin-top: var(--space-l);
}
#sell .sell-item-contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-s);
  margin-top: var(--space-s);
}
@media (max-width: 560px) {
  #sell .sell-item-contents {
    grid-template-columns: 150px auto;
  }
}
#sell .sell-item-photo {
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
#sell .sell-item-photo img {
  object-fit: contain;
}
#sell .sell-item-profile .price {
  color: var(--color-red);
  font-size: var(--fs-3l-rem);
  margin-bottom: var(--space-3s);
}
#sell .sell-item-profile .price span {
  color: var(--txt-color);
}
#sell .sell-item-profile dl {
  display: grid;
  grid-template-columns: 5em auto;
  column-gap: var(--space-3s);
}
#sell .sell-item-description {
  margin-top: var(--space-s);
}
#sell .sell-item-lead {
  margin-top: var(--space-l);
  text-align: center;
}