@charset "UTF-8";
/*ーーーーーーーーーー
***
共通要素は
/assets/css/common_renew.css　にまとめて書いておきます
***
ーーーーーーーーーーー*/
@import url("/assets/css/common_renew.css");

/*ーーーーーーーーーー
事業所一覧の「発電所」
ーーーーーーーーーーー*/
.powerplant-list__item {
  border-bottom: #ccc 1px solid;
  padding-bottom: 1em;
  margin-bottom: 1em;
  display: flow-root; /*clearfix*/
}
.powerplant-list__item::before {
  content: "";
  width: 300px;
  aspect-ratio: 3/2;
  display: block;
  float: right;
  margin-left: 1.5em;
  background: #ccc;
  background-size: contain;
}
.powerplant-list__item:nth-of-type(1)::before {
  background-image: url("../image/renew/offices_img_01.webp");
}
.powerplant-list__item:nth-of-type(2)::before {
  background-image: url("../image/renew/offices_img_02.webp");
}
.powerplant-list__item:nth-of-type(3)::before {
  background-image: url("../image/renew/offices_img_03.webp");
}
.powerplant-list__item:nth-of-type(4)::before {
  background-image: url("../image/renew/offices_img_04.webp");
}
.powerplant-list__item:nth-of-type(5)::before {
  background-image: url("../image/renew/offices_img_05.webp");
}
.powerplant-list__item:nth-of-type(6)::before {
  background-image: url("../image/renew/offices_img_06.webp");
}
.powerplant-list__item:nth-of-type(7)::before {
  background-image: url("../image/renew/offices_img_07.webp");
}
@media (max-width: 600px) {
.powerplant-list__item::before {
  width: 100%;
  float: none;
  margin-left: 0;
}
}