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


.pc {display: none;}
.mb {display: block;}


body .container {
width: 100%;
}



#main h1 img,
#main h3 img {
width: 90%;
}
#main h2 img {
height: 200px;
}



#thanks h2 {
padding: 30px 0;
font-size: 130%;
}
#thanks  p {
padding: 0 30px 20px;
font-size: 100%;
}



#formWrap h4 {
padding: 20px 0 20px;
}

#formWrap {
width: 95%;
}
#formWrap table.formTable th, 
#formWrap table.formTable td {
width: auto;
display: block;
}
#formWrap table.formTable td input.juusyo {
display: inline;
width: 20%;
}
#formWrap table.formTable th {
margin-top: 5px;
border-bottom: 0;
}
#formWrap input[type="text"], 
#formWrap textarea {
width: 80%;
padding: 5px;
font-size: 110%;
display:block;
}
#formWrap input[type="submit"], 
#formWrap input[type="reset"], 
#formWrap input[type="button"] {
margin: 10px 0;
width: 20%;
}




footer p {
padding: 5px 0 0 10px;
}
footer p.cop {
padding: 30px 0 0;
}




}