* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  background-color: #eef;
  font-size: 10pt;
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Meiryo", sans-selif;
  padding: .5rem;
}
h1 {
  font-size: 140%;
}
form {
  margin-bottom: .5rem;
}
.name-box, .message-box {
}
input {
  height: 2rem;
  width: 100%;
  border: 1px solid #999;
  border-radius: .2rem;
  margin-bottom: .5rem;
  padding: .2rem;
}
textarea {
  height: 5rem;
  width: 100%;
  border: 1px solid #999;
  border-radius: .2rem;
  padding: .2rem;
}
button {
  padding: 0 .2rem;
}
.return-url {
  text-align: right;
}
.return-url a {
  color: #008;
  margin-bottom: .5rem;
}
.block {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: .2rem;
  margin-bottom: .2rem;
  border-radius: .2rem;
}
.name {
  display: inline-block;
  color: #f00;
}
.date {
  display: inline-block;
  font-size: 90%;
}
.message {
}
@media screen and (min-width:700px) {