@charset "UTF-8";
/* CSS Document */

#topImage {
background-image: url("/images/topImage_contact.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 200px;
padding-top: 150px;
}
h4 {
border-left: solid 3px #000000;
text-align: left;
}
p span.nes {
color: #CC0000;
}
.hide {
display: none;
}
#sub-form {
display: none;
}
.note {
margin-top: 10px;
color: #666666;
}

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

#topImage {
background-image: url("/images/topImage_contact.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 120px;
padding-top: 100px;
padding-left: 16px;
padding-right: 16px;
}

p {
text-align: left;
}
}

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

#topImage {
background-image: url("/images/topImage_contact.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100px;
padding-top: 70px;
}
h4 {
margin-bottom: 10px;
}
p {
text-align: left;
}
}