@keyframes loading{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.1}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}}@-webkit-keyframes loading{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.1}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.7}}*,::after,::before{margin:0;padding:0;box-sizing:border-box}article,aside,body,html,main.contents{height:100%}body{font-family:'Syncopate','MingLiU',sans-serif}article{background:0 0}aside{width:200px;background:#fff;position:fixed}aside header h1{margin:0}aside header h1 a,aside nav ul li a:hover{text-decoration:none}aside header h1 a img{margin:0;border:0}aside nav ul{list-style:none;margin:0;padding:0;text-align:center;height:calc(100% - 50px)}aside nav ul li{color:#333;margin-bottom:30px;width:100%}aside nav ul li a,main h2{color:#333}aside nav ul li span,main h2 span{display:block;font-size:10px}main{width:calc(100% - 200px);margin-top:50px;margin-left:200px}main h2{width:calc(100% - 20px);font-size:16px;margin:10px 0 0 15px;padding:5px 10px;background:linear-gradient(90deg,rgba(255,255,255,.7),rgba(255,255,255,0));border-radius:4px}main h2 span{display:inline-block;margin-left:10px}main ul{padding:20px}main ul li{list-style:none;padding:0!important;position:relative}main ul li a.interior,main ul li div#profile{border:1px solid #dde5ea;border-radius:4px;background:#fff;margin:10px}main ul li div#profile{display:flex;align-items:center;max-width:800px}main ul li div#profile h2{width:240px;font-size:15px;padding:20px;margin:0}main ul li div#profile h2 span.katagaki{font-size:8px}main ul li div#profile h2 span.name{font-size:15px}main ul li div#profile p{padding:10px;font-size:10px;margin:0}main ul li div#profile p span{display:block}main ul li a.interior{display:block;color:#333;min-height:350px}main ul li a.interior:hover{text-decoration:none;color:#333}main ul li a.interior img{border-radius:4px 4px 0 0;width:100%;margin-bottom:10px}main ul li a.interior h3.mds{font-size:12px;padding:0 10px;margin-bottom:10px;font-weight:700}main ul li a.interior p.txt,main ul li a.interior span.link{font-size:10px;padding:0 10px;margin-bottom:10px}main ul li a.interior span.link{color:#888;display:block}main ul li a.covered{display:block;position:absolute;top:10px;left:10px;border-radius:4px;width:calc(100% - 20px);margin:0;height:calc(100% - 20px);background:#000;opacity:.8;text-decoration:none}main ul li a.covered p.method{color:#fff;padding:20px 10px;font-size:12px;width:100%;height:calc(100% - 100px);margin:0}main ul li a.covered p.method span{font-size:10px;display:block;padding-left:10px}main ul li a.covered p.button button{padding:5px 30px;background:0 0;border-radius:4px;color:#fff}main ul li a.covered p.button button:hover{background:#fff;color:#333;cursor:pointer}@media screen and (max-width:667px){article.row,main{margin:0}aside{width:100%;height:auto;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.3));border-radius:4px;position:static;margin:20px 0}aside header h1{margin:0 auto}aside header h1 a{width:100%;display:block}aside header h1,aside header h1 a img{width:100px;height:100px}aside nav ul{display:flex;list-style:none;padding:0;margin:0}aside nav ul li{font-size:10px}aside nav ul li span{display:none}main{width:100%}main h2{width:calc(100% - 10px)}main ul li div#profile{display:block;margin:0;padding:20px 10px;text-align:center}main ul li div#profile img{width:200px;height:200px;border-radius:4px 4px 0 0;margin-bottom:20px}main ul li div#profile h2.mds{margin:0 auto}main ul li div#profile p.txt{max-width:350px;text-align:left;margin:0 auto}main ul li a.interior{background:rgba(255,255,255,.8)}main ul li a.interior h3.mds{text-align:center;margin:10px 0 20px;font-size:14px}main ul li a.interior p.txt{font-size:12px;padding:0 20px;margin-bottom:10px}main ul li a.interior span.link{text-align:right}}footer,footer p,main ul li a.covered p.button{text-align:center}footer{font-size:12px;color:#333;width:100%;margin-top:-18px}footer p{margin:0}#backgroundBox{z-index:-1;overflow:hidden;background:0 0}#backgroundBox,#backgroundCover,#loading{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#backgroundCover{background:url(/img/bg_pattern.png);background-size:cover;z-index:-1}#loading{background:#fff;z-index:999}#loading img{position:fixed;top:50%;left:50%;margin-top:-75px;margin-left:-75px;animation:loading 1s linear 0s infinite alternate forwards running;-moz-animation:loading 1s linear 0s infinite alternate forwards running;-webkit-animation:loading 1s linear 0s infinite alternate forwards running;-o-animation:loading 1s linear 0s infinite alternate forwards running;-ms-animation:loading 1s linear 0s infinite alternate forwards running}