html{
    font-size:100%;
}
body{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    color: #333333;
    font-size:1.0rem;
    line-height: 1.8;
    font-family:Verdana,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, sans-serif;
}
td{
    font-size:1.1rem;
    font-family:Verdana,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ƒqƒ‰ƒMƒmŠpƒS ProN W3", Meiryo, sans-serif;
    line-height: 1.8;
}
a:hover {
    color:#FF0099;
    background: #ffcccc;
    text-decoration:underline;
}
h1{
  color : #d83c30;
  font-size : 1.5rem;
}
h2{
  color : #333333;
  font-size : 1.2rem;
  border-bottom: dashed 2px #333333;
}

h3{
  color : #cc0000;
  font-size : 1.2rem;
}
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

@media screen and (max-width: 480px) {
div.top{
    width: 100%;
    margin: 0 auto;
}
.br-s{
    display:block;
}
.br-p{
    display:block;
}
}

@media screen and (min-width: 481px) {
div.top{
    width: 100%;
    margin: 0 auto;
}
.br-s{
    display:block;
}
.br-p{
    display:none;
}
}

@media screen and (min-width: 768px) {
div.top{
    width: 600px;
    margin: 0px auto;
}
.br-s{
    display:block;
}
.br-p{
    display:none;
}
}