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

  環境配慮エコロジー
  
----------------------------------------------------------------------------------------------------*/
.eco-img {
  display: inline-block;
  width: 18%;
  float: right;
  margin-bottom: 1em;
}
.eco-ttl {
  padding-right: 22%;
}
.eco-en {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  vertical-align: bottom;
  margin-bottom: -0.25em;
}
.eco-en .ruby {
  position: relative;
}
.eco-en .ruby:before {
  content: attr(data-ruby);
  position: absolute;
  top: -1em;
  left: calc(50% + 0.5rem);
  transform: translateX(-50%);
  font-size: 1.5rem;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 0.5rem;
}
.recycle-img {
  display: inline-block;
  float: right;
  margin-left: var(--box-space-m);
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
@media print, screen and (min-width:641px) {
  .eco-img {
    margin-top: -4em;
  }
  .eco-ttl {
    font-size: var(--fs-2l);
  }
  .recycle-img {
    width: 35%;
  }
}
@media screen and (max-width:640px) {
  .eco-img {
    margin-top: -5em;
  }
  .eco-ttl {
    font-size: var(--fs-l);
  }
  .recycle-img {
    width: 40%;
    min-width: 120px;
  }
}