body {
  background: #fff;
  color: #000;
}

/* PC用 */

.header {
  margin: 0 20%;
  text-align: center;
}
.header h1 {
  font-size: 50px;
  font-weight: bolder;
  line-height: 1.2em;
  padding: 40px 0;
}
.main {
  margin: 15px 20%;
  padding: 40px;
  text-align: center;
  border: 1px solid #ccc;
}
.validation_txt {
  color: #E47911;
  font-weight: bold;
  font-size: large; 
  padding: 40px 0 20px 0;
}
.validation_txt_sub {
  font-size: medium; 
  padding-bottom: 10px;
}
.validation_select {
  font-size: medium; 
  display: inline;
  padding: 0 5px;
}
.footer {
  margin: 40px 20%;
  text-align: center;
}

/* SP用 */

.header_sp {
  margin: 0 10%;
  text-align: center;
}
.header_sp h1 {
  font-size: 20px;
  font-weight: bolder;
  line-height: 1.2em;
  padding: 20px 0;
}
.main_sp {
  margin: 15px 10%;
  padding: 40px;
  text-align: center;
  border: 1px solid #ccc;
}
.validation_txt_sp {
  color: #E47911;
  font-weight: bold;
  font-size: 14px; 
  padding: 20px 0;
}
.validation_txt_sub_sp {
  font-size: 14px; 
  padding-bottom: 10px;
}
.validation_select_sp {
  font-size: medium; 
  display: inline;
  padding: 0 5px;
}
.footer_sp {
  margin: 20px 10%;
  text-align: center;
}

/* リンク色 */

a:link { color: #333; }
a:visited {	color: #333; }
a:active { color: #333; }
a:hover { color: #3579bf; }