@charset "UTF-8";
/* -------------------------------------------------
	メディアクエリ
-------------------------------------------------- */
/* -------------------------------------------------
	rem
-------------------------------------------------- */
/* -------------------------------------------------
	変数
-------------------------------------------------- */
/* =================================================================
	パワコン・部品交換（固定ページ: pcs）

	・構成は page-battery.php / battery.scss と同じ考え方
	・お悩み（.sub-worry）／特徴（.sub-feature）／仕組み（.sub-how）／
	  システム構成（.sub-system）／保証（.sub-warranty）／
	  お客様の声（.sub-works）／取扱製品（.sub-products）／
	  導入の流れ（.sub-flow）／FAQ（.sub-faq）はすべて sub.scss に定義
	・このファイルはページ固有の微調整のみ
================================================================= */
.pcs {
  /* システム構成は白背景の上に置くため、上下の余白を詰める */
  /* 保証セクションは白背景の続き */
  /* システム構成・保証は4カラム構成 */
}
.pcs .sub-how__box {
  background: #fff;
}
.pcs .sub-system {
  background: #fff;
}
.pcs .sub-warranty {
  background: #fff;
}
.pcs .sub-warranty-card {
  display: flex;
  flex-direction: column;
}
.pcs .sub-warranty-card__img {
  flex-grow: 1;
}
.pcs .sub-system__list,
.pcs .sub-warranty__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (max-width: 1024px) {
  .pcs .sub-system__list,
.pcs .sub-warranty__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 768px) {
  .pcs .sub-system__list,
.pcs .sub-warranty__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1025px) {
  .pcs .sub-feature__panel {
    padding: 65px 40px 90px;
  }
}
/*# sourceMappingURL=pcs.css.map */