@charset "UTF-8";
/* =======================================================
*contact page
* ======================================================= */

h2 {
    border-bottom: none;
}
 #contactpage {
    max-width: 1200px;
    margin: 80px auto 0;
 }
 #contactpage .flex .contact_left {
    width: 50%;
 }
 #contactpage .flex .contact_left .contact_img {
    width: 80%;
    margin: 70px auto;
 }
 #contactpage .flex .contact_right {
    width: 50%;
 }
form {
    max-width: 400px;
    margin: 40px auto 50px;
}
label {
  display: block;
  width: 100%;
  margin: 25px 0 8px;
}
input[type="email"], input[type="number"],input[type="text"], input[type="tel"],input[type="date"],input[type="time"],select {
  width: 100%;
  display: block;
  border: 1px solid #cecece;
  outline: none;
  height: 2.8rem;
  line-height: 1.4rem;
  background:#fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 14px;
  padding-left: 10px;
  border-radius: 0px;
  box-sizing: border-box;
}
textarea {
    width: 100%;
  display: block;
  border: 1px solid #cecece;
  outline: none;
  background:#fff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 15px;
  padding: 10px;
  border-radius: 0px;
  box-sizing: border-box;
  color: #333;
  line-height: 1.7;
  letter-spacing: .05em;
}
sup {
  color:#d65956;
  font-size: 11px;
  padding-left: 5px;
}
button {
   box-shadow: 3px 3px 3px rgba(154, 154, 155, 0.5);
	background-color: #333;
	padding: 11px 40px;
	color: #fefefe;
	letter-spacing: 3px;
	font-size: 12px;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
button:hover {
	border: 1px solid #333;
	background-color: #fefefe;
	color: #111;
	transition: .5s;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}

@media screen and (max-width: 768px) {
   #contactpage {
      margin-top: 10px;
   }
	#contactpage .flex {
        display: block;
    }
    #contactpage .flex .contact_left {
        width: 100%;
     }
     #contactpage .flex .contact_left .contact_img {
        width: 80%;
        margin: 0 auto;
    }
    #contactpage .flex .contact_right {
        width: 85%;
        margin: 50px auto 0;
     }
}