/* terms.css / privacy.css / howto.css 共通 */

body{
  margin:0;
  padding:0;
  background:#e9e6e6;
  font-family:"Yu Gothic UI", sans-serif;
  color:#222;
}

.page{
  width:760px;
  max-width:calc(100% - 32px);

  margin:40px auto;
  padding:32px;

  background:#fff;
  border-radius:8px;
  box-sizing:border-box;
}

.page h1{
  margin:0 0 28px;
  font-size:28px;
  text-align:center;
}

.page h2{
  margin:32px 0 12px;
  font-size:20px;
  border-left:4px solid #2e8b57;
  padding-left:10px;
}

.page h3{
  margin-top:24px;
  font-size:17px;
}

.page p{
  line-height:1.9;
  margin:12px 0;
  font-size:15px;
}

.page ul{
  padding-left:20px;
  line-height:1.9;
}

.back_link{
  margin-top:40px;
  text-align:center;
}

.back_link a{
  display:inline-block;

  padding:10px 20px;

  border-radius:6px;

  background:#333;
  color:#fff;

  text-decoration:none;
}

.back_link a:hover{
  opacity:.85;
}

/* スマホ */

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

  .page{
    margin:16px auto;
    padding:20px;
    max-width:calc(100% - 16px);
  }

  .page h1{
    font-size:24px;
    margin-bottom:24px;
  }

  .page h2{
    font-size:18px;
  }

  .page p,
  .page li{
    font-size:14px;
    line-height:1.8;
  }

  .back_link a{
    width:100%;
    box-sizing:border-box;
  }

}