@charset "utf-8";

/* ****************************************************************************************************
   * ビジュアル
**************************************************************************************************** */

div#visual {
  background-image: url(../../_images/saiseikanou/solar/visual-bg.jpg);
}

/* ****************************************************************************************************
   * 太陽光発電
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * 写真
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#photo figure.photo {
  margin-left: -4%;
  margin-bottom: -4%;
  letter-spacing: -0.4em;
}

#photo figure.photo > * {
  letter-spacing: normal;
}

#photo figure.photo div.item {
  width: 46%;
  margin-left: 4%;
  margin-bottom: 4%;
  vertical-align: top;
  display: inline-block;
}

/* * ブレイクポイント
/* ------------------------------------------------------------------------------------------------- */

@media screen and (max-width:540px) {

#photo figure.photo {
  margin-left: 0;
  margin-bottom: 0;
  letter-spacing: normal;
}

#photo figure.photo div.item {
  width: 100%;
  margin-left: 0;
  margin-bottom: 0;
}

#photo figure.photo div.item ~ div.item {
  margin-top: 10px;
}

}