body{margin:0px;padding:0px;font-size:20px;line-height:2em;font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
img{border:none;margin:0px auto;padding:0px;display:block;z-index:1;height:auto;max-width:100%;}
a{text-decoration:none;color:black;}
a:hover{opacity:.6;transition-duration:.3s;z-index:9999;transform: translate(5px,5px)}
ul,ol{margin:0px;padding:0px;list-style-type:none;}


nav, header, article,footer{display:block;width:54em;margin:0 auto}
article{background:url(img/main_back.jpg) no-repeat;background-size:contain;min-height:130.5em;}
section#list ul{display:flex;flex-wrap:wrap;margin:0em auto;width:41.9em;}
section#list ul li{width:50%;}
section#list > img{margin:0 auto 1em;width:41.9em;}
section#lab{margin-top:-.1em;}

section#link ul{display:flex;margin:0em auto;width:47em;}
section#link ul li{width:calc(50% - 3em);margin:0 1.5em;}

ol{display:flex;justify-content:center;margin:2em auto 0;width:26em;}
ol li{width:auto;margin:1em;}

footer{background:url(img/footer.png) no-repeat;background-size:contain;height:34em;margin-top:-2em;}
footer a{width:35em;margin:0 auto;display:block;padding-top:27.5em;}

@media all and (min-width: 0) and (max-width: 749px)  {
nav, header, article{width:100%;overflow:hidden}
body{font-size:1.85vw;}
footer{background:url(img/footer_sp.png) no-repeat;background-size:contain;height:49em;}
footer a{width:96%;padding-top:40em;}
}