/*
@function calculateRem($size) {
    $remSize: $size / 16px;
    @return $remSize * 1rem;
}

@mixin font-size($size) {
    font-size: $size;
    font-size: calculateRem($size);
}
*/
footer {
  padding: 50px 0 100px;
  font-size: 13px;
  border-top: 1px solid #e5e5e5;
}

.util {
  color: #555;
  font-weight: 600;
  padding-bottom: 36px;
}
.util li {
  margin-right: 20px;
}

.infomation {
  color: #888;
  padding-bottom: 36px;
}
.infomation span {
  margin-right: 20px;
  padding-bottom: 8px;
}

.copy {
  color: #888;
  padding-bottom: 8px;
}

/* --------------------- RWD --------------------- */
@media (max-width: 750px) {
  footer {
    padding: clamp(70px, 16vw, 120px) 0 clamp(100px, 26.67vw, 200px);
  }
  .util {
    padding-bottom: clamp(30px, 8vw, 60px);
    font-size: clamp(14px, 3.73vw, 28px);
  }
  .util li {
    margin-right: clamp(15px, 4vw, 30px);
  }
  .infomation {
    padding-bottom: clamp(30px, 8vw, 60px);
    font-size: clamp(12px, 3.2vw, 24px);
    line-height: 1.5; /* 36px */
  }
  .copy {
    font-size: clamp(12px, 3.2vw, 24px);
    line-height: 1.5; /* 36px */
  }
}