@import url("https://fonts.googleapis.com/css?family=Quicksand");
body {
  margin: 0 auto; }

.menu {
  display: block;
  position: fixed;
  top: 1em;
  right: 1.5em;
  z-index: 100;
  margin: inherit;
  padding: inherit;
  width: 6%; }
  .menu a {
    display: block;
    width: 100%;
    height: 100%; }
    .menu a img {
      width: 100%;
      vertical-align: bottom; }

.flex {
  display: flex; }

.top_main {
  background: url(/img/Yozora_rgb.jpeg) no-repeat 50% 0%;
  content: "";
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .top_main .main_head {
    background: url(/img/top_main_back.png) no-repeat 50% 0%;
    content: "";
    background-size: 100%;
    padding: 33% 0;
    position: relative; }
    .top_main .main_head .logo {
      width: 100%; }
      .top_main .main_head .logo img {
        position: absolute;
        top: 12em;
        left: 29.7%;
        width: 41%; }
  .top_main .news {
    background: #F6F6F0;
    vertical-align: top;
    padding: 1rem 24%;
    margin: 0;
    color: #888888; }
    .top_main .news dl {
      margin: 0 auto;
      width: 70%; }
      .top_main .news dl dt {
        width: 30%; }
      .top_main .news dl dd {
        width: 70%;
        margin: 0; }