@charset "UTF-8";
html {
  font-size: 81.25%;
  color: #333;
  max-width: 1000px;
  margin: 0 auto;
}
body {
  font-family: 'Kiwi Maru', serif;
}
a {
  color: #333;
  text-decoration: none;
}
h1 {
  text-align: center;
  font-size: 1.5em;
  margin: 50px 0 20px;
}
/*----------*/
.top {
  width: 100%;
  height: 480px;
  margin: 0;
  background-color: #457BC1;
}
.top-sub {
  width: 100%;
  height: 380px;
  margin: 0;
}
.top-text {
  margin: 0 auto;
  text-align: center;
  width: 90%;
  padding: 30px 0 20px;
}
/*----------*/
.menu-whole {
  padding: 10px 0 90px;
  background-color: #F7F7F7;
}
.menu {
  margin: 0 auto;
  position: relative;
  padding: 0 0 5px 100px;
  text-align: center;
}
/*---*/
.menu-one {
  margin: 20px 0 30px 0;
  position: relative;
  right: 50px;
}
.menu-one:before {
  position: relative;
  top: 25px;
  right: 10px;
  content: url("images/basic.png");
}
/*---*/
.menu-two {
  margin: 20px 0 30px 0;
  position: relative;
  right: 50px;
}
.menu-two:before {
  position: relative;
  top: 25px;
  right: 10px;
  content: url("images/enter.png");
}
/*---*/
.menu-three {
  margin: 20px 0 30px 0;
  position: relative;
  right: 50px;
}
.menu-three:before {
  position: relative;
  top: 25px;
  right: 10px;
  content: url("images/money.png");
}
/*---*/
.menu-four {
  margin: 20px 0 30px 0;
  position: relative;
  right: 50px;
  opacity: 0.5;
}
.menu-four:before {
  position: relative;
  top: 25px;
  right: 10px;
  content: url("images/blank.png");
}
/*----------*/
.graph-whole {
  padding: 10px 0 90px;
  background-color: #F7F7F7;
}