@charset "UTF-8";
/* CSS Document */
.contact-top-img{
  background-image:url("../images/contact-top-img-sp.png");
  height: 300px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: relative;
  background-position: center;
  margin-bottom: 90px ;
}

.section-top h2 {
  font-size: 4.8rem ;
  font-weight: 300 ;
  position: absolute ;
  top: 117px ;
  left: 115px ;
}

@media(min-width:480px){
  .contact-top-img{
  background-image:url("../images/contact_top_img_pc.png");
  height: 480px;
  margin-bottom: 60px ;
}
  .section-top h2 {
  font-size: 9.6rem ;
  font-weight: 300 ;
  position: absolute ;
  top: 204px ;
  left:292px ;
}
}

.contact-form-title {
  font-size: 2.0rem ;
  text-align: center ;
  color: #9A863C ;
  margin-bottom: 60px ;
}

.contact-googleform{
  margin-right: 20px ;
  margin-left: 20px ;
  margin-bottom: 90px ;
  width: 335px ;
  height: 760px ;
}

@media(min-width:480px){
  
  .contact-form-title {
  font-size: 2.4rem ;
  text-align: center ;
  color: #9A863C ;
  margin-bottom: 60px ;
}
  
  .googleform-div{
    margin: auto ;
    max-width : 90vw ;
    width: 920px ;
  }
  
.contact-googleform{
  margin-bottom: 150px ;
  width: 920px ;
  height: 760px ;
}
}