#header{width:100%}#header{height:100%;max-height:1080px;background-size:cover;text-align:center;position:relative;overflow:hidden;margin:0;padding:0;line-height:0}#header h1.mainlogo{z-index:2;position:absolute;top:283px;left:0;right:0;bottom:0;margin:auto}#header p.logo{z-index:2;position:absolute;top:27px;left:50px}#header nav{z-index:2;position:absolute;top:40px;left:30px;width:100%}#header nav ul{list-style:none;margin-left:14%}#header nav ul li:last-child img{margin-top:-5px}#header nav ul li a{display:inline-block}#header nav ul li a:before,#header nav ul li a:after{position:absolute;top:-9px;content:"";display:inline-block;width:0;height:1px;background:#fff;transition:.5s}#header nav ul li a:before{left:50%}#header nav ul li a:after{right:50%}#header nav ul li a:hover:before,#header nav ul li a:hover:after{width:50%}#header nav ul li:last-child a:hover:before,#header nav ul li:last-child a:hover:after{width:0}#header p.backmovie{z-index:2;position:absolute;top:123px;right:46px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;cursor:pointer}#header div.timeline{z-index:10;position:absolute;left:0;right:0;bottom:74px;margin:auto}#header div.timeline .wrapper{position:relative}#header div.timeline div#tscale{position:absolute;left:0;right:0;margin:auto;width:1024px;padding:0}#header div.timeline ul#embellishCS{position:absolute;list-style:none;left:0;right:0;margin:auto;width:1024px;padding:0}#header div.timeline ul li{float:left;margin-top:-12px;cursor:pointer;width:32px}#header div.timeline ul li.cue1{margin-left:209px}#header div.timeline ul li.cue2{margin-left:52px}#header div.timeline ul li.cue3{margin-left:385px}#header div.timeline ul li.cue4{margin-left:52px}#header div.timeline div#tscale p{position:absolute;top:0;background-color:#fff;width:0;height:5px;text-align:left;margin-top:23px;margin-left:0;border:1px solid #fff;color:red}@keyframes mtimeline{0%{width:0}100%{width:100%}}#header div.timeline div#tscale p.start{-moz-animation:mtimeline 61s infinite;-webkit-animation:mtimeline 61s infinite;animation:mtimeline 61s infinite;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear}#header div.timeline div#tscale p.startcue1{-moz-animation:mtimeline 61s infinite;-webkit-animation:mtimeline 61s infinite;animation:mtimeline 61s infinite;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-moz-animation-delay:-13s;-webkit-animation-delay:-13s;animation-delay:-13s}#header div.timeline div#tscale p.startcue2{-moz-animation:mtimeline 61s infinite;-webkit-animation:mtimeline 61s infinite;animation:mtimeline 61s infinite;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-moz-animation-delay:-18s;-webkit-animation-delay:-18s;animation-delay:-18s}#header div.timeline div#tscale p.startcue3{-moz-animation:mtimeline 61s infinite;-webkit-animation:mtimeline 61s infinite;animation:mtimeline 61s infinite;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-moz-animation-delay:-43s;-webkit-animation-delay:-43s;animation-delay:-43s}#header div.timeline div#tscale p.startcue4{-moz-animation:mtimeline 61s infinite;-webkit-animation:mtimeline 61s infinite;animation:mtimeline 61s infinite;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-moz-animation-delay:-48s;-webkit-animation-delay:-48s;animation-delay:-48s}#header div.timeline div#tscale p.stopcue1{-moz-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused;-moz-animation-delay:-13s;-webkit-animation-delay:-13s;animation-delay:-13s}#header div.timeline div#tscale p.stopcue2{-moz-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused;-moz-animation-delay:-18s;-webkit-animation-delay:-18s;animation-delay:-18s}#header div.timeline div#tscale p.stopcue3{-moz-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused;-moz-animation-delay:-43s;-webkit-animation-delay:-43s;animation-delay:-43s}#header div.timeline div#tscale p.stopcue4{-moz-animation-play-state:paused;-webkit-animation-play-state:paused;animation-play-state:paused;-moz-animation-delay:-48s;-webkit-animation-delay:-48s;animation-delay:-48s}#header video{margin:0 auto;z-index:1;width:100%}#header #colorimg{position:absolute;top:0;left:0;margin:0 auto;z-index:1;width:100%}#header #colorimg img{position:absolute;top:0;left:0;width:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}.temp{50%{width:22%}55%{width:30%}75%{width:70%}80%{width:82%}}#toppage #header .article-img{display:none}#main{padding:0;margin:0 0 542px;background-color:#fff}#information{display:table;position:relative;clear:both;width:91%;min-width:980px;max-width:1024px;margin:0 auto 0 auto;padding:60px 0 40px}#information h2{display:table-cell;width:166px;margin:0;padding:0 50px 0 0;text-align:left;vertical-align:top}#information div{display:table-cell}#information ul.informationlist{display:table;width:100%;padding:0;margin:0;vertical-align:top;list-style:none}#information ul.informationlist li{margin-bottom:15px}#information ul.informationlist p.infodate{display:table-cell;width:90px}#information ul.informationlist p.infocategoly{display:table-cell;width:110px;padding-left:15px;border-left:5px solid #fff}#information ul.informationlist li.conversation p.infocategoly{border-left:5px solid #fff100}#information ul.informationlist li.work p.infocategoly{border-left:5px solid #abd9f5}#information ul.informationlist li.column p.infocategoly{border-left:5px solid #ff6ce1}#information ul.informationlist li.color-product p.infocategoly{border-left:5px solid #a5db4c}#information ul.informationlist li.information p.infocategoly{border-left:5px solid #9f9f9f}#information ul.informationlist p.infotext{display:table-cell}#information a{color:#000}#tmenu{width:100%;min-width:980px;max-width:1024px;margin:0 auto}#tmenu ul{list-style:none;width:100%;margin:0 auto;overflow:hidden;padding-left:0}#tmenu ul li{position:relative;float:left;width:33.2%;padding:0;margin-right:.2%;text-align:center}#tmenu ul li .contents{padding-top:15px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:.3s}#tmenu ul li a{display:block;width:100%;text-decoration:none}#tmenu ul li img{vertical-align:middle;pointer-events:none}#tmenu ul li:last-child{margin-right:0}#tmenu ul li .menubg{position:absolute;z-index:0;top:0;left:0;width:100%}#tmenu ul li .menubgr{position:absolute;top:0;left:0;width:100%}#tmenu ul li .menutitle{padding:15% 0 0;position:relative}#tmenu ul li .menutext{position:relative;padding:0 0 3%;color:#fff;line-height:1.8;letter-spacing:2px}.gocontnavi{position:relative;display:block;max-width:102px;margin:0 auto 60px auto;color:#fff;font-size:80%}.gocontnavi span{display:block;position:absolute;top:16%;left:28%;padding:0;margin:0}svg.gocont{max-width:102px;margin:0 auto;transform:scale(1,1)}svg.gocont polygon{fill:rgba(255,255,255,0);stroke:#fff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:0}#tmenu ul li a:hover svg.gocont polygon{-webkit-animation:gocontdash .3s linear forwards;animation:gocontdash .3s linear forwards}@-webkit-keyframes gocontdash{to{stroke-dashoffset:450;stroke-dasharray:500}}@keyframes gocontdash{to{stroke-dashoffset:450;stroke-dasharray:500}}#tmenu ul li .contents:hover .menubg{-webkit-animation:menuhover 1s forwards;animation:menuhover 1s forwards}@-webkit-keyframes menuhover{to{-webkit-opacity:0}}@keyframes menuhover{to{opacity:0}}#article-list{position:relative;clear:both;width:91%;min-width:980px;max-width:1024px;margin:0 auto;padding:20px 0 100px;font-size:0}#article-list article{float:left;background:rgba(255,255,255,.8);width:100%;height:auto;margin:1% auto 0 auto;padding:0;border:1px solid #ccc}#article-list article.singlecard{min-width:980px}#article-list article.doublecard{width:49.5%;min-width:485px;margin-right:1%;min-height:350px}#article-list article.doublecard:nth-child(odd){margin-right:0}#article-list article.singlecard dl{z-index:10;width:100%}#article-list article.singlecard dl dd,#article-list article.singlecard dl dt{margin:0;padding:0;width:50%}#article-list article.singlecard dl dd{float:left;width:49%}#article-list article.singlecard dt{float:right;text-align:right;font-size:1px;line-height:0;overflow:hidden}#article-list article dd h2{width:75px;height:75px;background-color:#fff100;margin:0}#article-list article h2{width:75px;height:75px;background-color:#fff100;margin:0}#article-list article h2.conversation{background-color:#fff100}#article-list article h2.work{background-color:#abd9f5}#article-list article h2.column{background-color:#ff6ce1}#article-list article h2.color-product{background-color:#a5db4c}#article-list article h2 img{margin-top:30px;margin-left:50px}#article-list article.singlecard dl dd h3,#article-list article.doublecard h3{width:85%;padding-top:10px;margin:15px 0 0 50px;font-size:19pt;line-height:160%;font-weight:400;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}#article-list article h3 a{color:#000;text-decoration:none}#article-list h3 a{padding:0 .3em 0 0;background-image:linear-gradient(rgba(0,0,0,0) 50%,rgba(210,210,210,1) 50%);background-position:0 0;background-size:auto 200%;transition:.3s}#article-list h3 a:hover{background-position:0 25%}#article-list article.singlecard dd p,#article-list article.doublecard p{font-size:12pt;line-height:160%;padding-top:10px;margin-left:50px;margin-bottom:32px;width:85%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}#article-list article.singlecard dd p.front-date,#article-list article.doublecard p.front-date{margin-bottom:0}#article-list article.singlecard dt img{margin:0 10px 0 0;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}.nextnavi{position:relative;display:block}.nextnavi a{text-decoration:none;color:#000;font-size:85%}.nextnavi span{display:block;position:absolute;top:20%;left:5%}svg.gototop{max-width:197px;margin:0 auto;transform:scale(-1,-1)}svg.gototop polygon{fill:rgba(0,0,0,0);stroke:#255;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:0}svg.gototop polygon:hover{-webkit-animation:dash .3s linear forwards;animation:dash .3s linear forwards}@-webkit-keyframes dash{to{stroke-dashoffset:500;stroke-dasharray:500}}@keyframes dash{to{stroke-dashoffset:438;stroke-dasharray:500}}