@charset "utf-8";
.note {
  font-size: 61.5%;
  display: block;
  color: #898989;
}

/* index */
#environment .main ul li:not(:last-child) {
  margin-bottom: 10px;
}
#contents .main h3 {
  margin-bottom: 8px;
}

#environment .package {
  min-height: 175px
}

#environment .package .explain {
  width: 60%;
  margin-bottom: 10px;
}
#environment .package .note {
  line-height: 1.2;
  color: #003890;
}
#environment .package .imgClip {
  top: 0;
}
#environment .mizuiku,
#environment .factory {
  /*height: 80px;*/
}
#environment .mizuiku .explain,
#environment .factory .explain{
  width: 64%;
}

/* package */
.spot li {
  display: inline-block;
}
#package #put h3 {
  margin-top: 20px;
}
#package .note {
  /*margin-top: 10px;*/
  line-height: 1.3;
}
#package .note.space {
  margin-top: 10px;
}
#package .visual {
  margin-top: 20px;
}
#package #put {
  margin-top: 20px;
}
#package #put .header {
  width: 280px;
  height: 65px;
  background: url(../../environment/img/package/bg_splah.webp) no-repeat 0 0;
  background-size: contain;
  text-align: center;
}
#package #put .header h1 {
  padding: 10px 0 0 0;
  margin-bottom: 7px;
}
#package #put .header .spot li:not(:last-child) {
  margin-right: 10px;
}

#package #lightBottle h3 {
  margin-top: 10px;
}

#package #lightBottle .spot,
#package #eco .spot {
  margin-bottom: 13px;
}


#package #universal {

}

#package .content .explain {
  width: 170px;
}
#package .content .imgClip {
  position: absolute;
  bottom: 0; right: 0;
}