body{
margin: 0;
}
a, a:visited, a:hover, a:active {
color: inherit;
text-decoration: none;
}
img{
max-width:600px;
}
.smallimg{
width: 40%;
}
.main{
background-color: #fff;
color: #000;
max-width: 600px;
width: 90vw;
margin: 100px auto 10vw auto;
padding: 10px;
}
.inh{
margin-block-start: inherit;
margin-block-end: inherit;
}
.flame p{
font-size: 15px;
}
.agree{
border: #aaa 2px solid;
max-width: 560px;
width: 84vw;
height: 200px;
margin: 0 auto;
overflow-y: scroll;
}
.red{
background-color: red;
color: #fff;
margin: 0 10px;
padding: 0 5px;
}
.btn{
display       : inline-block;
border-radius :20px;          /* 角丸       */
font-size     : 18pt;        /* 文字サイズ */
text-align    : center;      /* 文字位置   */
cursor        : pointer;     /* カーソル   */
width: 30vw;
padding       : 12px 12px;   /* 余白       */
background    : #00b3ff;     /* 背景色     */
color         : #ffffff;     /* 文字色     */
line-height   : 1em;         /* 1行の高さ  */
transition    : .3s;         /* なめらか変化 */
  }
.back{
max-width:600px;
background-size: cover;
width: 90vw;
margin: 2vw auto;
}
.center{
text-align: center;
}
.flame{
padding: 2vw;
}
.mini{
font-size: 16px;
}

@media only screen and (min-width:500px) and (max-width:960px){
main{
width:500px;
margin: 0 auto;
}
.top{
max-width: 500px;
}
.flame p{
font-size: 16px;
}
.b{
font-size: 16px;
}
.relation{
max-width:500px;
position: relative;
width: 90vw;
margin: 0 auto;
}
.topic{
height: 16px;
width: 500px;
}
.topic::before{
height: 20px;
}
footer.white{
padding: 65px 25px;
}
.rad{
width: 75px;
height: 75px;
border-radius: 37.5px;
}
.mini{
font-size: 11px;
}
}
@media only screen and (min-width:961px){
p{
font-size: 21px;
}
.mini{
font-size: 11px;
}
}