@charset "UTF-8";

/* pc */

/* sec-renewable */

.sec-renewable .result-box {
  width: 100%;
  padding: 10px 20px;
  background-color: #e5f3ed;
  border-radius: 5px;
}

.sec-renewable .result-box div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sec-renewable .result-box {
  text-align: center;
}

.sec-renewable .result-box strong {
  color: #048851;
}

.sec-renewable .result-box .lg {
  font-size: 1.875rem;
  font-weight: 700;
}

.sec-renewable .result-box span.caption01 {
  display: block;
  margin-top: -8px;
  color: #000;
}

.sec-renewable .side-w350 .small-text {
  margin-top: 10px;
}

.sec-renewable .common-ttl.img-ttl {
  display: flex;
  flex-wrap: wrap;
}

.sec-renewable .common-ttl.img-ttl span {
  display: inline-block;
  margin-top: -10px;
}

/* sec-saving */

.sec-saving .result-box {
  width: fit-content;
  padding: 10px 20px;
  background-color: #e5f3ed;
  border-radius: 5px;
  height: fit-content;
  place-self: end;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto;
  align-items: flex-end;
}

.sec-saving .result-box dd .lg {
  color: #048851;
  font-size: 1.5rem;
  line-height: 1;
}

/* sec-promo */

.sec-promo .table tr th {
  width: 30%;
  text-align: center;
}

.sec-promo .table tr td {
  width: 70%;
}

/* sp */

@media only screen and (max-width: 767.9px) {
  .sec-renewable .result-box {
    width: 100%;
  }
}