@charset "UTF-8";
body {
  background: url("../images/top/bg.jpg") repeat; }

a {
  display: block; }
  a:hover {
    cursor: url("../images/com/cursor.png"), auto; }

/* その場で */
.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeInAnime {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* 下から */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(15px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@media screen and (min-width: 701px) {
  .sp {
    display: none; }

  .main_visual {
    text-align: center;
    padding-top: 190px;
    position: relative; }
    .main_visual .main {
      position: relative;
      width: 626px;
      margin: 0 auto; }
      .main_visual .main .logo {
        position: absolute;
        top: 125px;
        left: 20px; }
    .main_visual .leaf01 {
      position: absolute;
      top: -50px;
      left: -10px; }
    .main_visual .leaf02 {
      position: absolute;
      bottom: -210px;
      right: -10px; } }
@media screen and (max-width: 700px) {
  .pc {
    display: none; }

  img {
    width: 100%; }

  .main_visual {
    text-align: center;
    position: relative; }
    .main_visual .main {
      position: relative;
      width: 100%;
      margin: 0 auto; }
      .main_visual .main .logo {
        position: absolute;
        top: 270px;
        left: 30px; }
        .main_visual .main .logo img {
          width: 50%; } }