@charset "UTF-8";.faculty{--module-color:#5894af}.faculty.career{--module-color:#2A0080}.career01,.information-systems{--module-color:#553399}.career02,.data-science{--module-color:#33adad}.career03,.media-and-communication{--module-color:#ec639d}.information{--module-color:#005580}.photo-box{position:relative;height:70vh}.index .photo-box{background:url(/faculty/fac-info/schoollife/images/index_bg-img.jpg) no-repeat center center;background-size:cover}.students .photo-box.students01{background:url(/faculty/fac-info/schoollife/images/students_01-bg-img.jpg) no-repeat center center;background-size:cover}.students .photo-box.students02{background:url(/faculty/fac-info/schoollife/images/students_02-bg-img.jpg) no-repeat center center;background-size:cover}.facilities .photo-box{background:url(/faculty/fac-info/schoollife/images/facilities_bg-img.jpg) no-repeat center center;background-size:cover}.index .photo-box .text-img{width:46vw;position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.students .photo-box .text-img{width:26vw;position:absolute;top:0;left:0}.facilities .photo-box .text-img{width:32vw;position:absolute;bottom:0;right:0}.photo-box .text-content li{padding:15px 10px;color:#005580;font-size:1.5vw;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;background: #fff;letter-spacing:.1em}.index .photo-box .text-content li:nth-child(1){top:3vw;right:4vw}.index .photo-box .text-content li:nth-child(2){top:14vw;right:7vw}.students .photo-box .text-content li:nth-child(1){top:3vw;right:4vw}.students .photo-box .text-content li:nth-child(2){top:14vw;right:7vw}.facilities .photo-box .text-content li:nth-child(1){top:3vw;left:7vw}.facilities .photo-box .text-content li:nth-child(2){top:14vw;left:4vw}.lead-paragraph{line-height:2;width:70%;margin:0 auto}.students-tab{width:80%;display:flex;justify-content:center;margin:0 auto}.students-tab .tab-link{width:50%;color:#fff;background:#005580;padding:12px;text-align:center;border-radius:8px 8px 0 0;font-weight:700;cursor:pointer}.students-tab .tab-link.active{color:#000;background:#eef4f7}.students-panel-area{background:#eef4f7;width:95%;margin:0 auto}.students-panel{padding:30px 30px 10vh;display:none}.students-panel.active{height:auto;display:block}.students-panel .photo-box .date-content{position:absolute;bottom:0;left:10%;display:flex;flex-direction:column;transform:translateY(50%);-webkit-transform:translateY(50%);line-height:1.2}.students-panel .photo-box .date-content dt{background:#e5f5f5;color:#fff;font-size:2.5rem;padding:10px 15px}.students-panel .photo-box .date-content dt span{font-size:1.6rem}.students-panel .photo-box .date-content dd{background:#005580;color:#fff;font-size:2.5rem;padding:10px 15px}.students-panel .photo-box .date-content dd span{font-size:1.6rem}.schedule-content{width:90%;margin:25px auto 90px auto;position:relative}.schedule-content::before{position:absolute;background:#005580;height:100%;width:8px;top:0;left:50%;content:"";transform:translateX(-50%)}.schedule-content .schedule-inner{padding:85px 0}dl.schedule-box{display:flex;justify-content:space-between;margin-bottom:20px;position:relative}dl.schedule-box::before{content:"";height:2px;width:8vw;position:absolute;top:33px;left:50%;transform:translateX(-50%);background:#005580}dl.schedule-box::after{content:"";height:22px;width:22px;border-radius:50%;position:absolute;top:23px;left:50%;transform:translateX(-50%);background:#fff}dl.schedule-box dt{width:42%;margin-right:auto}dl.schedule-box dt img{width:100%}dl.schedule-box dd{width:42%;font-size:1.4rem;padding:20px 0;margin-left:auto}dl.schedule-box .time{display:flex;margin-bottom:1rem}dl.schedule-box .time span{font-size:1.6rem;font-weight:700}dl.schedule-box .time span:first-child{margin-right:20px}dl.schedule-box:nth-child(2n) dt{order:2;margin:0 0 0 auto}dl.schedule-box:nth-child(2n) dd{order:1;margin:0 auto 0 0}dl.schedule-box:nth-child(2n) .time{text-align:right;flex-direction:row-reverse}dl.schedule-box:nth-child(2n) .time span:first-child{margin-right:0;margin-left:20px}.favorite-content{width:90%;margin:0 auto;position:relative}.favorite-content .title-box{border-left:1px solid #000;margin-bottom:30px;position:relative}.favorite-content .title-box .title{display:flex;justify-content:space-between;padding:0 0 0 5px}.favorite-content .title-box .lead-text{padding:25px 0 5px 10px;font-size:2.2rem}.favorite-content .title-box img{width:250px;position:absolute;left:105px;top:-55px}.favorite-content .title-box::before{content:"";position:absolute;width:104%;height:1px;background:#000;top:25px;right:0}.favorite-content .favorite-inner{display:flex;justify-content:space-between}.favorite-content .favorite-inner dt{width:57%}.favorite-content .favorite-inner dt img{width:100%}.favorite-content .favorite-inner dd{width:40%;line-height:1.8;font-size:1.4rem}.favorite-content .favorite-inner dd span{font-weight:700;margin-bottom:1.5rem;font-size:1.8rem;display:block}.facilities-content{margin-bottom:80px}.facilities-inner{display:flex;justify-content:space-between;margin-bottom:40px}.facilities-inner.reverse dt{order:2}.facilities-inner.reverse dd{order:1}.facilities-inner>dt{width:57%}.facilities-inner>dt img{width:100%}.facilities-inner>dd{width:40%;line-height:1.8}.facilities-inner>dd p{font-weight:700;margin-bottom:1.5rem;font-size:1.8rem;display:block;line-height:1.8}.movie-studio_links{width:100%;margin-top:20px}.movie-studio_link_btn{display:flex;align-items:center;width:100%;padding:10px 70px 10px 20px;display:flex;align-items:center;margin:10px auto 10px 0;position:relative;background:#fff;border:1px solid #000;min-height:50px;font-size:1.4rem;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.1)}.movie-studio_link_btn::after{content:"";display:block;width:50px;height:50px;background:url(/faculty/fac-info/images/common/link_btn_icon.svg) no-repeat center center #000;background-size:70%;position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}.viewmore-content{width:100%;margin-bottom:100px}.viewmore-content .viewmore-btn{border-top:1px solid #000;border-bottom:1px solid #000;padding:10px;font-size:1.6rem;position:relative;cursor:pointer}.viewmore-content .viewmore-btn::before{content:"";width:20px;height:1px;background:#000;position:absolute;top:50%;right:10px}.viewmore-content .viewmore-btn::after{content:"";height:20px;width:1px;background:#000;position:absolute;top:calc(50% - 10px);right:20px;opacity:1;transition:.3s all ease .2s}.viewmore-content .viewmore-btn.is-open::after{opacity:0;transition:.3s all ease 0s}.viewmore-inner{display:none;padding:20px 0}.facilities-name{text-align:center;font-size:2rem;font-weight:700;margin-bottom:30px}.facilities-paragraph{width:70%;margin:0 auto;margin-bottom:30px;line-height:1.8}.facilities-paragraph span{font-weight:700;color:#005580;margin-bottom:15px;display:block;font-size:1.8rem;text-align:center}.facilities-img{width:100%;margin-bottom:30px}.point-content .title{text-align:center;font-size:2rem;font-weight:700;color:#005580;margin-bottom:30px}.point-content dl.point-box{display:flex;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #005580;margin-bottom:30px;align-items:center}.point-content dl.point-box dt{width:35%;color:#005580;display:flex;justify-content:space-between;align-items:center}.point-content dl.point-box dt .number{width:15%;font-size:3rem}.point-content dl.point-box dt .lead-text{width:80%}.point-content dl.point-box dd{width:60%;align-items:center;display:flex}.floormap-content .map-img{width:30%;margin:0 auto}.floormap-content .map-img img{width:100%}.floormap-content .floor-tab{display:flex;justify-content:space-between;width:30%;margin:30px auto}.floormap-content .floor-tab li{text-align:center;display:flex;justify-content:center;align-items:center;color:#005580;width:25%;border-right:1px solid #005580;cursor:pointer}.floormap-content .floor-tab li:last-child{border-right:0}.floormap-content .floor-tab li.active{font-weight:700}.floormap-content .floor-panel-area .floor-panel{display:none}.floormap-content .floor-panel-area .floor-panel.active{display:block}.floor-title{text-align:center;color:#005580;font-size:2rem;font-weight:700;margin-bottom:30px}.floor-title span{display:block;text-align:center;color:#005580;font-size:1.6rem;font-weight:700}.pannel-inner-content dl.photo-container{display:flex;justify-content:space-between;margin-bottom:60px}.pannel-inner-content dl.photo-container dt{width:57%}.pannel-inner-content dl.photo-container dt img{width:100%}.pannel-inner-content dl.photo-container dd{width:40%;line-height:1.8}.pannel-inner-content dl.photo-container dd p{font-weight:700;margin-bottom:10px;font-size:1.8rem;color:#005580;line-height:1.8}dl.comment-box{display:flex;justify-content:space-between}dl.comment-box dt{width:12%;display:flex;align-items:center}dl.comment-box dt img{width:100%;border-radius:50%}dl.comment-box dd{background:#005580;color:#fff;padding:10px 20px;position:relative;width:83%;display:flex;align-items:center}dl.comment-box dd::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:18px 24px 18px 0;border-color:transparent #005580 transparent transparent;top:50%;left:-15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}ul.photo-box-list{margin-bottom:60px}ul.photo-box-list li .photo{margin-bottom:20px}ul.photo-box-list li .photo img{width:100%}ul.photo-box-list li .text span{display:block;color:#005580;font-weight:700;margin-bottom:10px;font-size:1.8rem}.facilites-list{display:flex;justify-content:space-between}.facilites-list li .photo{margin-bottom:20px}.facilites-list li .photo img{width:100%}.facilites-list li .text{line-height:1.8}.facilites-list li .text .name{font-weight:700;margin-bottom:5px;font-size:1.6rem}.facilites-list li .text .name.blue{color:#005580}.more-facilites-list{position:relative;padding:5px 0}.more-facilites-list .open-btn{color:#005580;text-align:center;position:relative;border:1px solid #005580;border-radius:10px;background:#fff;padding:8px 20px;width:115px;margin:0 auto;position:absolute;cursor:pointer;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.more-facilites-list .open-btn::before{content:"";width:8px;height:1px;background:#005580;position:absolute;top:50%;right:13px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.more-facilites-list .open-btn::after{content:"";height:8px;width:1px;background:#005580;position:absolute;top:calc(50% - 4px);right:17px;opacity:1;transition:.3s all ease .2s}.more-facilites-list .open-btn.is-open::after{opacity:0;transition:.3s all ease 0s}.more-facilites-list .open-inner{display:none}.more-facilites-list .open-inner ul.facilites-list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}.more-facilites-list .open-inner ul.facilites-list li{width:31%;margin-right:3.5%}.more-facilites-list .open-inner ul.facilites-list li:nth-of-type(3n){margin-right:0}.movie-content{display:block;margin-bottom:60px}.movie-content iframe{display:block;margin:0 auto}.map-content{margin-bottom:60px;display:flex;justify-content:space-between}.map-content .map-content-inner{width:60%}.map-content .map-content-inner dt{color:#005580;font-size:2rem;margin-bottom:10px;font-weight:700}.map-content .map-content-inner dd p{margin-bottom:10px}.map-content .photo{width:37%}.map-content .photo img{width:100%}.step-content{margin-bottom:60px}.step-content .step-list{display:flex;justify-content:space-between;margin-bottom:20px}.step-content .step-list li{width:31%;position:relative;border:1px solid #005580;padding:20px}.step-content .step-list li .step-title{padding:5px 10px;color:#fff;background:#005580;text-align:center;font-size:1.4rem;margin-bottom:20px}.step-content .step-list li .step-title span{display:block;text-align:center;color:#fff}.step-content .step-list li .step-text dt{font-size:2rem;color:#005580;font-weight:700;margin-bottom:10px}.step-content .step-list li::after{width:0;height:0;border-style:solid;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #005580;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);right:-25px;position:absolute;content:""}.step-content .step-list li:last-child::after{display:none}.step-content .step-arrow{background:#005580;color:#fff;font-size:1.6rem;text-align:center;padding:10px;position:relative;margin-bottom:20px}.step-content .step-arrow::before{position:absolute;content:"";background:url(/faculty/fac-info/schoollife/images/facilities_arrow-l.png) no-repeat center center;background-size:contain;top:50%;left:13px;width:100px;height:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.step-content .step-arrow::after{position:absolute;content:"";background:url(/faculty/fac-info/schoollife/images/facilities_arrow-r.png) no-repeat center center;background-size:contain;top:50%;right:13px;width:100px;height:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.facilities-info-content .title{text-align:center;color:#fff;background:#005580;font-size:2rem;margin-bottom:15px;padding:5px 10px;display:inline-block}.facilities-info-content dl.photo-container{display:flex;justify-content:space-between;margin-bottom:40px}.facilities-info-content dl.photo-container dt{width:57%}.facilities-info-content dl.photo-container dt img{width:100%}.facilities-info-content dl.photo-container dd{line-height:1.8;width:40%}.facilities-info-content dl.photo-container dd p{font-weight:700;margin-bottom:10px;font-size:1.8rem;color:#005580;line-height:1.8}.faculty{--module-color:#5894af}.faculty.career{--module-color:#2A0080}.career01,.information-systems{--module-color:#553399}.career02,.data-science{--module-color:#33adad}.career03,.media-and-communication{--module-color:#ec639d}.information{--module-color:#005580}@media screen and (max-width:768px){.photo-box{height:45vh}.students .photo-box .text-img{width:38vw}.facilities .photo-box .text-img{width:45vw}.photo-box .text-content li{font-size:4vw}.index .photo-box .text-content li:nth-child(1){top:3vw;right:4vw}.index .photo-box .text-content li:nth-child(2){top:14vw;right:15vw}.students .photo-box .text-content li:nth-child(2){right:14vw}.facilities .photo-box .text-content li:nth-child(1){left:15vw}.lead-paragraph{width:80%}.students-panel .photo-box .date-content{bottom:-30px;left:5%}.students-panel .photo-box .date-content dt{font-size:1.6rem}.students-panel .photo-box .date-content dd{background:#005580;font-size:1.5rem}.schedule-content{width:100%;margin:100px auto 90px auto}.schedule-content::before{left:0;transform:translateX(0)}dl.schedule-box{margin-bottom:40px;flex-direction:column;padding-left:40px}dl.schedule-box::before{left:0;transform:translateX(0)}dl.schedule-box::after{left:-7px;transform:translateX(0)}dl.schedule-box dt{width:100%;margin-right:0}dl.schedule-box dd{width:100%;margin-left:0}dl.schedule-box:nth-child(2n) dt{order:1;margin:0}dl.schedule-box:nth-child(2n) dd{order:2;margin:0}.favorite-content .title-box .title{flex-direction:column}.favorite-content .title-box .lead-text{font-size:1.8rem}.favorite-content .title-box img{width:190px;top:-30px}.favorite-content .title-box::before{top:50px}.favorite-content .favorite-inner{flex-wrap:wrap}.favorite-content .favorite-inner dt{width:100%}.favorite-content .favorite-inner dd{width:100%}.facilities-inner{flex-direction:column}.facilities-inner.reverse dt{order:1}.facilities-inner.reverse dd{order:2}.facilities-inner>dt{width:100%;margin-bottom:10px}.facilities-inner>dd{width:100%}.facilities-paragraph{width:90%}.point-content dl.point-box{flex-direction:column}.point-content dl.point-box dt{width:100%;margin-bottom:10px}.point-content dl.point-box dt .number{width:10%}.point-content dl.point-box dt .lead-text{width:85%}.point-content dl.point-box dd{width:100%}.floormap-content .map-img{width:65%}.floormap-content .floor-tab{width:85%}.pannel-inner-content dl.photo-container{flex-direction:column}.pannel-inner-content dl.photo-container dt{width:100%;margin-bottom:10px}.pannel-inner-content dl.photo-container dd{width:100%}dl.comment-box dt{width:20%;display:flex;align-items:center}dl.comment-box dd{font-size:1.4rem;width:74%}.more-facilites-list .open-btn{bottom:-30px}.more-facilites-list .open-inner ul.facilites-list li{width:100%;margin-right:0}.movie-content iframe{width:100%;height:230px}.map-content{flex-wrap:wrap}.map-content .map-content-inner{width:100%}.map-content .photo{width:100%}.step-content .step-list{flex-direction:column}.step-content .step-list li{width:90%;margin:0 5%;margin-bottom:30px}.step-content .step-list li::after{border-width:15px 10px 0 10px;border-color:#005580 transparent transparent transparent;top:auto;bottom:-24px;-webkit-transform:translateY(0) translateX(50%);-moz-transform:translateY(0) translateX(50%);-ms-transform:translateY(0) translateX(50%);-o-transform:translateY(0) translateX(50%);transform:translateY(0) translateX(50%);right:50%}.step-content .step-arrow{padding:10px 80px}.step-content .step-arrow::before{width:50px}.step-content .step-arrow::after{width:50px}.facilities-info-content dl.photo-container{flex-wrap:wrap}.facilities-info-content dl.photo-container dt{width:100%;margin-bottom:10px}.facilities-info-content dl.photo-container dd{width:100%}}