.topImg{
  background-image: url("https://cortali.com/wp/wp-content/uploads/2019/03/What_Section_Background_mini-1.jpg");
  background-position: 50% -304px ;
  height          : calc(100vh - 70px) ;
}



h2 {
  margin-top: 100px;
}



/* contact **********************************/


.contactRow{
  display         : flex;
  position        : relative;
  max-width       : 1000px ;
  margin          : 20px auto ;
  color           : #444 ;
  flex-flow       : wrap ;
  justify-content : space-around ;
}

.contactTitle{
  position        : relative ;
  float           : left ;
  width           : 30% ;
  padding         : 20px 20px 5px ;
  font-size       : 18px ;
  font-weight     : 800 ;
  justify-content: center;
  display: flex;
  align-items: center;
}
.contactComment{
  width           : 70% ;
  padding         : 0 20px ;
  padding         : 20px 20px 5px ;
  color           : #777 ;
  font-weight     : 600 ;
  font-size       : 12px ;
}
input , select , textarea {
  width     : 100% ;
  padding   : 8px 10px ;
  font-size : 15px;
  border    : solid 1px #aaa ;
  border-radius: 3px;
}
textarea{
  height: 150px ;
}

input[type="text"] ,input[type="email"] {
}
/* .registerButton {
  width: 250px;
  padding: 15px 12px;
  margin: 0 auto;
  font-size: 11pt;
  font-weight: 500;
  line-height: 1em;
  text-align: center;
  background: #fff;
  color: #5e3091;
  box-shadow: 6px 6px 3px #aaa;
  border: 2px solid #5e3091;
  border-radius: 0px;
  cursor: pointer;
  transition: .3s;
  -webkit-appearance: none;
}
.registerButton:hover {
  background: #5e3091;
  color: #fff;
  font-weight: 800;
} */


.registerButton{
  float          : left ;
  width          : 200px ;
  height         : 50px ;
  margin         : 40px 50px 0 ;
  background     : #fff ;
  border         : solid 1px #5e3091 ;
  text-decoration: none ;
  border-radius  : 0px ;
  justify-content: center ;
  display        : flex ;
  align-items    : center ;
  transition     : .3s ;
}

.registerButton:hover{
  background     : #5e3091 ;
  color          : #fff ;
}
.errorComment{
  font-size: 12px;
  color: tomato;
  margin: 3px 0;
  transition: .3s;
}
.inputError {
  background: rgb(255, 233, 233);
  border: 2px solid #da3c41;
  transition: 0.8s;
}



/* contact 携帯 **********************************/
@media screen and (max-width:650px){
  .contactRow{
    margin          : 0px auto ;
  }
  
  .contactTitle{
    width           : 100% ;
    padding         : 20px 5px 2px ;
    font-size       : 18px ;
    font-weight     : 800 ;
    justify-content: left;
  }
  .contactComment{
    float: none;
    width           : 100% ;
    padding         : 0 20px ;
    padding         : 2px 5px 20px 20px ;
    font-weight     : 600 ;
    font-size       : 12px ;
  }
  

}