@charset "UTF-8";body{background:url(../images/portal/bg_body.png) repeat-x 0 0;width:100%}#wrapper{text-align:center;background:url(../images/portal/bg_document.jpg) center top;background-size:cover}.wrap#current ul{font-size:0;line-height:0}.wrap#current li{display:inline-block}.wrap#current li .btn,.wrap#current li .btn:before{display:block;background-size:auto 100%;background-repeat:no-repeat}.wrap#current li .btn{width:228px;padding-top:58px;margin-left:auto;margin-right:auto;text-indent:-9999px;overflow:hidden;position:relative;background-image:url(../images/portal/btn_site2.png);background-position:left top}@media only screen and (max-width:800px){.wrap#current li .btn{width:63.33333%;padding-top:16.11111%}}.wrap#current li .btn:before{width:228px;padding-top:58px;position:absolute;left:0;top:0;z-index:1;content:"";opacity:0;transition:opacity .15s ease-out;background-image:url(../images/portal/btn_site2_hover.png)}@media only screen and (max-width:800px){.wrap#current li .btn:before{width:100%;padding-top:25.4386%}}.wrap#current li:hover .btn:before{opacity:1}.wrap#current li .logo{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:10px}@media only screen and (max-width:950px){.wrap#current li .logo{margin-bottom:1.05263%}}@media only screen and (max-width:950px){.wrap#current{padding:0 3.15789%}}.wrap#current h1{width:663px;padding-top:80px;margin:0 auto 60px}@media only screen and (max-width:800px){.wrap#current h1{padding:10% 3.75% 0;margin-bottom:7.5%;width:100%;height:auto}}.wrap#current li{width:326px}@media only screen and (max-width:800px){.wrap#current li{width:67.5%}}.wrap#current li .logo{height:236px}@media only screen and (max-width:800px){.wrap#current li .logo{height:auto}}.wrap#current li.anime{margin-left:auto;margin-right:auto;display:block}.wrap#current li.anime .logo{height:auto}.wrap#current li.anime .text{width:250px;margin-top:15px;margin-left:auto;margin-right:auto}@media only screen and (max-width:800px){.wrap#current li.anime .text{width:76.68712%}}.wrap#current li.anime .btn{margin-top:10px}@media only screen and (max-width:800px){.wrap#current li.anime .btn{width:69.93865%;padding-top:17.79141%}}#previous{margin-top:80px}@media only screen and (max-width:800px){#previous{margin-top:10%}}#previous .title{background:url(../images/portal/title_end.png) center top no-repeat;width:100%;height:53px;text-indent:-9999px;overflow:hidden;background-size:auto 100%}@media only screen and (max-width:800px){#previous .title{height:auto;padding-top:3.5%}}#previous .wrap{padding-top:60px;padding-bottom:100px;padding-left:30px;padding-right:30px;max-width:1100px;margin-left:auto;margin-right:auto}@media only screen and (max-width:1100px){#previous .wrap{max-width:100%;padding-left:2.72727%;padding-right:2.72727%}}@media only screen and (max-width:800px){#previous .wrap{padding-top:7.5%;padding-bottom:10%;padding-left:7.5%;padding-right:7.5%}}#previous .wrap ul{display:flex;justify-content:space-between;flex-wrap:wrap}#previous .wrap li{width:23%}@media only screen and (max-width:800px){#previous .wrap li{width:45%;padding-bottom:3.75%}}#previous .wrap li .logo img{width:100%;height:auto}