﻿@import url("https://fonts.googleapis.com/css?family=Vollkorn:600&display=swap");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;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0px;-webkit-font-smoothing:antialiased}body{line-height:1}div,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}address{font-style:normal}html{background-color:#d3dbdb;font-family:"Hiragino Kaku Gothic Pro", Helvetica, "ヒラギノ角ゴ Pro W3",Verdana, Arial, "Osaka", "ＭＳ Ｐゴシック", sans-serif;font-size:15px;color:#313c49;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:linear-gradient(90deg, #c5d4da, #e0e9e8);background:-moz-linear-gradient(90deg, #c5d4da, #e0e9e8);background:-webkit-linear-gradient(90deg, #c5d4da, #e0e9e8);background:-ms-linear-gradient(90deg, #c5d4da, #e0e9e8)}body{overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}a,a:hover{color:#4f7c9b;text-decoration:none}a:hover{color:#e4007f}h1,h2,h3,h4,h5{font-weight:bold}li{margin:0;list-style:none}.button,button{display:inline-block;padding:5px 20px;background:none;border:2px solid #313c49;font-size:100%;font-weight:bold;color:#313c49;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;cursor:pointer;outline:none;-webkit-transition:.1s ease;-moz-transition:.1s ease;-o-transition-delay:.1s ease;-ms-transition:.1s ease;transition:.1s ease}.button:hover,button:hover{background-color:#313c49;color:#fff}.button.color-key,button.color-key{color:#e4007f;border:2px solid #e4007f}.button.color-key:hover,button.color-key:hover{color:#fff;background-color:#e4007f}.button[disable],button[disable]{color:#516f72;border:2px solid #516f72}.button[disable]:hover,button[disable]:hover{color:#516f72;background:none}.button .en,button .en{display:block;margin-top:0px;font-size:90%}input[type=checkbox]{display:none}input[type=checkbox]+.checkbox{content:"";display:inline-block;position:relative;width:24px;height:24px;margin:0 10px -5px 0px;border:1px solid #778aa1;border-radius:4px;background:rgba(255,255,255,0.6)}input[type=checkbox]+.checkbox:after{content:"";display:block;position:absolute;top:-5px;left:8px;width:8px;height:22px;border-bottom:3px solid #e4007f;border-right:3px solid #e4007f;-webkit-transform:rotate(40deg) scale(0.5);-moz-transform:rotate(40deg) scale(0.5);-ms-transform:rotate(40deg) scale(0.5);transform:rotate(40deg) scale(0.5);opacity:0;-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition-delay:.2s ease;-ms-transition:.2s ease;transition:.2s ease}input[type=checkbox]:checked+.checkbox:after{opacity:1;-webkit-transform:rotate(40deg) scale(1);-moz-transform:rotate(40deg) scale(1);-ms-transform:rotate(40deg) scale(1);transform:rotate(40deg) scale(1)}.en,.font-serif{font-family:'Vollkorn', serif}.keycolor{color:#e4007f}.sentence{text-align:justify;line-height:1.5em}.url{word-wrap:break-word}.toggle{visibility:hidden}.toggle.active{visibility:visible}.lazyload{opacity:0;-webkit-transition:opacity 1s ease;-moz-transition:opacity 1s ease;-o-transition-delay:opacity 1s ease;-ms-transition:opacity 1s ease;transition:opacity 1s ease}.lazyloaded{opacity:1}.modal{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;z-index:200;line-height:2em;text-align:justify;background-color:rgba(255,255,255,0);-webkit-transition:background-color 0.3s ease;-moz-transition:background-color 0.3s ease;-o-transition-delay:background-color 0.3s ease;-ms-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.modal .inner{position:absolute;width:100%;max-width:800px;height:100vh;max-height:800px;padding:20px;top:0;left:0;right:0;bottom:0;margin:auto;opacity:0;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition-delay:.3s ease;-ms-transition:.3s ease;transition:.3s ease;padding:15px;background:#313c49;color:#fff}.modal .inner .header{text-align:center;padding:20px}.modal .inner .header .bt-close{position:absolute;top:15px;right:15px;width:40px;height:40px;margin:5px;line-height:0}.modal .inner .header .bt-close:before,.modal .inner .header .bt-close:after{display:block;content:"";position:absolute;top:25px;width:100%;height:2px;background:#fff}.modal .inner .header .bt-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modal .inner .header .bt-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal.active{visibility:visible;background-color:rgba(255,255,255,0.6)}.modal.active .inner{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#header{position:fixed;width:100%;top:0;left:0;z-index:100}#header #logo{width:20vw;min-width:140px;max-width:280px;margin:15px 10px;opacity:1;-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition-delay:.4s ease;-ms-transition:.4s ease;transition:.4s ease}#header #logo.disable{opacity:0;visibility:hidden;pointer-events:none}#header #menu-bt{position:fixed;top:15px;right:15px;width:54px;height:54px;cursor:pointer;outline:none;z-index:10;background:#e6eaeb;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition-delay:.3s ease;-ms-transition:.3s ease;transition:.3s ease;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px}#header #menu-bt ul{position:absolute;bottom:8px;left:10px;width:35px;height:40px;overflow:hidden}#header #menu-bt .top,#header #menu-bt .mid,#header #menu-bt .bot{position:absolute;left:-10px;width:60px;height:4px;background:#364553;pointer-events:none;transition:0.2s;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}#header #menu-bt .top{top:8px}#header #menu-bt .mid{top:45%}#header #menu-bt .bot{bottom:8px}#header #menu-bt.active{right:80px;top:35px;background:rgba(255,255,255,0)}#header #menu-bt.active .check:checked+#sidebar{display:block}#header #menu-bt [type=checkbox]:checked+#global-menu{background:#f00}#header #global-menu{position:fixed;top:0px;right:0;width:0;height:100%;margin:0px;padding:30px 0;overflow-x:hidden;z-index:1;background-color:#e6eaeb;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;-o-transition-delay:width 0.3s ease;-ms-transition:width 0.3s ease;transition:width 0.3s ease}#header #global-menu.active{visibility:visible;width:100px}#header #global-menu.active .menu{margin-top:0}#header #global-menu.active .cancel-area{display:block}#header #global-menu .cancel-area{display:none;position:fixed;top:0;left:0;width:calc(100% - 100px);height:100%;z-index:0}#header #global-menu .menu{position:relative;z-index:10;margin-top:-30px;-webkit-transition:margin-top 0.3s ease;-moz-transition:margin-top 0.3s ease;-o-transition-delay:margin-top 0.3s ease;-ms-transition:margin-top 0.3s ease;transition:margin-top 0.3s ease}#header #global-menu .menu>li{display:block;position:relative;width:100px;height:80px;text-align:right}#header #global-menu .menu>li a{display:block;position:relative;z-index:1;height:100%;padding:30px 20px 20px 0;color:#313c49;font-size:13px;font-weight:bold;outline:none;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;-o-transition-delay:color 0.3s ease;-ms-transition:color 0.3s ease;transition:color 0.3s ease;-webkit-tap-highlight-color:rgba(0,0,0,0)}#header #global-menu .menu>li a .en{display:block;margin-bottom:5px;font-size:130%}#header #global-menu .menu>li a:hover{color:#e4007f}#header #global-menu .menu>li a:hover+.hv{width:8px}#header #global-menu .menu>li a:hover+.hv:after{background-color:#e4007f}#header #global-menu .menu>li:after,#header #global-menu .menu>li:first-child:before{display:block;content:"";position:absolute;right:-2px;bottom:0;width:80px;height:0px;border-top:1px solid #778aa1;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}#header #global-menu .menu>li:first-child:before{bottom:auto;top:0}#header #global-menu .menu>li .hv{display:block;position:absolute;top:0;right:0;z-index:0;margin:-21px 0;width:0px;height:120px;overflow:hidden;-webkit-transition:width 0.2s ease;-moz-transition:width 0.2s ease;-o-transition-delay:width 0.2s ease;-ms-transition:width 0.2s ease;transition:width 0.2s ease}#header #global-menu .menu>li .hv:after{display:block;content:"";position:absolute;top:7px;right:0;width:150px;height:75px;background-color:#4f7c9b;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);transform-origin:top right;-webkit-transition:background-color 0.2s ease;-moz-transition:background-color 0.2s ease;-o-transition-delay:background-color 0.2s ease;-ms-transition:background-color 0.2s ease;transition:background-color 0.2s ease}#header #global-menu .menu>li.active .hv{width:5px}#header #global-menu .sns{margin:30px 0}#header #global-menu .sns>li{width:100px;text-align:right}#header #global-menu .sns>li a{display:block;width:80px;height:30px;padding:10px 0px}#header #global-menu .sns>li a .sns-icon{width:30px}#header #global-menu .sns>li a .sns-icon path,#header #global-menu .sns>li a .sns-icon polygon{fill:#313c49;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition-delay:.3s ease;-ms-transition:.3s ease;transition:.3s ease}#header #global-menu .sns>li a:hover .sns-icon path,#header #global-menu .sns>li a:hover .sns-icon polygon{fill:#e4007f}#footer{position:relative;z-index:10;background-color:#364553;color:#fff;padding:20px 0;text-align:center}#footer .row{width:100%;max-width:860px;margin:0px auto;display:flex;flex-wrap:wrap}#footer .row .col{width:33%;flex-grow:1;margin:20px auto;text-align:center;font-size:80%;line-height:1.5em}#footer .row .col.portal,#footer .row .col.cgarts{flex-basis:200px}#footer .row .col.credit{flex-basis:320px}#footer .row .col a{margin-top:5px;color:#c3d9dd;font-weight:bold}#footer #logo-cgcportal{margin-top:-6px;height:64px}#footer #logo-cgarts{margin-top:5px;height:42px}#footer .copyright{color:#778aa1}.content-section{position:relative;min-height:100vh;padding-top:40vh;padding-bottom:20vh}.content-section .content-box{z-index:50;max-width:960px;margin:0 auto;padding:15px;line-height:1.5em}.section-header{text-align:center;margin-bottom:50px;font-size:150%}.section-header .section-title{line-height:1.2em;letter-spacing:0.1em}.section-header .section-title .en{font-size:80%;letter-spacing:1px;display:block}.visual-container{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;line-height:0}.visual-container.c2,.visual-container.c2,.visual-container.c3,.visual-container.c4{margin-top:-60vh}.visual-container.c5{margin-top:-70vh}.visual-container.fixed{position:fixed !important}.visual-container #c5-bg{margin-top:100vh;background:linear-gradient(4deg, #bfcac9, #d5dddf);background:-moz-linear-gradient(4deg, #bfcac9, #d5dddf);background:-webkit-linear-gradient(4deg, #bfcac9, #d5dddf);background:-ms-linear-gradient(4deg, #bfcac9, #d5dddf)}.visual-container .visual-layer{position:absolute;width:100vw;height:100vh;top:0;left:0;background-position:top 40% left 20%;background-size:cover;pointer-events:none}.visual-container .visual-layer.l-1{z-index:-1}.visual-container .visual-layer.l-2{z-index:10}.visual-container .visual-layer.l-3{z-index:11}.visual-container .visual-layer.l-4{z-index:12}.visual-container .visual-layer.l-5{z-index:13}.visual-container .visual-layer.fixed{position:fixed !important}#visual-wire{position:fixed;height:100vh;margin-top:0;z-index:-2}#visual-wire .visual-layer{background-repeat:repeat-y;max-height:none}#top-bg{position:fixed;top:0;max-height:100vh;margin-top:0;z-index:-1;-webkit-transition:opacity 0.1s ease;-moz-transition:opacity 0.1s ease;-o-transition-delay:opacity 0.1s ease;-ms-transition:opacity 0.1s ease;transition:opacity 0.1s ease}#top{margin-bottom:60vh;margin-bottom:60vmax;z-index:60}#top .visual-container{margin-top:0;max-height:none}#top .visual-container .visual-layer.l-3,#top .visual-container .visual-layer.l-5{position:fixed}#cgc25th-aniv-logo{position:fixed;top:60vh;left:0;right:0;width:30%;height:auto;min-width:160px;max-width:250px;margin:0 auto;z-index:80;pointer-events:none;-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition-delay:.2s ease;-ms-transition:.2s ease;transition:.2s ease}@media all and (-ms-high-contrast: none){#cgc25th-aniv-logo{height:40%;min-height:160px;max-height:300px}}#outline{z-index:4}#outline-text{font-size:110%;font-weight:bold;text-align:center;line-height:2.3em}#outline-text .title{margin-bottom:50px;font-size:140%;color:#e4007f}#outline-text .pr{margin:40px 0}#judges{z-index:3}#judge-profiles{font-weight:bold}#judge-profiles .division{margin-bottom:80px}#judge-profiles .subject{font-size:120%;margin:40px 0}#judge-profiles .profile{display:flex;flex-wrap:wrap;margin-bottom:10px}#judge-profiles .profile .thumbnail{margin-right:20px;margin-bottom:20px}#judge-profiles .profile .thumbnail img{width:100%;min-width:160px;max-width:240px}#judge-profiles .profile .info{flex-basis:300px;flex-grow:1;border-top:1px solid #778aa1;padding:20px 0;line-height:1.5em}#judge-profiles .profile .name{font-size:120%;margin:0 0 20px 0}#judge-profiles .profile .name .en{display:block;margin-top:10px;font-size:80%}#judge-profiles .profile .position{font-size:90%}#judge-profiles .profile .bio{margin:10px 0;font-size:13px}#judge-profiles .profile .link{font-size:80%}#guideline{position:relative;z-index:2}#guideline-sheet section{margin-bottom:40px;font-weight:bold}#guideline-sheet .subject{font-size:120%;margin:20px 0;line-height:1.5em;border-bottom:1px solid #778aa1}#guideline-sheet h4{margin:20px 0 10px 0}#guideline-sheet strong{font-size:120%}#guideline-sheet .annot{margin:20px 0;color:#516f72;font-size:90%}#guideline-sheet .url{margin:10px 0}#guideline-sheet .evaluation li{list-style:circle;margin-left:20px}#entry{position:relative;padding-top:40vh;padding-bottom:0;z-index:1;background:linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 40%);background:-moz-linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 40%);background:-webkit-linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 40%);background:-ms-linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 40%)}#entry .content-cover{position:relative;z-index:10;padding-bottom:10vh;background:linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 20%);background:-moz-linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 20%);background:-webkit-linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 20%);background:-ms-linear-gradient(-90deg, rgba(235,241,241,0), #d3dbdb 20%)}#entry #entry-sheet{max-width:400px;margin:0 auto;padding:20px 0;font-size:110%;font-weight:bold;z-index:100;border-top:1px solid #778aa1;border-bottom:1px solid #778aa1}#entry #entry-sheet .header{margin-bottom:20px;font-size:80%}#entry #entry-sheet .flow{display:flex;padding:20px 0}#entry #entry-sheet .flow .step{position:relative;width:10%;min-width:20px;flex-grow:1;font-size:200%}#entry #entry-sheet .flow .info{width:90%;padding-left:20px}#entry #entry-sheet .flow .annot{margin:10px 0 0 40px}#entry #bt-entry{width:100%}#entry .annot{margin-top:20px;font-size:80%;color:#516f72}#entry-agreement{position:fixed}#entry-agreement .header{font-size:130%}#entry-agreement li{list-style:circle;margin-left:20px}#entry-agreement .subject{font-size:110%;margin:30px 0 10px 0}#entry-agreement #agreement-arrow{position:absolute;bottom:5px;width:100%;text-align:center}#entry-agreement #agreement-arrow:before{display:inline-block;content:"";width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media (orientation: landscape){.visual-container.c2,.visual-container.c2,.visual-container.c3,.visual-container.c4{margin-top:-30vmax}.visual-container.c5{margin-top:-30vmax}.visual-container .visual-layer{min-height:70vmax}#top{margin-bottom:40vmax}#cgc25th-aniv-logo{width:23vw;min-width:140px;max-width:300px;top:30vh;top:calc(50vh - 100px);left:auto;right:20vw;margin:0}#entry{padding-top:48vmax}}@media screen and (min-width: 1200px){html{font-size:16px}#header #menu-bt{display:none}#header #global-menu{visibility:visible;background:none;width:100px}#header #global-menu .menu{margin-top:0}#header #global-menu .menu li{width:auto}#header #logo{margin:20px;max-width:180px}#header #logo.disable{visibility:visible;opacity:1}#footer .row .col{text-align:left}.content-section{padding-top:10vh}.content-section .content-box{width:100%;max-width:1120px;margin:0 auto 0 auto;padding-left:8vw;padding-right:60px}.section-header{text-align:center;font-size:170%;margin-bottom:240px}.modal .inner{padding:15px}.visual-container{margin-top:0vh}.visual-container.c2,.visual-container.c2,.visual-container.c3,.visual-container.c4{margin-top:-40%}.visual-container.c5{margin-top:0vh}.visual-container #c5-bg{display:none}.visual-container .visual-layer{min-height:50vmax}#cgc25th-aniv-logo{top:30vh;top:calc(50vh - 150px) !important;left:auto;right:25vw;margin:0}#outline-text{font-size:130%}#judge-profiles .subject{font-size:140%}#judge-profiles .profile .thumbnail{margin-right:40px;max-height:300px}#entry{padding-top:10vh !important}#entry .content-cover{background:none}#entry #entry-sheet{max-width:50%;margin-left:auto;margin-right:0}#entry #entry-sheet .flow{display:flex;width:100%}#entry #entry-sheet .flow .step{width:15%;font-size:200%}#entry #entry-sheet .flow .info{width:85%;padding-left:20px}}
