html, body {
  height: 100%;
  background: #f6f6f6; }

#contents {
  display: grid;
  place-content: center;
  min-height: 100vh;
  max-height: 100vh; }
  #contents .ttl {
    margin-bottom: 5rem; }
    #contents .ttl .logo {
      width: 60%;
      max-width: 300px;
      margin: 0 auto 1rem; }
    #contents .ttl .name {
      font-size: 1.3rem;
      line-height: 1.5;
      letter-spacing: .1em;
      text-align: center;
      font-weight: bold; }
  #contents .review {
    text-align: center; }
    #contents .review .review_ttl {
      margin-bottom: 1em;
      font-size: 1.5rem;
      letter-spacing: .1em; }
    #contents .review .star {
      display: flex;
      justify-content: center;
      margin: 0 auto 4rem; }
      #contents .review .star .radio input {
        display: none;
        appearance: none;
        margin: 0;
        border-radius: 0;
        position: relative;
        outline: none;
        cursor: pointer; }
      #contents .review .star .radio label {
        cursor: pointer;
        color: #D2D2D2;
        font-size: 3rem;
        line-height: 1;
        padding: 0 .5rem; }
      #contents .review .star .active {
        color: #fabb05; }
    #contents .review .btn a, #contents .review .btn button {
      width: 90%;
      margin: 0 auto;
      padding: 1em;
      background: #1a73e8;
      border-radius: 5rem;
      color: #FFF;
      font-weight: bold;
      font-size: 1.5rem;
      letter-spacing: .1em;
      text-align: center; }

footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: 3rem;
  padding: .75em 0;
  background: #333;
  color: #FFF;
  font-size: 1.1rem;
  text-align: center; }