html{
height: auto;
}

header {
width:100%;
height: 130px;
display: block;
margin-bottom: 2.5em;
background-color:rgba(0, 0, 0, 0.0);
background-color: #19d800;
}

body {
font-family: "Meiryo";
margin: 0 auto;
background-image: url(img/hp_bg.png);
background-position: center center;
background-size: auto;
width: 960px;
color:#fff;
overflow-x: hidden;
}

.logo {
width: 40%;
margin-left: 15px;
margin-top: 10px;
}

.gif1{
margin-left: 350px;
margin-bottom: 15px;
}

footer {
width:100%;
height: auto;
text-align: center;
color:#129700;
background-color: white;
}

#formWrap {
width:900px;
margin:0 auto;
margin-bottom: 200px;
}

table.formTable{
width:100%;
margin:0 auto;
border-collapse:collapse;
}

table.formTable td,table.formTable th{
border:1px solid #ccc;
padding:10px;
}

table.formTable th{
width:30%;
font-weight:normal;
background:#808080;
text-align:left;
}

h3{
font-size: 30px;
margin-bottom: 30px;
text-align: center;
margin-top: 30px;
}

a{
color: orange;
}

P{
font-size: 12px;
}

@media all and (max-width: 960px) {
header {
background-color: #19d800;
}

body{
width:100%;
}

footer {
width:100%;
}

#formWrap{
width: 90%;
}

.logo {
width: 40%;
margin-left: 15px;
margin-top: 10px;
}

.gif1{
margin-left: 350px;
margin-bottom: 15px;
}
}


@media all and (max-width: 768px) {

header {
height: 120px:
background-color: #19d800;
}

a {
text-decoration: none;
color: orange;
}

.logo {
width: 45%;
margin-top: 20px;
}

.gif1{
margin-left: 250px;
}

.gif{
width: 80%;
}
}

@media all and (max-width: 720px) {
header {
background-color: #19d800;
}

.logo {
width: 45%;
margin-top: 25px;
}

.gif1{
margin-left: 200px;
margin-bottom: 10px;
}
}

@media all and (max-width: 640px) {
header {
height: 110px;
background-color: #19d800;
}

body{
font-size: 13px;
}

h3{
font-size: 20px;
}

td{
font-size: 13px;
}

table.formTable th{
width:24%;
font-size: 12px;
}

textarea{
width: 245px;
height: 150px;
}

.logo {
width: 50%;
 margin-top: 15px;
}

.gif1{
width: 50px;
margin-left: 150px;
}

.gif{
margin-top: -50px;
}

hr{
margin-top: 1px;
}
}

/* 繧ｹ繝槭�蜷代￠繝ｬ繧､繧｢繧ｦ繝� */
@media all and (max-width: 480px) {
header {
height: 100px;
background-color: #19d800;
}
h3{
font-size: 15px;
}
a {
text-decoration: none;
color: orange;
}
.logo {
width: 65%;
margin-top: 15px;
}
table.formTable th{
width:21%;
font-size: 10px;
}
table.formTable td{
width:10%;
font-size: 12px;
}
textarea{
width: 210px;
height: 150px;
}
.input0{
width: 210px;
}
.gif1{
width: 34px;
margin-left: 30px;
margin-top: 40px;
}
.gif{
margin-top: -10px;
}
hr{
margin-top: 1px;
}
small{
font-size: 7px;
}


}