article#page-academics section#firstview{margin-bottom:60px}@media (min-width:980px){article#page-academics section#firstview header.custom-shub-header{padding:0 70px}article#page-academics section#main-box{float:left}}article#page-academics section#firstview header.custom-shub-header .bg{width:100%;height:360px;background:url(../../../images/custom/exception/academics/header.png) center center;background-size:cover}article#page-academics section#firstview header.custom-shub-header .bg .page-name{width:468px;margin:0 auto;background-color:#fff}article#page-academics section#firstview header.custom-shub-header .bg .page-name .inner{padding:64px 0 36px}article#page-academics section#firstview header.custom-shub-header .bg .page-name .inner h4{font-size:34px;color:#16273E;text-align:center;font-family:"Noto Serif JP",serif;letter-spacing:.07em}article#page-academics section#firstview header.custom-shub-header .bg .page-name .inner h6{font-size:18px;color:#BCBCBC;margin-top:20px;text-align:center;font-family:"Crimson Text","Noto Serif JP",serif;letter-spacing:.1em}article#page-academics section#firstview p.under-header-text{text-align:center;font-size:16px;margin-top:50px;line-height:2em}article#page-academics section#main-box{width:100%}@media (min-width:0px) and (max-width:979px){article#page-academics section#main-box .inner-section{padding:0 20px}}article#page-academics section#main-box .inner-section a.purpose{display:flex;width:100%;height:220px;border:3px solid #F5F5F5}article#page-academics section#main-box .inner-section a.purpose .box-photo{width:50%;background:url(../../../images/custom/exception/academics/purpose.jpg) center center;background-size:cover}article#page-academics section#main-box .inner-section a.purpose .box-text{width:50%;position:relative;display:flex;align-items:center;height:100%}article#page-academics section#main-box .inner-section a.purpose .box-text h4{font-size:24px;margin-left:30px;font-family:"Noto Serif JP",serif;letter-spacing:.1em;color:#16273E}article#page-academics section#main-box .inner-section a.purpose .box-text .more{position:absolute;bottom:20px;right:20px}article#page-academics section#main-box .inner-section a.purpose .box-text .more h6{font-size:10px;color:#065181;text-align:center}article#page-academics section#main-box .inner-section a.purpose .box-text .more .arrow-box{position:relative;width:50px;height:4px;margin-top:4px}article#page-academics section#main-box .inner-section a.purpose .box-text .more .arrow-box .line{background-color:#065181;position:absolute}article#page-academics section#main-box .inner-section a.purpose .box-text .more .arrow-box .line.line-1{width:100%;height:1px;bottom:0;left:0}article#page-academics section#main-box .inner-section a.purpose .box-text .more .arrow-box .line.line-2{bottom:0;right:0;width:6px;height:1px;transform-origin:bottom right;transform:rotate(45deg)}article#page-academics section#main-box .inner-section h3.heading{font-size:34px;margin-top:110px;font-family:"Noto Serif JP",serif}article#page-academics section#main-box .inner-section ul.list-department{list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:66px}@media (min-width:980px){article#page-academics section#main-box .inner-section{padding:0 280px 0 110px}article#page-academics section#main-box .inner-section ul.list-department li:nth-child(n+3){margin-top:60px}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]){width:calc(50% - 15px)}}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .btn-modal-open{cursor:pointer}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window{display:none;position:fixed;top:0;left:0;width:100%;height:100%;min-width:980px;z-index:9999;background-color:#fff;box-sizing:border-box}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[page=career]{border:60px solid rgba(15,171,193,.4)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[page=school]{border:60px solid rgba(226,138,37,.4)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[page=american]{border:60px solid rgba(0,112,166,.4)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[page=spanish]{border:60px solid rgba(210,58,52,.4)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[page=english]{border:60px solid rgba(0,146,95,.4)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[page=junior_college]{border:60px solid rgba(212,104,125,.4)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[page=graduate]{border:60px solid rgba(55,118,155,.4)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window.open{display:block}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window .btn-close{width:60px;height:60px;background-color:#222;position:fixed;top:0;right:0;overflow:hidden;cursor:pointer}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window .btn-close .box{width:15px;height:15px;position:relative;margin:18px auto 0}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window .btn-close .line{width:18px;height:2px;background-color:#fff;transform-origin:center center;position:absolute;left:50%;top:calc(50% - 1px);margin-left:calc(-18px / 2)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window .btn-close .line.line-1{transform:rotate(45deg)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window .btn-close .line.line-2{transform:rotate(-45deg)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window .btn-close h6{color:#fff;font-size:10px;text-align:center;margin-top:7px}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .modal-window[modal-type=movie] .inner-modal{width:100%;height:100%;display:flex;justify-content:center;align-items:center}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list{display:flex;flex-direction:column;height:100%}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap{height:100%;display:flex;flex-direction:column}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-photo{width:100%;height:280px;background-size:cover;background-position:center center}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-photo .movie{display:flex;justify-content:center;align-items:center;width:100%;height:100%;cursor:pointer}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-photo .movie .cell .btn{width:76px;height:76px;background:linear-gradient(135deg,#e83a3a,#b91313);border-radius:100%;display:flex;justify-content:center;align-items:center}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-photo .movie .cell .btn .tip{width:0;height:0;border-style:solid;border-width:7px 0 7px 16px;border-color:transparent transparent transparent #fff;margin-left:4px;margin-top:2px}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-photo .movie .cell p{margin-top:8px;color:#fff;font-size:15px}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text{margin-top:-20px;height:100%;display:flex;flex-direction:column}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading{padding:38px 30px 25px;position:relative}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.85}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg[page=career]{background:linear-gradient(135deg,#0fabc1,#007b8a)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg[page=school]{background:linear-gradient(135deg,#e28a25,#ce5d0b)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg[page=american]{background:linear-gradient(135deg,#0070a6,#004e76)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg[page=spanish]{background:linear-gradient(135deg,#d23a34,#9b1611)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg[page=english]{background:linear-gradient(135deg,#00925f,#006843)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg[page=junior_college]{background:linear-gradient(135deg,#d4687d,#d54873)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .bg[page=graduate]{background:linear-gradient(135deg,#37769b,#37769b)}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .front{position:relative;letter-spacing:.1em}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .front h6{color:#fff;font-size:15px}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-heading .front h4{color:#fff;font-size:28px;font-family:"Noto Serif JP",serif;margin-top:10px}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-text{height:100%;background-color:#F5F5F5;padding:30px 30px 60px}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list .wrap .box-text .cell-text p{line-height:2em}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list a.viewmore{width:100%;max-width:440px;margin:-35px auto 0;height:70px;display:flex;justify-content:center;align-items:center;box-shadow:10px 10px 30px rgba(0,0,0,.1);background-color:#fff;position:relative;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list a.viewmore:hover{background-color:#003163}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list a.viewmore:hover span{color:#fff;border-bottom:solid 1px #fff}article#page-academics section#main-box .inner-section ul.list-department li:not([page=graduate]) .inner-list a.viewmore span{color:#227AB2;font-size:14px;border-bottom:solid 1px #227AB2;padding-bottom:8px;font-family:"Crimson Text","Noto Serif JP",serif;letter-spacing:.32em}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate]{width:100%}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap{width:100%;display:flex}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-photo{width:50%;height:280px;background-size:cover;background-position:center center}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text{width:50%;background-color:#F5F5F5}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading{padding:35px 30px;position:relative}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.85}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg[page=career]{background:linear-gradient(135deg,#0fabc1,#007b8a)}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg[page=school]{background:linear-gradient(135deg,#e28a25,#ce5d0b)}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg[page=american]{background:linear-gradient(135deg,#0070a6,#004e76)}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg[page=spanish]{background:linear-gradient(135deg,#d23a34,#9b1611)}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg[page=english]{background:linear-gradient(135deg,#00925f,#006843)}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg[page=junior_college]{background:linear-gradient(135deg,#d4687d,#d54873)}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .bg[page=graduate]{background:linear-gradient(135deg,#37769b,#37769b)}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .front{position:relative;letter-spacing:.1em}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-heading .front h4{color:#fff;font-size:28px;font-family:"Noto Serif JP",serif}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-text{padding:30px}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list .wrap .box-text .cell-text p{line-height:2em}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list a.viewmore{width:100%;max-width:440px;margin:-35px auto 0;height:70px;display:flex;justify-content:center;align-items:center;box-shadow:10px 10px 30px rgba(0,0,0,.1);background-color:#fff;position:relative;-webkit-transition:.2s;-moz-transform:.2s;transition:.2s}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list a.viewmore:hover{background-color:#003163}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list a.viewmore:hover span{color:#fff;border-bottom:solid 1px #fff}article#page-academics section#main-box .inner-section ul.list-department li[page=graduate] .inner-list a.viewmore span{color:#227AB2;font-size:14px;border-bottom:solid 1px #227AB2;padding-bottom:8px;font-family:"Crimson Text","Noto Serif JP",serif;letter-spacing:.32em}article#page-academics section#main-box .inner-section a.spprg{display:flex;width:100%;height:220px;border:3px solid #F5F5F5;margin-top:120px}article#page-academics section#main-box .inner-section a.spprg .box-photo{width:50%;background:url(../../../images/custom/exception/academics/spprg.jpg) center center;background-size:cover}article#page-academics section#main-box .inner-section a.spprg .box-text{width:50%;position:relative;display:flex;align-items:center;height:100%}article#page-academics section#main-box .inner-section a.spprg .box-text h4{font-size:24px;margin-left:30px;font-family:"Noto Serif JP",serif;letter-spacing:.1em;color:#16273E}article#page-academics section#main-box .inner-section a.spprg .box-text .more{position:absolute;bottom:20px;right:20px}article#page-academics section#main-box .inner-section a.spprg .box-text .more h6{font-size:10px;color:#065181;text-align:center}article#page-academics section#main-box .inner-section a.spprg .box-text .more .arrow-box{position:relative;width:50px;height:4px;margin-top:4px}article#page-academics section#main-box .inner-section a.spprg .box-text .more .arrow-box .line{background-color:#065181;position:absolute}article#page-academics section#main-box .inner-section a.spprg .box-text .more .arrow-box .line.line-1{width:100%;height:1px;bottom:0;left:0}article#page-academics section#main-box .inner-section a.spprg .box-text .more .arrow-box .line.line-2{bottom:0;right:0;width:6px;height:1px;transform-origin:bottom right;transform:rotate(45deg)}