@-webkit-keyframes titleAnime{to{opacity:1;transform:translateX(0)}}@keyframes titleAnime{to{opacity:1;transform:translateX(0)}}@-webkit-keyframes rotateAnimation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotateAnimation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#contents-head{height:400px;position:relative;overflow:hidden}@media screen and (max-width: 1024px){#contents-head{height:320px}}@media screen and (max-width: 768px){#contents-head{height:280px}}@media screen and (max-width: 680px){#contents-head{height:auto}}#contents-head-gear{position:absolute;top:-50px;right:180px;width:500px;height:500px;opacity:0;transform:translateX(-50%);animation:titleAnime .5s forwards;animation-delay:1s}#contents-head-gear figure{width:100%;height:100%;background:url(../images/gear.png) no-repeat center center/100%;animation:rotateAnimation 30s linear infinite;animation-delay:1.5s;opacity:.5}@media screen and (max-width: 1024px){#contents-head-gear{width:420px;height:420px;right:80px}}@media screen and (max-width: 768px){#contents-head-gear{width:380px;height:380px;right:40px}}@media screen and (max-width: 680px){#contents-head-gear{width:320px;height:320px;top:-50px;right:50%;margin-right:-160px}#contents-head-gear figure{opacity:.3}}#contents-head-text{position:relative;z-index:2}#contents-head-text ul{margin-top:40px;margin-bottom:80px;display:flex}#contents-head-text ul li{font-size:.75rem}#contents-head-text ul li a{color:#036;text-decoration:none}#contents-head-text ul li a:hover{color:#048;text-decoration:underline}#contents-head-text ul li:nth-child(n+2){margin-left:15px}#contents-head-text ul li:nth-child(n+2)::before{content:"/";margin-right:15px;color:#ddd}@media screen and (max-width: 768px){#contents-head-text ul li{font-size:.625rem}}@media screen and (max-width: 680px){#contents-head-text ul li:nth-child(n+2){margin-left:10px}#contents-head-text ul li:nth-child(n+2)::before{margin-right:10px}}#contents-head-text-title{opacity:0;transform:translateX(-40px);animation:titleAnime .5s forwards;animation-delay:1s}#contents-head-text-title h2{font-size:2.25rem;font-weight:500;line-height:1.2;margin-bottom:2px}#contents-head-text-title p{font-size:1rem;font-family:"source-han-serif-japanese",serif;font-weight:bold;color:#a2b7c1}@media screen and (max-width: 1024px){#contents-head-text ul{margin-bottom:60px}}@media screen and (max-width: 768px){#contents-head-text ul{margin-top:20px}#contents-head-text-title h2{font-size:1.75rem}#contents-head-text-title p{font-size:.875rem}}@media screen and (max-width: 680px){#contents-head-text ul{margin-bottom:40px}#contents-head-text-title{text-align:center}#contents-head-text-title h2{font-size:1.625rem}#contents-head-text-title h2 br{display:none}}#contents-head-photo{position:absolute;top:0;right:0;width:80%;height:100%;background-repeat:no-repeat;background-position:right center;background-size:cover}#contents-head-photo::after{content:"";position:absolute;top:-400px;right:50%;margin-right:280px;width:800px;height:800px;background:#fff;transform:rotate(25deg)}@media screen and (max-width: 1024px){#contents-head-photo::after{margin-right:180px}}@media screen and (max-width: 768px){#contents-head-photo::after{margin-right:120px}}@media screen and (max-width: 680px){#contents-head-photo{position:static;width:auto;height:195px}#contents-head-photo::after{display:none}}.page-education #contents-head-photo{background-image:url(../images/header_education.jpg)}.page-department #contents-head-photo,.page-department1 #contents-head-photo,.page-department2 #contents-head-photo,.page-department3 #contents-head-photo,.page-department4 #contents-head-photo,.page-department5 #contents-head-photo{background-image:url(../images/header_department.jpg)}.page-curriculum #contents-head-photo{background-image:url(../images/header_curriculum.jpg)}.page-course #contents-head-photo{background-image:url(../images/header_course.jpg)}.page-support #contents-head-photo{background-image:url(../images/header_support.jpg)}.page-access #contents-head-photo{background-image:url(../images/header_access.jpg)}.page-news #contents-head-photo{background-image:url(../images/header_news.jpg)}.page-download #contents-head-photo{background-image:url(../images/header_download.jpg)}.page-contact #contents-head-photo{background-image:url(../images/header_contact.jpg)}.page-internship #contents-head-photo{background-image:url(../images/header_internship.jpg)}.page-about #contents-head-photo{background-image:url(../images/header_about.jpg)}#wrapper{display:flex;margin-top:80px}#wrapper .container{width:100%;flex-shrink:9999;order:2}#wrapper #side{width:260px;margin-right:80px}@media screen and (max-width: 1400px){#wrapper #side{width:240px;margin-right:60px}}@media screen and (max-width: 1024px){#wrapper{display:block}#wrapper .container{width:auto}#wrapper #side{display:none}}@media screen and (max-width: 768px){#wrapper{margin-top:60px}}@media screen and (max-width: 680px){#wrapper{margin-top:40px}}#contents section:nth-child(n+2){margin-top:80px}@media screen and (max-width: 768px){#contents section:nth-child(n+2){margin-top:60px}}#contents a{color:#036;text-decoration:underline}#contents a:hover{color:#048;text-decoration:none}#contents .text-mg p{margin-top:15px}#contents .text-mg p:first-child{margin-top:0}#contents #notfound{padding-top:100px}#contents #notfound dl dt{font-size:2rem;font-weight:normal;line-height:1.4;margin-bottom:20px}@media screen and (max-width: 680px){#contents #notfound dl dt{font-size:1.625rem}}#contents #notfound #back-button{margin-top:40px}#contents #side-nav{border-top:2px solid #a2b7c1;border-bottom:1px solid #a2b7c1}#contents #side-nav ul li{border-top:1px solid #a2b7c1}#contents #side-nav ul li a{display:block;line-height:50px;padding:0 20px 2px;color:#a2b7c1;font-weight:bold;position:relative;text-decoration:none}#contents #side-nav ul li a::after{content:"";position:absolute;top:50%;right:20px;width:20px;height:20px;margin-top:-10px;border:1px solid #000;border-radius:20px;background:url(../images/arrow.png) no-repeat right -7px center;opacity:0;transition:all 0.3s ease}#contents #side-nav ul li a:hover{color:#000;padding-left:35px;background:rgba(162,183,193,0.2)}#contents #side-nav ul li a:hover::after{opacity:1;background-position:-7px center}#contents #side-nav ul li .sub-nav li{border-color:rgba(162,183,193,0.2)}#contents #side-nav ul li .sub-nav li a{line-height:42px;padding-left:35px}#contents #side-nav ul li .sub-nav li a:hover{padding-left:50px}@media screen and (max-width: 1400px){#contents #side-nav ul li a::after{display:none}}.page-education #side-nav li:nth-child(1) a.main-nav,.page-department #side-nav li:nth-child(2) a.main-nav,.page-curriculum #side-nav li:nth-child(3) a.main-nav,.page-course #side-nav li:nth-child(4) a.main-nav,.page-support #side-nav li:nth-child(5) a.main-nav,.page-access #side-nav li:nth-child(6) a.main-nav,.page-news #side-nav li:nth-child(7) a.main-nav,.page-download #side-nav li:nth-child(8) a.main-nav,.page-contact #side-nav li:nth-child(9) a.main-nav,.page-internship #side-nav li:nth-child(10) a.main-nav{color:#000 !important;background:rgba(162,183,193,0.2) !important}.page-education #side-nav li:nth-child(1) a.main-nav:hover,.page-department #side-nav li:nth-child(2) a.main-nav:hover,.page-curriculum #side-nav li:nth-child(3) a.main-nav:hover,.page-course #side-nav li:nth-child(4) a.main-nav:hover,.page-support #side-nav li:nth-child(5) a.main-nav:hover,.page-access #side-nav li:nth-child(6) a.main-nav:hover,.page-news #side-nav li:nth-child(7) a.main-nav:hover,.page-download #side-nav li:nth-child(8) a.main-nav:hover,.page-contact #side-nav li:nth-child(9) a.main-nav:hover,.page-internship #side-nav li:nth-child(10) a.main-nav:hover{padding-left:20px !important}.page-education #side-nav li:nth-child(1) a.main-nav:hover::after,.page-department #side-nav li:nth-child(2) a.main-nav:hover::after,.page-curriculum #side-nav li:nth-child(3) a.main-nav:hover::after,.page-course #side-nav li:nth-child(4) a.main-nav:hover::after,.page-support #side-nav li:nth-child(5) a.main-nav:hover::after,.page-access #side-nav li:nth-child(6) a.main-nav:hover::after,.page-news #side-nav li:nth-child(7) a.main-nav:hover::after,.page-download #side-nav li:nth-child(8) a.main-nav:hover::after,.page-contact #side-nav li:nth-child(9) a.main-nav:hover::after,.page-internship #side-nav li:nth-child(10) a.main-nav:hover::after{display:none}.page-department1 #side-nav li:nth-child(2) .sub-nav li:nth-child(1) a,.page-department2 #side-nav li:nth-child(2) .sub-nav li:nth-child(2) a,.page-department3 #side-nav li:nth-child(2) .sub-nav li:nth-child(3) a,.page-department4 #side-nav li:nth-child(2) .sub-nav li:nth-child(4) a,.page-department5 #side-nav li:nth-child(2) .sub-nav li:nth-child(5) a{color:#000 !important;background:rgba(162,183,193,0.2) !important}.page-department1 #side-nav li:nth-child(2) .sub-nav li:nth-child(1) a:hover,.page-department2 #side-nav li:nth-child(2) .sub-nav li:nth-child(2) a:hover,.page-department3 #side-nav li:nth-child(2) .sub-nav li:nth-child(3) a:hover,.page-department4 #side-nav li:nth-child(2) .sub-nav li:nth-child(4) a:hover,.page-department5 #side-nav li:nth-child(2) .sub-nav li:nth-child(5) a:hover{padding-left:35px !important}.page-department1 #side-nav li:nth-child(2) .sub-nav li:nth-child(1) a:hover::after,.page-department2 #side-nav li:nth-child(2) .sub-nav li:nth-child(2) a:hover::after,.page-department3 #side-nav li:nth-child(2) .sub-nav li:nth-child(3) a:hover::after,.page-department4 #side-nav li:nth-child(2) .sub-nav li:nth-child(4) a:hover::after,.page-department5 #side-nav li:nth-child(2) .sub-nav li:nth-child(5) a:hover::after{display:none}