/* =====================
CONTACT PAGE
===================== */

.contact-page-hero{
  padding:220px 30px 130px;
  background:#fff;
  text-align:center;
}

.contact-page-inner{
  max-width:1000px;
  margin:auto;
}

.contact-page-label{
  color:#b89b5e;
  letter-spacing:4px;
  font-size:14px;
  margin-bottom:28px;
}

.contact-page-title{
  font-size:68px;
  line-height:1.45;
  color:#111;
  margin-bottom:35px;
}

.contact-page-text{
  font-size:18px;
  line-height:2.2;
  color:#555;
}

.contact-page-content{
  padding:120px 30px;
  background:#f8f8f8;
}

.contact-box{
  max-width:850px;
  margin:auto;
  background:#fff;
  border:1px solid #eee;
  padding:60px;
  text-align:center;
}

.contact-box h2{
  font-size:36px;
  margin-bottom:25px;
}

.contact-box p{
  color:#555;
  line-height:2.2;
  margin-bottom:35px;
}

.contact-btn{
  display:inline-block;
  background:#111;
  color:#fff;
  padding:18px 44px;
  transition:.3s;
}

.contact-btn:hover{
  transform:translateY(-3px);
  opacity:.85;
}

/* SP */

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

  .contact-page-hero{
    padding:180px 20px 90px;
  }

  .contact-page-title{
    font-size:40px;
  }

  .contact-page-content{
    padding:90px 20px;
  }

  .contact-box{
    padding:45px 25px;
  }

  .contact-box h2{
    font-size:28px;
  }

  .contact-btn{
    width:100%;
    box-sizing:border-box;
  }

}