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



}



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



}





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

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


header {
padding: 0 0 5px;
}
header h1 {
padding: 10px 10px 0;
text-align: center;
font-size: 85%;
}

header .title-left,
header .title-right {
width: 100%;
}

header .title-left img {
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
}

header .title-right p {
margin: 5px 20px;
font-size: 90%;
}

header img.tel,
header img.fax {
max-width: 100%;
}



#menu{
display: none;
}
#menu{
width: 100%;
max-width: 960px;
}
#menu li{
width: 100%;
padding: 0;
}
#menu li a{
margin: 0;
padding: 15px 0;
background: #ffaa55;
border-bottom: 1px solid #ffffff;
}
#menu li a span{
display: none;
}
#toggle{
display: block;
position: relative;
width: 100%;
background: #ffaa55;
background: linear-gradient(#ffaa55, #ff8000);
}
#toggle a{
display: block;
position: relative;
padding: 17px 0 15px;
border-bottom: 1px solid #ffffff;
color: #1d381d;
text-align: center;
text-decoration: none;
}

#toggle:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 20px;
margin-top: -10px;
background: #ffffff;
}
#toggle a:before, #toggle a:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 20px;
height: 4px;
background: #ffaa55;
}
#toggle a:before{
margin-top: -5.5px;
}
#toggle a:after{
margin-top: 2.5px;
}

header #pagetitle .container {
background: url(back2.png);
}

header #pagetitle h2 {
padding: 50px 20px 60px;
font-size: 180%;
letter-spacing: 0;
}






section#prize p {
font-size: 120%;
}

section#owner {
padding: 50px 40px 20px;
}
section#owner p {
line-height: 120%;
font-size: 120%;
}

section#top p {
font-size: 120%;
}
section#top p.top-a {
margin: 50px 0 20px 0;
}
section#owner p.me {
padding: 0;
font-size: 180%;
}
section#owner img {
width: 80%;
margin: 30px;
}
section#owner p {
padding: 0;
width: 100%;
}

section#trial {
padding: 10px 10px 50px;
}
section#trial p {
padding: 10px;
}
section#trial p.free {
padding: 10px;
}



section .faq h3,
section .faq p {

font-size: 100%;
text-indent: -53px;
}
section .faq h3 {

margin: 50px 10px 0;
padding: 15px 20px 5px 70px;
}
section .faq p {

margin: 0 10px 50px;
padding: 20px 20px 35px 70px;
}



section table {

margin: 50px 10px 100px;
width: 95%;
}
section table th,
section table td {

padding: 10px;

font-size: 100%;
}
section table td.right {

text-align: right;}











footer address,
footer .time {

width: 100%;

}



footer h1,
footer h2,
footer p {
text-align: center;
}

footer h2 {
margin: 30px 0 0;
}

footer #copyright p {
padding: 30px 0 10px;
}









}