@charset "UTF-8";
@font-face {
	font-family: 'MyFont';
	src: url(./GenEiNuGothic-EB.ttf);
}
  body {
    background: #f9f6d5;
  }

  #top,
  #bottom,
  #left,
  #right {
    background: #a5ebff;
    position: fixed;
  }

  #left,
  #right {
    top: 0;
    bottom: 0;
    width: 5%;
  }

  #left {
    left: 0px;
  }

  #right {
    right: 0px;
  }

  #top,
  #bottom {
    left: 0;
    right: 0;
    height: 60px;
  }

  #top {
    top: 0;
  }

  #bottom {
    bottom: 0;
  }

  .logo_yoro img {
    position: fixed;
    margin-right: 2%;
    right: 0;
    top: 1%;
    z-index: 100;
    width: auto;
    height: 50px;
  }

  .logo_mekuri img {
    position: fixed;
    margin-left: 1%;
    margin-bottom: 1%;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: auto;
    height: 40px;
  }

  #title {
    position: relative;
  font-family: MyFont;
  text-align: center;
  margin-top: 70px;
  font-size: 400%;
  color: #302833;
}