@charset "UTF-8";.college .page-head{margin-bottom:0}.college .page-head .mainvisual{height:40vw}.college .page-head h2.page-title-category{left:50%;bottom:unset;top:50%;transform:translateY(-50%) translateX(-50%);padding:unset;width:100%;animation:none}.college .page-head h2.page-title-category .en-title{font-size:calc(3rem + 1vw);font-family:Roboto,sans-serif;color:#fff;margin:10vh 0 6vh;text-align:center;font-weight:700;line-height:1.6em}.college .page-head h2.page-title-category .en-title span{display:block;font-size:calc(8.5rem + 1vw);font-family:Roboto,sans-serif;color:#fff;font-weight:700}.college .page-head h2.page-title-category .jp-copy{text-align:center;color:#2a9da9;font-weight:700;font-size:calc(2.2rem + 1vw);line-height:1.4em}.lead-content .page-link-list{display:flex;justify-content:space-between;margin-bottom:1vh}.lead-content .page-link-list li{width:50%}.lead-content .page-link-list li a{display:block;width:100%;text-align:center;padding:2vw;font-family:Roboto,sans-serif;color:#fff;font-weight:700}.business .lead-content .page-link-list li:nth-child(1) a{background:#54b3e8}.international .lead-content .page-link-list li:nth-child(1) a{background:rgba(84,179,232,.3);color:#848485}.business .lead-content .page-link-list li:nth-child(2) a{background:rgba(255,102,121,.3);color:#848485}.international .lead-content .page-link-list li:nth-child(2) a{background:#ff6679}.lead-content .lead-text{padding:4vw;font-size:2.6rem;font-weight:700;text-align:center;color:#fff;line-height:1.6em}.business .lead-content .lead-text{background:#54b3e8}.international .lead-content .lead-text{background:#ff6679}.lead-content .lead-photo-box{display:flex;justify-content:space-between;flex-wrap:wrap;height:45vh}.business .lead-content .lead-photo-box .left-box{width:50%;display:flex;justify-content:space-between;flex-wrap:wrap;height:100%}.business .lead-content .lead-photo-box .left-box li:nth-child(1){width:50%;background:url(/kifl/vi/images/college/bcc-lead-img01.jpg) no-repeat center center;background-size:cover}.business .lead-content .lead-photo-box .left-box li:nth-child(2){width:50%;background:url(/kifl/vi/images/college/bcc-lead-img05.jpg) no-repeat center center;background-size:cover}.business .lead-content .lead-photo-box .left-box li:nth-child(3){width:50%;background:url(/kifl/vi/images/college/bcc-lead-img03.jpg) no-repeat center top;background-size:cover}.business .lead-content .lead-photo-box .left-box li:nth-child(4){width:50%;background:url(/kifl/vi/images/college/bcc-lead-img02.jpg) no-repeat center top;background-size:cover}.business .lead-content .lead-photo-box .right-box{width:50%;height:100%}.business .lead-content .lead-photo-box .right-box li{background:url(/kifl/vi/images/college/bcc-lead-img04.jpg) no-repeat center center;background-size:cover;width:100%;height:100%}.international .lead-content .lead-photo-box .right-box{width:40%;display:flex;justify-content:space-between;flex-wrap:wrap;height:100%}.international .lead-content .lead-photo-box .right-box li:nth-child(1){width:100%;background:url(/kifl/vi/images/college/icc-lead-img02.jpg) no-repeat center center;background-size:cover}.international .lead-content .lead-photo-box .right-box li:nth-child(2){width:50%;background:url(/kifl/vi/images/college/icc-lead-img04.jpg) no-repeat center center;background-size:cover}.international .lead-content .lead-photo-box .right-box li:nth-child(3){width:50%;background:url(/kifl/vi/images/college/icc-lead-img03.jpg) no-repeat center center;background-size:cover}.international .lead-content .lead-photo-box .left-box{width:60%;height:100%}.international .lead-content .lead-photo-box .left-box li{background:url(/kifl/vi/images/college/icc-lead-img01.jpg) no-repeat center center;background-size:cover;width:100%;height:100%}.content-inner.college{padding-top:0}.college-info{position:relative;margin-bottom:8vh}.college-info .college-name{position:absolute;font-size:2.4rem;font-weight:700;color:#fff;text-align:center;padding:.4em 4em .5em;top:0;left:50%;transform:translateY(-50%) translateX(-50%);white-space:nowrap}.business .college-info .college-name{background:#54b3e8}.international .college-info .college-name{background:#ff6679}.college-info .main-text{font-size:3rem;font-weight:700;margin-bottom:4vh;text-align:center;line-height:1.6em;padding-top:8vh}.business .college-info .main-text{color:#54b3e8}.international .college-info .main-text{color:#ff6679}.college-info .paragraph{width:80%;margin:0 auto}.business .college-info .paragraph{color:#54b3e8}.international .college-info .paragraph{color:#ff6679}.college-feature{margin-bottom:8vh;position:relative;z-index:0}.college-feature .title{position:absolute;top:-2vw;left:-2vw;z-index:5}.college-feature .title span{text-align:center;font-weight:700;font-size:2.2rem;padding:.5em 1em .6em;display:block;color:#fff;position:relative;z-index:5;border:2px solid #fff}.college-feature .title::after{content:"";position:absolute;top:10px;left:10px;width:100%;height:100%;background:#ccc;z-index:-1}.business .college-feature .title span{background:#54b3e8}.international .college-feature .title span{background:#ff6679}.college-feature .interview-box{display:flex;justify-content:space-between;flex-wrap:wrap}.business .college-feature .interview-box{border:1.5px solid #54b3e8}.international .college-feature .interview-box{border:1.5px solid #ff6679}.college-feature .interview-box .interview-photo{width:40%;position:relative}.business .college-feature .interview-box .interview-photo{background:url(/kifl/vi/images/college/bcc-feature-img.jpg) no-repeat center center;background-size:cover}.international .college-feature .interview-box .interview-photo{background:url(/kifl/vi/images/college/icc-feature-img.jpg) no-repeat center center;background-size:cover}.college-feature .interview-box .interview-photo .name-box{position:absolute;left:50%;bottom:5vh;transform:translateX(-50%);color:#fff;width:90%}.college-feature .interview-box .interview-photo .name-box .name{margin-bottom:.5rem;font-weight:700;font-size:1.8rem;line-height:1.3em}.college-feature .interview-box .interview-photo .name-box .name span{font-size:1.2rem;font-weight:700}.college-feature .interview-box .interview-photo .name-box .profile{font-size:1.2rem;font-weight:700;line-height:1.4em}.college-feature .interview-box .interview-text{width:60%;padding:3vw}.college-feature .interview-box .interview-text .lead-paragpaph{margin-bottom:2rem;font-weight:700;font-size:2rem;line-height:1.8em}.business .college-feature .interview-box .interview-text .lead-paragpaph{color:#54b3e8}.international .college-feature .interview-box .interview-text .lead-paragpaph{color:#ff6679}.college-feature .interview-box .interview-text .paragraph{margin-bottom:unset;line-height:1.8em}.business .college-feature .interview-box .interview-text .paragraph{color:#54b3e8}.international .college-feature .interview-box .interview-text .paragraph{color:#ff6679}.college-feature .interview-box .interview-text .paragraph.subtitle{display:inline-block;padding:.4em .5em;line-height:1em;margin-bottom:.5em}.business .college-feature .interview-box .interview-text .paragraph.subtitle{border:2px solid #54b3e8}.international .college-feature .interview-box .interview-text .paragraph.subtitle{border:2px solid #ff6679}.college-page-link{display:flex;justify-content:space-between;flex-wrap:wrap;width:calc(100% - 15vw);margin:0 auto}.college-page-link li{width:30%}.college-page-link li a{display:block;width:100%}.college-page-link li a img{width:100%}.college-content .college-content-title{text-align:center;font-weight:700;font-family:Roboto,sans-serif;letter-spacing:.5em;font-size:5rem;color:#fff;margin-bottom:3vh;line-height:1.2em}.college-content .college-content-title span{color:#fff;font-weight:700;letter-spacing:.05em;font-size:1.8rem;display:block}.business .college-content .college-content-title.color{color:#54b3e8}.business .college-content .college-content-title.color span{color:#54b3e8}.international .college-content .college-content-title.color{color:#ff6679}.international .college-content .college-content-title.color span{color:#ff6679}.college-content.advantage{padding:4vh 6vw;margin-bottom:12vh}.business .college-content.advantage{background:url(/kifl/vi/images/college/bcc-advantage-bg.jpg) no-repeat center center;background-size:cover}.international .college-content.advantage{background:url(/kifl/vi/images/college/icc-advantage-bg.jpg) no-repeat center center;background-size:cover}.college-content.advantage .advantage-list{display:flex;justify-content:center;flex-wrap:wrap}.college-content.advantage .advantage-list>li{width:30%;margin-right:5%;margin-bottom:3vh}.international .college-content.advantage .advantage-list>li:nth-of-type(1) .paragraph,.international .college-content.advantage .advantage-list>li:nth-of-type(2) .paragraph,.international .college-content.advantage .advantage-list>li:nth-of-type(3) .paragraph{height:14rem}.college-content.advantage .advantage-list>li:nth-child(5),.college-content.advantage .advantage-list>li:nth-child(6){margin-bottom:0}.college-content.advantage .advantage-list>li:nth-child(3),.college-content.advantage .advantage-list>li:nth-child(6){margin-right:0}.college-content.advantage .advantage-list>li:nth-of-type(1) .paragraph,.college-content.advantage .advantage-list>li:nth-of-type(2) .paragraph,.college-content.advantage .advantage-list>li:nth-of-type(3) .paragraph{height:18rem}.college-content.advantage .advantage-list>li .point{text-align:center;margin-bottom:.5em;background:#fff;padding:.6em 0 .2em}.college-content.advantage .advantage-list>li .point span{text-align:center;font-size:3.4rem;font-weight:700;font-family:Roboto,sans-serif}.business .college-content.advantage .advantage-list>li .point span{color:#54b3e8}.international .college-content.advantage .advantage-list>li .point span{color:#ff6679}.college-content.advantage .advantage-list>li .lead{text-align:center;font-size:2rem;font-weight:700;color:#fff;line-height:1.4em;margin-bottom:1vh}.college-content.advantage .advantage-list>li .lead span{display:block;font-size:1.5rem}.college-content.advantage .advantage-list>li .photo{margin-bottom:2vh}.college-content.advantage .advantage-list>li .photo img{width:100%}.college-content.advantage .advantage-list>li .paragraph{color:#fff;margin-bottom:2vh}.college-content.advantage .advantage-list>li .info dt{color:#fff;border:1px solid #fff;padding:.2em 0;font-size:1.4rem;margin-bottom:2rem;text-align:center;font-weight:700}.college-content.advantage .advantage-list>li .info dd ul li{color:#fff;font-size:1.4rem;position:relative;padding-left:1.4rem;line-height:1.4em;margin-bottom:.5em}.college-content.advantage .advantage-list>li .info dd ul li::before{position:absolute;content:"●";font-size:1rem;top:0;left:0}.college-content.message{margin-bottom:8vh}.college-content.message .message-title{font-size:4.5rem;letter-spacing:.1em;font-weight:700;text-align:center;font-family:Roboto,sans-serif;line-height:.65em;opacity:0}.business .college-content.message .message-title{color:#54b3e8}.international .college-content.message .message-title{color:#ff6679}.college-content.message .message-title.is-show{-webkit-animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both;animation:focus-in-expand .8s cubic-bezier(.25,.46,.45,.94) both}.college-content.message .message-box{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:3vh}.college-content.message .message-box .message-photo{width:50%}.business .college-content.message .message-box .message-photo{background:url(/kifl/vi/images/college/bcc-message-img.jpg) no-repeat center center;background-size:cover}.international .college-content.message .message-box .message-photo{background:url(/kifl/vi/images/college/icc-message-img.jpg) no-repeat center center;background-size:cover}.college-content.message .message-box .message-text{width:50%;padding:3vw}.business .college-content.message .message-box .message-text{background:#54b3e8}.international .college-content.message .message-box .message-text{background:#ff6679}.college-content.message .message-box .message-text .message-lead{font-size:2.4rem;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #fff;color:#fff;font-weight:700;line-height:1.6em}.college-content.message .message-box .message-text .name-box{display:flex;justify-content:space-between;margin-bottom:.5em}.college-content.message .message-box .message-text .name-box .text{width:70%}.college-content.message .message-box .message-text .name-box .text p{color:#fff;font-size:1.4rem;line-height:1.6em;font-weight:700}.college-content.message .message-box .message-text .name-box .text p span{font-size:1.8rem;font-weight:700}.college-content.message .message-box .message-text .name-box .logo{width:15%}.college-content.message .message-box .message-text .name-box .logo img{width:100%}.international .college-content.message .message-box .message-text .name-box{display:block;justify-content:unset}.international .college-content.message .message-box .message-text .name-box .text{width:100%}.college-content.message .message-box .message-text .profile-box .profile-text{font-size:1.3rem;color:#fff;line-height:1.6em}.college-content.message .message-box .message-text .profile-box .profile-text span{font-weight:700;display:block;color:#fff;font-family:Roboto,sans-serif}.college-content.message .paragraph{width:calc(100% - 20vw);margin:0 auto}.business .college-content.message .paragraph{color:#54b3e8}.international .college-content.message .paragraph{color:#ff6679}.college-content.message .hidden-box .hidden-text{width:calc(100% - 20vw);margin:0 auto;font-size:1.5rem;line-height:1.8em}.business .college-content.message .hidden-box .hidden-text{color:#54b3e8}.international .college-content.message .hidden-box .hidden-text{color:#ff6679}.college-content.department .department-intro .department-title{text-align:center;font-weight:700;font-size:3rem;color:#fff;padding:1em}.business .college-content.department .department-intro .department-title{background:#54b3e8}.international .college-content.department .department-intro .department-title{background:#ff6679}.college-content.department .department-intro .department-list{padding:5vh 6vw;margin-bottom:6vh;background:rgba(42,157,169,.3);display:flex;justify-content:center;flex-wrap:wrap}.college-content.department .department-intro .department-list li{width:30%;margin-right:5%;margin-bottom:5vh}.college-content.department .department-intro .department-list li:nth-child(5),.college-content.department .department-intro .department-list li:nth-child(6){margin-bottom:0}.college-content.department .department-intro .department-list li:nth-child(3),.college-content.department .department-intro .department-list li:nth-child(6){margin-right:0}.college-content.department .department-intro .department-list li a{display:block;width:100%;margin-bottom:2vh}.college-content.department .department-intro .department-list li a .department-lead{text-align:center;font-weight:700;font-size:calc(.6rem + 1vw);margin-bottom:.5em}.business .college-content.department .department-intro .department-list li a .department-lead{color:#54b3e8}.international .college-content.department .department-intro .department-list li a .department-lead{color:#ff6679}.college-content.department .department-intro .department-list li a img{width:100%}.college-content.department .department-intro .department-list li a .department-name{padding:.7em 0;text-align:center;font-weight:700;color:#fff;font-size:calc(.6rem + .75vw);margin-bottom:3vh;line-height:1.4em}.college-content.department .department-intro .department-list li a .department-name span{display:block;font-size:1.3rem;font-weight:700}.college-content.department .department-intro .department-list li a .department-name span.en{font-size:1rem;font-family:Roboto,sans-serif;font-weight:500}.business .college-content.department .department-intro .department-list li a .department-name{background:#54b3e8}.international .college-content.department .department-intro .department-list li a .department-name{background:#ff6679}.college-content.department .department-intro .department-list li a .department-en{text-align:center;font-size:1rem;font-family:Roboto,sans-serif;position:relative;margin-bottom:6vh;font-weight:500;line-height:1.4em}.business .college-content.department .department-intro .department-list li a .department-en{color:#54b3e8}.business .college-content.department .department-intro .department-list li a .department-en::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#54b3e8 transparent transparent transparent;bottom:-16px;left:50%;transform:translateX(-50%)}.international .college-content.department .department-intro .department-list li a .department-en{color:#ff6679}.international .college-content.department .department-intro .department-list li a .department-en::before{content:"";position:absolute;width:0;height:0;border-style:solid;border-width:8px 6px 0 6px;border-color:#ff6679 transparent transparent transparent;bottom:-16px;left:50%;transform:translateX(-50%)}.college-content.department .department-intro .department-list li .department-keyword{position:relative}.college-content.department .department-intro .department-list li .department-keyword dt{text-align:center;font-size:calc(.6rem + .5vw);color:#fff;padding:.3em 1em .4em;border-radius:30px;line-height:1.7em;position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-50%);white-space:nowrap}.business .college-content.department .department-intro .department-list li .department-keyword dt{background:#54b3e8}.international .college-content.department .department-intro .department-list li .department-keyword dt{background:#ff6679}.college-content.department .department-intro .department-list li .department-keyword dd{padding:2vw 1.5vw 1.5vw;border-radius:15px;font-size:1.3rem;line-height:1.4em;height:9em}.business .college-content.department .department-intro .department-list li .department-keyword dd{border:1px solid #54b3e8;color:#54b3e8}.international .college-content.department .department-intro .department-list li .department-keyword dd{border:1px solid #ff6679;color:#ff6679}.college-content.department .department-intro .department-list li .department-keyword dd span{position:relative;padding-right:1.3rem;font-weight:700;padding-right:.4em;letter-spacing:.05em}.sp-messsage-content{padding:8vh 0 10vh}@-webkit-keyframes focus-in-expand{0%{letter-spacing:-.2em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand{0%{letter-spacing:-.2em;-webkit-filter:blur(12px);filter:blur(12px);opacity:0}100%{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes loop{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{from{transform:translateX(0)}to{transform:translateX(-200%)}}@media screen and (max-width:1024px) and (orientation:portrait){.page-head{padding:70px 0 1vh}.college .page-head .mainvisual{height:55vw}.college .page-head h2.page-title-category .en-title{font-size:calc(1rem + 1vw);margin:5vh 0 1.5vh;line-height:2.6em}.college .page-head h2.page-title-category .en-title span{font-size:calc(3.5rem + 1vw)}.college .page-head h2.page-title-category .jp-copy{font-size:calc(1.2rem + 1vw)}.lead-content .page-link-list li a{line-height:1.8em;font-size:3vw}.lead-content .lead-photo-box{height:32vh}.college-info .college-name{font-size:1.6rem;padding:.4em .6em .5em}.college-info .main-text{font-size:2rem;line-height:1.8em}.college-info .paragraph{width:100%}.college-feature .title{top:-30px}.college-feature .title span{font-size:1.4rem}.college-feature .interview-box .interview-photo{width:100%;height:50vh}.college-feature .interview-box .interview-photo .name-box{bottom:2vh}.college-feature .interview-box .interview-photo .name-box .name span{font-size:1.1rem;line-height:1.2em}.college-feature .interview-box .interview-photo .name-box .profile{font-size:1.1rem}.college-feature .interview-box .interview-text{width:100%}.college-page-link{width:100%}.college-page-link li{width:31%}.college-content .college-content-title{font-size:2.6rem}.college-content .college-content-title span{font-size:1.4rem}.college-content.advantage .advantage-list>li{width:100%;margin-right:unset}.college-content.advantage .advantage-list>li .point{width:calc(100% + 12vw);transform:translateX(-6vw)}.college-content.advantage .advantage-list>li .lead{font-size:2.4rem}.college-content.advantage .advantage-list>li .lead span{font-size:1.8rem}.college-content.message .message-title{font-size:3rem}.college-content.message .message-box .message-photo{width:100%;height:30vh}.college-content.message .message-box .message-text{width:100%}.college-content.message .message-box .message-text .message-lead{font-size:1.8rem}.college-content.department .department-intro .department-title{font-size:2.6rem}.college-content.department .department-intro .department-list li{width:100%;margin-right:unset}.college-content.department .department-intro .department-list li:nth-child(5),.college-content.department .department-intro .department-list li:nth-child(6){margin-bottom:5vh}.college-content.department .department-intro .department-list li a .department-lead{font-size:calc(1.2rem + 1vw);line-height:1.8em}.college-content.department .department-intro .department-list li a .department-name{font-size:calc(1.2rem + .75vw)}.college-content.department .department-intro .department-list li .department-keyword dt{font-size:calc(1rem + .5vw);padding:.3em 1em .4em}.college-content.department .department-intro .department-list li .department-keyword dd{padding:2em 1em 1em;line-height:1.6em}.hidden-box{width:100%;position:relative;margin-bottom:6vh}.hidden-box .hidden-text{height:15rem;overflow:hidden}.hidden-box .hidden-text.open{animation:open .5s ease both}.hidden-box .more{position:absolute;bottom:-5vh;left:50%;height:auto;transform:translateX(-50%);display:block}.hidden-box .more span{position:relative;font-size:1.3rem;font-weight:500}.hidden-box .more span::before{content:"";position:absolute;border-right:2px solid #000;border-bottom:2px solid #000;width:10px;height:10px;bottom:-2vh;left:50%;transform:translateX(-50%) rotate(45deg)}.hidden-box .more.open span::before{transform:translateX(-50%) rotate(225deg);bottom:3vh}@keyframes open{0%{height:15rem;overflow:hidden}100%{height:100%;overflow:unset}}}