@charset "utf-8";
/* CSS Document */

body { background: url(../img/entrance_pc.png) 50% 0 no-repeat;}
#con { position: relative; text-align: center; padding: 100px 0; }
#con > p { font-family: fot-tsukuardgothic-std,sans-serif; font-weight: 700; font-style: normal; font-size: 18px; margin-bottom: 2em; }
#con > ul { display: flex; justify-content: center; }
#con > ul > li > a { display: flex; justify-content: center; align-items: center; width: 250px; height: 50px; color: #000; border: 2px solid #000; box-sizing: border-box; background: #FFF; margin: 0 5px; font-size: 16px; text-decoration: none; font-weight: bold; }
#con > ul > li > a:hover { background: #d2d8ff; transition: .8s; }

@media screen and (max-width: 720px) {
  body { background: url(../img/entrance_pc.png) 40% 0 no-repeat; }
  #con { width: 95%; margin: 0 auto; }
  #con > p { font-size: 16px; }
  #myCanvas { width: 1024px; }
  #con > ul { display: block; width: 100%; margin: 0 auto; }
  #con > ul > li > a { margin: 0 auto 10px; }
}