@charset "UTF-8";


/*---------------------------------------------------------------*\
$thanks
\*---------------------------------------------------------------*/

#thanks {
  width: calc((100% - 80px));
  margin: 100px auto 200px;
  padding: 150px 0;
}

#thanks .icon_thanks_mail {
  width: 100px;
  margin: 0 auto 30px;
}

#thanks .headline {
  text-align: center;
  font-size: 32px;
  margin: 0 0 24px 0;
}

#thanks .description {
  text-align: center;
  font-size: 15px;
  margin-bottom: 40px;
  color: #999;
}

#thanks .button {
  width: 320px;
  margin: 40px auto 0;
  padding: 32px 0;
  background-color: #fafafa;
}

#thanks .button:hover {
  background-color: #333;
  color: #fff;
}


@media screen and (max-width: 600px) {

  #thanks .headline {
    font-size: 26px;
  }

  #thanks .description {
    font-size: 12px;
    line-height: 18px;
  }
}