@charset "utf-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;text-align:left;font-weight:normal;font-size:100%;vertical-align:baseline;background:transparent;border:0;outline:0}body{line-height:1;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}input,textarea,select{margin:0;height:0;vertical-align:middle;font:inherit}hr{margin:0;padding:0;height:0;border:0}a,a:active,a:hover,a:visited,a:focus{margin:0;padding:0;border:0;outline:0}a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}a img{border:0}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}body{position:relative;width:100%;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;font-size:15px;color:rgb(70, 70, 70);background-color:rgb(250, 250, 249)}header{width:100%}header section.top{position:fixed;width:100%;height:50px;background-color:rgb(80, 80, 80);border-bottom:1px solid rgba(0, 0, 0, 0.6)}header section.top:before{display:block;position:absolute;bottom:-2px;width:100%;height:1px;content:"";background-color:rgba(0, 0, 0, 0.3)}header section.top:after{display:block;position:absolute;bottom:-3px;width:100%;height:1px;content:"";background-color:rgba(0, 0, 0, 0.1)}header section.top h1{position:absolute;top:0;left:20px;bottom:0;line-height:50px}header section.top h1 a{color:rgba(255, 255, 255, 0.9);text-decoration:none}header section.top h1 a:link{color:rgba(255, 255, 255, 0.9)}header section.top h1 a:visited{color:rgba(255, 255, 255, 0.9)}header section.top h1 a:hover{color:rgba(255, 255, 255, 0.9);text-decoration:none}header section.top h1 a:active{color:rgba(255, 255, 255, 0.9);text-decoration:none}header section.top ul.sns{position:absolute;top:0;right:20px;bottom:0}header section.top ul.sns li{float:left;font-size:1%;text-indent:-9999px}header section.top ul.sns li a{display:block;margin-top:10px;width:30px;height:30px}header section.top ul.sns li:nth-child(1) a{background:url("../images/twitter.png") center no-repeat;background-size:16px 13px}header section.top ul.sns li:nth-child(2) a{background:url("../images/facebook.png") center no-repeat;background-size:9px 16px}header section.cover{position:relative;top:50px;width:100%;background-color:rgb(20, 20, 20)}header section.cover div.titles{position:absolute;top:0;min-width:980px;width:100%;height:100%}header section.cover div.titles div{display:none;position:absolute;background:center no-repeat;background-size:100%}header section.cover p.symbol{position:absolute;top:-12px;left:20px;width:223px;height:208px;background:url("../../images/cover/symbol.png") left top no-repeat;background-size:100%}article{position:relative;width:100%}article section.contents{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin:10px auto 0 auto;width:960px}article section.contents section{margin-top:70px;width:31%}article section.contents section.nil{margin:0 10px;width:30%;height:0}article section.contents section p.caterogy span{padding:0 11px 16px 0;font-size:86.6%;font-weight:bold;color:rgb(110, 110, 110);background:url(../../images/highlight.png) left 3px no-repeat;background-size:100% 16px}article section.contents section p.screen a{display:block;width:100%;height:100%}article section.contents section a p.screen{margin-top:12px;padding-top:60%;width:100%;height:0;background-color:rgb(90, 90, 90);background-size:100%;border:1px solid rgb(170, 170, 170)}article section.contents section a:hover p.screen{opacity:0.6}article section.contents section p.name{margin-top:10px;font-size:100%;font-weight:bold;color:rgb(30, 30, 30);line-height:1.5}article section.contents section p.description{margin-top:4px;font-size:93.3%;color:rgb(110, 110, 110);line-height:1.5}footer{position:relative;top:40px;margin-top:60px;padding:35px 0 30px 0;width:100%;background-color:rgb(120, 120, 120)}footer section.contents{margin:0 auto;width:960px}footer p:nth-child(1){width:77%;font-size:86.6%;color:rgba(255, 255, 255, 0.9);line-height:1.6}footer p:nth-child(2){margin-top:20px;width:100%;text-align:right;font-family:HelveticaNeue, sans-serif;font-size:80%;color:rgba(255, 255, 255, 0.8)}footer p a{color:rgba(255, 255, 255, 0.9);text-decoration:underline}footer p a:link{color:rgba(255, 255, 255, 0.9)}footer p a:visited{color:rgba(255, 255, 255, 0.9)}footer p a:hover{color:rgba(255, 255, 255, 0.9);text-decoration:underline}footer p a:active{color:rgba(255, 255, 255, 0.9);text-decoration:underline}header section.top{z-index:10}@media only screen and (min-width : 320px) and (max-width : 768px){body{font-size:17px}header section.top h1{font-size:80%;left:10px}header section.top ul.sns{right:5px}header section.top ul.sns li a{width:40px}header section.cover div.titles{min-width:100%}header section.cover div.titles div{background-size:80%}header section.cover p.symbol{left:3px;top:-5px;background-size:50%}article{top:-10px;width:100%}article section.contents{width:95%}article section.contents section{width:48%}footer section.contents{width:90%}footer p:nth-child(1){margin:0 auto;width:95%}footer p:nth-child(2){margin-top:40px;text-align:center}}@media only screen and (min-width : 320px) and (max-width : 500px){header section.cover div.titles{display:none}}