@charset "utf-8";

@media print,screen and (min-width : 501px) {

#header_img {
    margin-top: 20px;
  height: 300px; /* ヘッダーの中身が空のため高さを指定 */
  background-image: url("image/header.jpg");
  background-size: cover;
  background-position: 50% 25%; /* 横 縦 */
}
    
#contact{
  margin-top: 40px;
}

#mailform input,
#mailform select,
#mailform option,
#mailform textarea{
  font-size:16px;font-size:1.6rem;
  font-family:"NotoSerifJP-2";
}

#f_name{width:400px;}
#f_kana{width:400px;}
#f_tel{width:300px;}
#f_mail{width:400px;}
#f_contents{width:640px;}


}
@media screen and (max-width : 500px) {
#header_img {
    margin-top: 20px;
  height: 200px; /* ヘッダーの中身が空のため高さを指定 */
  background-image: url("image/header.jpg");
  background-size: cover;
  background-position: 50% 25%; /* 横 縦 */
}

#contact{
  margin-top: 40px;
}

#mailform input,
#mailform select,
#mailform option,
#mailform textarea{
  font-size:14px;font-size:1.4rem;
  font-family:"NotoSerifJP-2";
  width: 100%;
}

}