body#toppage .visual {
  position: relative;
  width: 100%;
  height: 85vh;
  background: url("../images/visual_bg.png") no-repeat center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
body#toppage .visual .box {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #ffffff;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body#toppage .visual .box p {
  line-height: 1.875;
}
body#toppage .visual .box .encoy {
  margin-bottom: 0.3125em;
  font-size: 125%;
}
body#toppage .visual .box .copy {
  display: inline-block;
  margin-bottom: 0.4em;
  padding: 0 0 0.4em;
  font-size: 300%;
  border-bottom: solid 1px #ffffff;
  letter-spacing: 0.1em;
}
body#toppage .visual .box .subcopy {
  margin-bottom: 1em;
  font-size: 125%;
}
body#toppage .visual .box .btn {
  display: inline-block;
  padding: 1em 2em;
  border: solid 1px #ffffff;
  color: #ffffff;
  font-size: 125%;
}
body#toppage .visual .box .btn:hover {
  color: #980c1d;
  background-color: #ffffff;
}
body#toppage .news {
  background-color: #e8e3dd;
}
body#toppage .news .heading {
  padding: 5em 0;
  text-align: center;
  line-height: 1.2;
}
body#toppage .news .heading h2 {
  margin-bottom: 0.3em;
  font-weight: bold;
}
body#toppage .news .boxset {
  padding-bottom: 5em;
}
body#toppage .news .boxset:after {
  content: '';
  clear: both;
  display: block;
}
body#toppage .news .boxset .box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 22.75%;
  background-color: #000000;
}
body#toppage .news .boxset .box + .box {
  margin-left: 3%;
}
body#toppage .news .boxset .box a:hover {
  filter: alpha(opacity=50);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
body#toppage .news .boxset .box .txt {
  padding: 1.7em;
  text-align: left;
  line-height: 1.4;
  background-color: #ffffff;
  -moz-background-size: 3em;
  -o-background-size: 3em;
  -webkit-background-size: 3em;
  background-size: 3em;
}
body#toppage .news .boxset .box .txt .date {
  margin-bottom: 0.7em;
  font-weight: bold;
}
body#toppage .news .boxset .box .txt .sub {
  color: #980c1d;
  font-weight: bold;
}
body#toppage .news .boxset .box.info .txt {
  border-top: solid 5px #980c1d;
}
body#toppage .news .boxset .box.info .txt .date {
  color: #980c1d;
}
body#toppage .news .boxset .box.result .txt {
  border-top: solid 5px #1ab4a2;
}
body#toppage .news .boxset .box.result .txt .date {
  color: #1ab4a2;
}

/* RWD
---------------------------------------------------------------- */
@media only screen and (max-width: 758px) {
  body#toppage .visual {
    height: 100vh;
  }
  body#toppage .visual .box .encopy {
    font-size: 90%;
  }
  body#toppage .visual .box .copy {
    font-size: 200%;
  }
  body#toppage .visual .box .subcopy {
    font-size: 87.5%;
  }
  body#toppage .visual .box .btn {
    font-size: 90%;
  }
  body#toppage .news .heading {
    padding: 2em 0;
    font-size: 75%;
  }
  body#toppage .news .boxset .box {
    float: none;
    width: 100%;
  }
  body#toppage .news .boxset .box + .box {
    margin-top: 1em;
    margin-left: 0;
  }
}