@charset "UTF-8";
@import url(/with/shared/css/base.css);
@media screen and (min-width: 751px) { .sp { display: none !important; }
  .pc { display: block; } }
@media screen and (max-width: 750px) { .pc { display: none !important; }
  .sp { display: block; }
  .fit { width: 100%; height: auto; } }
/*-------------------------------------------------
	++ BASE
-------------------------------------------------*/
body { font-size: 18px; font-feature-settings: "palt"; font-family: 'Noto Sans JP', sans-serif; }
@media screen and (max-width: 750px) { body { font-size: 4vw; } }

#container { margin: 0 auto; text-align: center; position: relative; width: 100%; z-index: 1; }
@media screen and (min-width: 751px) { #container { min-width: 1600px; } }

.inner { display: block; clear: both; width: 100%; max-width: 1500px; margin: 0 auto; text-align: center; position: relative; }

/*-------------------------------------------------
	++ HEAD
-------------------------------------------------*/
#header { background-color: #FFF; z-index: 9998; width: 100%; display: block; position: sticky; top: 0; text-align: left; }
#header .headerInner { display: flex; justify-content: space-between; height: 100px; padding: 0 50px; }
@media screen and (max-width: 750px) { #header .headerInner { height: 14vw; padding: 2vw 5vw; justify-content: center; } }
#header #logo { display: flex; align-items: center; justify-content: flex-start; height: 100%; }
#header #logo .logo_rku { margin-left: 50px; position: relative; }
#header #logo .logo_rku:after { content: ""; width: 1px; height: 50px; background-color: #ddd; position: absolute; top: 50%; left: -25px; transform: translateY(-50%); }
@media screen and (max-width: 750px) { #header #logo { width: 50%; } }
#header .headerContents { display: flex; align-items: center; justify-content: flex-end; height: 100%; }
@media screen and (max-width: 750px) { #header .headerContents { position: absolute; top: 0; right: 4vw; } }

@media screen and (max-width: 750px) { .requestBadge { position: fixed; top: 50%; right: 0; transform: translateY(-50%); } }
.requestBadge a { display: block; text-align: center; background-color: #e82828; color: #FFF; font-size: 12px; padding: 10px; border-radius: 4px; line-height: 1; }
.requestBadge a img { display: block; vertical-align: top; margin: 0 auto 10px auto; }
@media screen and (max-width: 750px) { .requestBadge a { border-radius: 5px 0 0 5px; font-size: 2.9333333333vw; padding: 2.5vw 5vw 2.5vw 3vw; } }

@media screen and (min-width: 751px) { #menu { margin-left: 40px; } }
#menu #menuBtn { width: 55px; height: 55px; z-index: 9999; position: relative; }
@media screen and (max-width: 750px) { #menu #menuBtn { width: 9vw; height: 9vw; } }
#menu #menuBtn span { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 80%; height: 2px; background: #000; transition: all 0.1s ease-in; }
#menu #menuBtn span:before, #menu #menuBtn span:after { content: ''; display: block; width: calc(100% + 10px); height: 2px; background-color: #000; position: absolute; right: 0; }
#menu #menuBtn span:before { transition: all 0.3s ease-in; transform: translateY(-15px); }
@media screen and (max-width: 750px) { #menu #menuBtn span:before { transform: translateY(-3vw); } }
#menu #menuBtn span:after { transition: all 0.3s ease-in; transform: translateY(15px); }
@media screen and (max-width: 750px) { #menu #menuBtn span:after { transform: translateY(3vw); } }
#menu #menuBtn.current span { background: transparent; }
#menu #menuBtn.current span:before { width: 100%; transform: translateY(0) rotate(-145deg); }
#menu #menuBtn.current span:after { width: 100%; transform: translateY(0) rotate(145deg); }
#menu #menuBox { width: 750px; position: fixed; top: 100px; right: 0; transform: translate3d(100%, 0, 0); background-color: #FFF; height: calc(100vh - 100px); transition: all 0.2s ease-in; min-height: unset; }
#menu #menuBox.current { right: 0; transform: translate3d(0, 0, 0); }
@media screen and (max-width: 750px) { #menu #menuBox { width: 100%; top: 14vw; height: calc(100vh - 14vw); } }
#menu .menuList { padding: 25px 50px; }
@media screen and (max-width: 750px) { #menu .menuList { padding: 5vw; } }
#menu .menuList li { font-size: 40px; font-weight: 200; }
@media screen and (max-width: 750px) { #menu .menuList li { font-size: 5vw; } }
#menu .menuList li span { font-size: 25px; }
@media screen and (max-width: 750px) { #menu .menuList li span { font-size: 4vw; } }
#menu .menuList li a { display: block; position: relative; padding: 10px 0 10px 40px; }
@media screen and (max-width: 750px) { #menu .menuList li a { padding: 2vw 0 2vw 8vw; } }
#menu .menuList li a:after { content: ""; display: block; width: 17px; height: 17px; border-top: 1px solid #346fb8; border-right: 1px solid #346fb8; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(45deg); }
@media screen and (max-width: 750px) { #menu .menuList li a:after { width: 3vw; height: 3vw; } }

/*-------------------------------------------------
	++ MAIN
-------------------------------------------------*/
#main { position: relative; }
@media screen and (min-width: 751px) { #main { padding: 0 50px; } }
#main .mainInner { width: 100%; height: 800px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
@media screen and (max-width: 750px) { #main .mainInner { height: 184vw; padding-top: 50vw; } }
#main .mainInner .mainBase { width: 100%; height: 100%; display: block; position: absolute; overflow: hidden; top: 0; left: 0; z-index: 0; }
@media screen and (max-width: 750px) { #main .mainInner .mainBase { background-size: auto 100%; height: 152vw; } }
#main .mainCatch { font-family: "Midashi Go MB31" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-weight: 700; font-size: 9.4vw; text-align: center; color: #FFF; line-height: 1; position: absolute; width: calc(100% + 55px); top: -10px; left: -15px; letter-spacing: 15px; white-space: nowrap; z-index: 1; }
@media screen and (max-width: 1600px) { #main .mainCatch { font-size: 150px; } }
@media screen and (max-width: 750px) { #main .mainCatch { width: calc(100% + 4vw); left: -2vw; top: 0; font-size: 22.4vw; letter-spacing: 0; } }
#main .mainContents { display: flex; justify-content: space-between; padding: 50px; align-items: flex-end; position: relative; z-index: 1; }
@media screen and (max-width: 750px) { #main .mainContents { flex-direction: column; padding: 0 6vw 6vw 6vw; align-items: flex-start; } }
@media screen and (max-width: 750px) { #main .mainSubCatch { width: 86%; margin-bottom: 6vw; } }
#main .mainSlide { max-width: 700px; background-color: #FFF; padding: 30px; }
@media screen and (max-width: 750px) { #main .mainSlide { width: 100%; padding: 3vw; box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.2); } }
#main .mainSlide ul { width: 100%; overflow: hidden; }
#main .mainSlide ul li img { width: 100%; height: auto; }

/*-------------------------------------------------
	++ COMMON
-------------------------------------------------*/
.section { background-color: #FFF; }
@media screen and (min-width: 751px) { .section { padding: 60px 0; } }
@media screen and (max-width: 750px) { .section { padding: 7vw 0; } }
.section .secHead { text-align: left; position: relative; }

.btn { display: inline-block; border-radius: 9999px; line-height: 1.4; text-align: center; position: relative; border: 1px solid #346fb8; color: #346fb8; }
@media screen and (min-width: 751px) { .btn { min-width: 220px; padding: 10px; font-size: 15px; } }
@media screen and (max-width: 750px) { .btn { width: 100%; padding: 3vw 10vw; } }
.btn:hover { color: #346fb8; }
.btn:after { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #346fb8; border-right: 1px solid #346fb8; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); }
.btn.gd { background-image: linear-gradient(45deg, #1eafe2 0%, #89c3a8 100%); color: #FFF; border: 0; }
.btn.gd:after { border-color: #FFF; }

span.line { background: linear-gradient(transparent 60%, #fff 60%); }

span.edge { color: rgba(0, 0, 0, 0) !important; -webkit-text-stroke: 1px #000; text-stroke: 1px #000 !important; }
span.edge.white { -webkit-text-stroke: 2px #FFF; text-stroke: 2px #FFF !important; }

.sliderBox { width: 100%; overflow: hidden; }

.swiper-pagination { bottom: -35px !important; }
@media screen and (max-width: 750px) { .swiper-pagination { bottom: -7vw !important; } }
.swiper-pagination .swiper-pagination-bullet { background-color: #ddd !important; width: 10px !important; height: 10px !important; margin: 0 5px !important; opacity: 1 !important; }
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #bbb !important; }

.slidePrev, .slideNext { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.slidePrev:after, .slideNext:after { content: ""; width: 40px; height: 40px; display: block; transform: scale(0.7, 1) rotate(45deg); }
@media screen and (max-width: 750px) { .slidePrev:after, .slideNext:after { width: 8vw; height: 8vw; } }

.slidePrev { left: -50px; }
@media screen and (max-width: 750px) { .slidePrev { left: -6vw; } }
.slidePrev:after { border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; }

.slideNext { right: -50px; }
@media screen and (max-width: 750px) { .slideNext { right: -6vw; } }
.slideNext:after { border-right: 1px solid #bbb; border-top: 1px solid #bbb; }

/*-------------------------------------------------
	++ CONTENTS
-------------------------------------------------*/
#opencampus .inner { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media screen and (min-width: 751px) { #opencampus .secHead { padding: 10px 15px; width: 470px; } }
@media screen and (max-width: 750px) { #opencampus .secHead { width: 100%; padding: 0 5vw; }
  #opencampus .secHead h2 { width: 62%; } }
#opencampus .secHead .link { position: absolute; }
@media screen and (min-width: 751px) { #opencampus .secHead .link { right: 15px; top: 175px; } }
@media screen and (max-width: 750px) { #opencampus .secHead .link { right: 5vw; bottom: 0; }
  #opencampus .secHead .link .btn { font-size: 3.4666666667vw; padding: 2vw 10vw; } }
#opencampus .ocSchedule { width: calc(100% - 470px); overflow: hidden; }
@media screen and (max-width: 750px) { #opencampus .ocSchedule { width: 100%; margin-top: 8vw; } }
#opencampus .ocList { position: relative; }
@media screen and (max-width: 750px) { #opencampus .ocList { padding: 0 0 0 5vw; width: 100%; }
  #opencampus .ocList .scrollWrap { padding-bottom: 5vw; overflow-x: scroll; } }
#opencampus .ocList ul { display: flex; flex-wrap: nowrap; }
#opencampus .ocList ul li { position: relative; padding: 0 21px 20px 21px; width: 257px; flex-shrink: 0; }
@media screen and (max-width: 750px) { #opencampus .ocList ul li { width: 42.1333333333vw; padding: 0 2vw 2vw 2vw; height: auto; } }
#opencampus .ocList ul li a:hover { opacity: 1; }
#opencampus .ocList ul li a:hover div { opacity: .8; }
#opencampus .ocList ul li .panel { position: relative; width: 215px; height: 215px; padding: 15px; background-color: #FFF; z-index: 1; display: flex; flex-direction: column; align-items: center; font-weight: 700; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.15); }
@media screen and (max-width: 750px) { #opencampus .ocList ul li .panel { width: 100%; height: 100%; padding: .2vw 2vw 2vw 2vw; } }
#opencampus .ocList ul li .panel .place { display: inline-block; color: #FFF; font-size: 14px; line-height: 1; padding: 3px 10px; min-width: 80px; }
@media screen and (max-width: 750px) { #opencampus .ocList ul li .panel .place { font-size: 2.6vw; min-width: 17vw; } }
#opencampus .ocList ul li .panel .date { font-family: 'Oswald', sans-serif; font-size: 65px; line-height: 1; font-weight: 500; margin-top: 7px; }
@media screen and (max-width: 750px) { #opencampus .ocList ul li .panel .date { width: 100%; font-size: 9.3333333333vw; margin-top: 1vw; } }
#opencampus .ocList ul li .panel .week { font-size: 25px; line-height: 1; margin-top: 5px; }
@media screen and (max-width: 750px) { #opencampus .ocList ul li .panel .week { width: 100%; font-size: 4.8vw; margin-top: 1vw; } }
#opencampus .ocList ul li .panel .title { font-size: 14px; }
@media screen and (max-width: 750px) { #opencampus .ocList ul li .panel .title { width: 100%; font-size: 3.4666666667vw; margin-bottom: 2vw; } }
#opencampus .ocList ul li .panel .status { color: #888; font-size: 19px; margin: auto 0 0 0; line-height: 1; }
@media screen and (max-width: 750px) { #opencampus .ocList ul li .panel .status { width: 100%; font-size: 4vw; } }
#opencampus .ocList ul li .panel .status.accept { color: #dd0000; }
#opencampus .ocList ul li:after { content: ""; display: block; width: 71%; height: 71%; position: absolute; bottom: 0; right: 0; z-index: 0; }
#opencampus .ocList ul li.soc .place { background-color: #f19149; }
#opencampus .ocList ul li.soc:after { background-image: linear-gradient(45deg, #eb896e 0%, #f5e569 100%); }
#opencampus .ocList ul li.roc .place { background-color: #65c6b9; }
#opencampus .ocList ul li.roc:after { background-image: linear-gradient(45deg, #65c6b9 0%, #f5e569 100%); }

#news { background-color: #f7f7f7; }
@media screen and (max-width: 750px) { #news { padding-bottom: 12vw; } }
@media screen and (max-width: 750px) { #news .inner { padding: 0 5vw; } }
#news .secHead { margin-bottom: 20px; }
#news .secHead h2 { font-size: 40px; padding-left: 20px; line-height: 1; }
@media screen and (max-width: 750px) { #news .secHead h2 { font-size: 6.6666666667vw; } }
#news .newsWrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 50px; overflow: hidden; }
@media screen and (max-width: 750px) { #news .newsWrap { padding: 0; } }
#news .newsWrap .newsPanel { width: calc(100% - 800px); }
@media screen and (min-width: 751px) { #news .newsWrap .newsPanel { order: 2; padding: 0 50px; } }
@media screen and (max-width: 750px) { #news .newsWrap .newsPanel { width: 100%; padding: 0 6vw 7vw 6vw; margin-bottom: 7vw; } }
#news .newsWrap .newsPanel .newsSlider { width: 100%; background-color: #FFF; border-radius: 13px; box-shadow: 0px 6px 10px 0 rgba(0, 0, 0, 0.12); padding: 30px; position: relative; }
@media screen and (max-width: 750px) { #news .newsWrap .newsPanel .newsSlider { padding: 4vw 5vw; } }
#news .newsWrap .newsPanel .newsSlider ul li { text-align: left; }
#news .newsWrap .newsPanel .newsSlider ul li:not(.swiper-slide-active) { opacity: 0; }
#news .newsWrap .newsPanel .newsSlider ul li .img { width: 100%; }
#news .newsWrap .newsPanel .newsSlider ul li .img img { max-width: 100%; height: auto; }
#news .newsWrap .newsPanel .newsSlider ul li .title { margin-top: 15px; font-size: 22px; font-weight: 500; }
@media screen and (max-width: 750px) { #news .newsWrap .newsPanel .newsSlider ul li .title { font-size: 4.8vw; text-align: center; margin-top: 1vw; } }
#news .newsWrap .newsPanel .newsSlider ul li .text { font-size: 18px; margin-top: 10px; }
@media screen and (max-width: 750px) { #news .newsWrap .newsPanel .newsSlider ul li .text { font-size: 3.7333333333vw; margin-top: 3vw; } }
#news .newsWrap .newsPanel .newsSlider .swiper-pagination { bottom: -50px !important; }
@media screen and (max-width: 750px) { #news .newsWrap .newsPanel .newsSlider .swiper-pagination { bottom: -7vw !important; } }
#news .newsWrap .newsListBox { background-color: #FFF; text-align: left; max-width: 750px; }
@media screen and (min-width: 751px) { #news .newsWrap .newsListBox { order: 1; padding: 40px; } }
@media screen and (max-width: 750px) { #news .newsWrap .newsListBox { padding: 5vw; } }
#news .newsWrap .newsListBox h3 { font-weight: 400; font-size: 22px; margin-bottom: 20px; }
@media screen and (max-width: 750px) { #news .newsWrap .newsListBox h3 { font-size: 4.8vw; margin-bottom: 4vw; } }
#news .newsWrap .newsListBox ul { border-top: 1px solid #CCC; }
#news .newsWrap .newsListBox ul li { border-bottom: 1px solid #CCC; display: flex; width: 100%; flex-wrap: wrap; position: relative; padding: 15px 0; }
#news .newsWrap .newsListBox ul li:after { content: ""; display: block; width: 10px; height: 10px; border-top: 1px solid #346fb8; border-right: 1px solid #346fb8; position: absolute; right: 20px; top: 50%; transform: translateY(-50%) rotate(45deg); }
@media screen and (max-width: 750px) { #news .newsWrap .newsListBox ul li:after { right: 1vw; } }
@media screen and (max-width: 750px) { #news .newsWrap .newsListBox ul li { padding: 5vw 5vw 5vw 0; } }
#news .newsWrap .newsListBox ul li .date { font-weight: 500; }
#news .newsWrap .newsListBox ul li .type-box { margin-left: 10px; }
#news .newsWrap .newsListBox ul li .type-box .p-type { display: inline-block; text-align: center; padding: 2px 10px; color: #FFF; font-weight: 500; font-size: 14px; font-style: normal; min-width: 100px; }
@media screen and (max-width: 750px) { #news .newsWrap .newsListBox ul li .type-box .p-type { font-size: 3.2vw; min-width: inherit; } }
#news .newsWrap .newsListBox ul li .type-box .p-type--admissions_event { background-color: #f7ab00; }
#news .newsWrap .newsListBox ul li .type-box .p-type--admissions_info { background-color: #10589c; }
#news .newsWrap .newsListBox ul li a { display: block; width: 100%; }
#news .newsWrap .newsListBox ul li .item-box_text { width: 100%; font-size: 18px; color: #346fb8; font-weight: 300; margin-top: 5px; }
@media screen and (max-width: 750px) { #news .newsWrap .newsListBox ul li .item-box_text { font-size: 4vw; } }
#news .newsWrap .newsListBox .link { margin-top: 25px; text-align: center; }
@media screen and (max-width: 750px) { #news .newsWrap .newsListBox .link { margin-top: 5vw; padding: 0 10vw; } }

#aboutus { background: #FFF url("../img/about_bg.png") no-repeat center center; background-size: 100% 100%; padding-bottom: 40px; }
@media screen and (max-width: 750px) { #aboutus { padding-bottom: 5vw; background-size: auto 100%; } }
#aboutus .abourWrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
@media screen and (min-width: 751px) { #aboutus .abourWrap { padding: 0 30px 0 50px; } }
#aboutus .abourWrap .secHead { width: 360px; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .secHead { width: 100%; padding: 0 5vw; } }
#aboutus .abourWrap .secHead h2 { font-family: "Midashi Go MB31" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-weight: 700; font-size: 65px; line-height: 1.25; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .secHead h2 { font-size: 14.6666666667vw; line-height: 1.35; } }
#aboutus .abourWrap .secHead h2 .line { display: table; }
#aboutus .abourWrap .secHead .text { font-family: "Midashi Go MB31" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-weight: 700; font-size: 20px; margin-top: 30px; line-height: 1.7; letter-spacing: -1px; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .secHead .text { font-size: 4.8vw; margin-top: 3vw; } }
#aboutus .abourWrap .infoPanel { width: calc(100% - 360px); overflow: hidden; padding-bottom: 35px; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .infoPanel { width: 100%; margin-top: 10vw; padding-bottom: 12vw; } }
#aboutus .abourWrap .infoPanel .infoSlider { position: relative; }
#aboutus .abourWrap .infoPanel .infoSlider ul { display: flex; }
#aboutus .abourWrap .infoPanel .infoSlider ul li { padding: 17px; position: relative; height: auto; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .infoPanel .infoSlider ul li { padding: 5vw 2.5vw; } }
#aboutus .abourWrap .infoPanel .infoSlider ul li .panelItem { background-color: #FFF; box-shadow: 0px 0px 17px 0 rgba(0, 0, 0, 0.2); padding: 0 20px 36px 20px; position: relative; height: 100%; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .infoPanel .infoSlider ul li .panelItem { padding: 4vw; } }
#aboutus .abourWrap .infoPanel .infoSlider ul li a { display: inline-block; position: relative; }
#aboutus .abourWrap .infoPanel .infoSlider ul li .img { display: block; margin-top: -25px; object-fit: cover; width: 100%; height: 280px; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .infoPanel .infoSlider ul li .img { margin-top: -9vw; height: 54vw; } }
#aboutus .abourWrap .infoPanel .infoSlider ul li .img img { max-width: 100%; height: auto; }
#aboutus .abourWrap .infoPanel .infoSlider ul li .title { text-align: left; margin-top: 20px; font-size: 20px; font-weight: 200; color: #346fb8; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .infoPanel .infoSlider ul li .title { font-size: 4vw; margin-top: 3vw; } }
#aboutus .abourWrap .infoPanel .infoSlider .swiper-pagination { text-align: left; padding-left: 20px; width: calc(100% - 120px); }
#aboutus .abourWrap .infoPanel .infoSlider .swiper-pagination .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.25) !important; }
#aboutus .abourWrap .infoPanel .infoSlider .swiper-pagination .swiper-pagination-bullet-active { background-color: white !important; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .infoPanel .infoSlider .swiper-pagination { width: 100%; text-align: center; padding: 0; } }
#aboutus .abourWrap .infoPanel .infoSlider .slideNextInfo { position: absolute; bottom: -35px; right: 20px; width: 112px; height: 30px; display: block; z-index: 1; cursor: pointer; }
@media screen and (max-width: 750px) { #aboutus .abourWrap .infoPanel .infoSlider .slideNextInfo { display: none; } }
#aboutus .abourWrap .infoPanel .infoSlider .slideNextInfo:before, #aboutus .abourWrap .infoPanel .infoSlider .slideNextInfo:after { content: ""; background-color: #FFF; height: 2px; display: block; position: absolute; top: 50%; right: 0; }
#aboutus .abourWrap .infoPanel .infoSlider .slideNextInfo:before { width: 100%; }
#aboutus .abourWrap .infoPanel .infoSlider .slideNextInfo:after { width: 30px; transform: translate(2px, -8px) rotate(32deg); }

@media screen and (max-width: 750px) { #realstory .secHead { padding: 2vw 7vw; } }
#realstory .secHead h2 { font-family: "Midashi Go MB31" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-weight: 700; line-height: 1.4; }
@media screen and (min-width: 751px) { #realstory .secHead h2 { padding-left: 50px; } }
#realstory .secHead h2 .copy { display: block; font-size: 35px; }
@media screen and (max-width: 750px) { #realstory .secHead h2 .copy { font-size: 5.3333333333vw; } }
#realstory .secHead h2 .title { display: block; font-size: 45px; }
@media screen and (max-width: 750px) { #realstory .secHead h2 .title { font-size: 10.6666666667vw; } }
#realstory .storyPanel { padding: 30px 20px; overflow: hidden; position: relative; }
@media screen and (max-width: 750px) { #realstory .storyPanel { padding: 0; margin-top: 5vw; } }
#realstory .storySlider { position: relative; }
@media screen and (max-width: 750px) { #realstory .storySlider { margin-bottom: 10vw; } }
#realstory .storySlider ul li { padding: 20px 32px 0 32px; position: relative; width: 730px; }
@media screen and (max-width: 750px) { #realstory .storySlider ul li { width: 100% !important; padding: 0 calc(calc(100% - 80vw) / 2); } }
@media screen and (min-width: 751px) { #realstory .storySlider .slidePrev:after, #realstory .storySlider .slideNext:after { width: 60px; height: 60px; border-width: 2px; } }
#realstory .storySlider .slidePrev { left: -20px; }
@media screen and (max-width: 750px) { #realstory .storySlider .slidePrev { left: 3vw; } }
#realstory .storySlider .slideNext { right: -20px; }
@media screen and (max-width: 750px) { #realstory .storySlider .slideNext { right: 3vw; } }

.storyBox { position: relative; text-align: left; padding: 25px 35px; width: 666px; height: 417px; }
@media screen and (max-width: 750px) { .storyBox { width: 100%; height: 61.3333333333vw; padding: 3vw; } }
.storyBox.gd01 { background: -webkit-linear-gradient(-59.25deg, rgba(152, 197, 63, 0.85) 0%, rgba(81, 176, 75, 0.85) 48.72%, rgba(0, 153, 88, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(152, 197, 63, 0.85)), color-stop(0.4872, rgba(81, 176, 75, 0.85)), color-stop(1, rgba(0, 153, 88, 0.85))); background: linear-gradient(149.25deg, rgba(152, 197, 63, 0.85) 0%, rgba(81, 176, 75, 0.85) 48.72%, rgba(0, 153, 88, 0.85) 100%); }
.storyBox.gd02 { background: -webkit-linear-gradient(-62.66deg, rgba(225, 128, 174, 0.85) 4.76%, rgba(230, 95, 155, 0.85) 43.84%, rgba(228, 57, 117, 0.85) 94.52%); background: -webkit-gradient(linear, 22.99% -33.56%, 88.2% 168.21%, color-stop(0.0476, rgba(225, 128, 174, 0.85)), color-stop(0.4384, rgba(230, 95, 155, 0.85)), color-stop(0.9452, rgba(228, 57, 117, 0.85))); background: linear-gradient(152.66deg, rgba(225, 128, 174, 0.85) 4.76%, rgba(230, 95, 155, 0.85) 43.84%, rgba(228, 57, 117, 0.85) 94.52%); }
.storyBox.gd03 { background: -webkit-linear-gradient(147.44deg, rgba(234, 92, 60, 0.85) 0%, rgba(237, 119, 83, 0.85) 38.26%, rgba(239, 136, 88, 0.85) 100%); background: -webkit-gradient(linear, 98.03% 99.07%, 1.02% -0.04%, color-stop(0, rgba(234, 92, 60, 0.85)), color-stop(0.3826, rgba(237, 119, 83, 0.85)), color-stop(1, rgba(239, 136, 88, 0.85))); background: linear-gradient(-57.44deg, rgba(234, 92, 60, 0.85) 0%, rgba(237, 119, 83, 0.85) 38.26%, rgba(239, 136, 88, 0.85) 100%); }
.storyBox.gd04 { background: -webkit-linear-gradient(-72.96deg, rgba(0, 176, 207, 0.85) 0%, rgba(0, 175, 149, 0.85) 49.15%, rgba(0, 164, 133, 0.85) 100%); background: -webkit-gradient(linear, 38.41% -10.5%, 66.43% 135.8%, color-stop(0, rgba(0, 176, 207, 0.85)), color-stop(0.4915, rgba(0, 175, 149, 0.85)), color-stop(1, rgba(0, 164, 133, 0.85))); background: linear-gradient(162.96deg, rgba(0, 176, 207, 0.85) 0%, rgba(0, 175, 149, 0.85) 49.15%, rgba(0, 164, 133, 0.85) 100%); }
.storyBox.gd05 { background: -webkit-linear-gradient(-55.82deg, rgba(51, 188, 233, 0.85) 0%, rgba(0, 167, 229, 0.85) 49.51%, rgba(67, 149, 210, 0.85) 100%); background: -webkit-gradient(linear, 18.2% -24.92%, 76.36% 112.1%, color-stop(0, rgba(51, 188, 233, 0.85)), color-stop(0.4951, rgba(0, 167, 229, 0.85)), color-stop(1, rgba(67, 149, 210, 0.85))); background: linear-gradient(145.82deg, rgba(51, 188, 233, 0.85) 0%, rgba(0, 167, 229, 0.85) 49.51%, rgba(67, 149, 210, 0.85) 100%); }
.storyBox.gd06 { background: -webkit-linear-gradient(-59.27deg, rgba(161, 104, 167, 0.85) 0%, rgba(142, 121, 181, 0.85) 51.19%, rgba(95, 118, 184, 0.85) 100%); background: -webkit-gradient(linear, 7.75% -63.7%, 70.21% 104.4%, color-stop(0, rgba(161, 104, 167, 0.85)), color-stop(0.5119, rgba(142, 121, 181, 0.85)), color-stop(1, rgba(95, 118, 184, 0.85))); background: linear-gradient(149.27deg, rgba(161, 104, 167, 0.85) 0%, rgba(142, 121, 181, 0.85) 51.19%, rgba(95, 118, 184, 0.85) 100%); }
.storyBox.gd07 { background: -webkit-linear-gradient(-57.12deg, rgba(92, 157, 213, 0.85) 0%, rgba(59, 113, 183, 0.85) 100%); background: -webkit-gradient(linear, 25.97% -9.48%, 87.32% 142.37%, color-stop(0, rgba(92, 157, 213, 0.85)), color-stop(1, rgba(59, 113, 183, 0.85))); background: linear-gradient(147.12deg, rgba(92, 157, 213, 0.85) 0%, rgba(59, 113, 183, 0.85) 100%); }
.storyBox.gd08 { background: -webkit-linear-gradient(-62.72deg, rgba(242, 154, 96, 0.85) 0%, rgba(235, 109, 101, 0.85) 49.72%, rgba(231, 72, 103, 0.85) 100%); background: -webkit-gradient(linear, 5.21% -88.98%, 73.92% 124.22%, color-stop(0, rgba(242, 154, 96, 0.85)), color-stop(0.4972, rgba(235, 109, 101, 0.85)), color-stop(1, rgba(231, 72, 103, 0.85))); background: linear-gradient(152.72deg, rgba(242, 154, 96, 0.85) 0%, rgba(235, 109, 101, 0.85) 49.72%, rgba(231, 72, 103, 0.85) 100%); }
.storyBox.gd09 { background: -webkit-linear-gradient(-53.03deg, rgba(221, 146, 188, 0.85) 0%, rgba(181, 112, 170, 0.85) 100%); background: -webkit-gradient(linear, 18.17% -17.65%, 90.54% 136.16%, color-stop(0, rgba(221, 146, 188, 0.85)), color-stop(1, rgba(181, 112, 170, 0.85))); background: linear-gradient(143.03deg, rgba(221, 146, 188, 0.85) 0%, rgba(181, 112, 170, 0.85) 100%); }
.storyBox.gd10 { background: -webkit-linear-gradient(121.31deg, rgba(240, 137, 15, 0.85) 41.27%, rgba(247, 177, 0, 0.85) 100%); background: -webkit-gradient(linear, 85.04% 142.18%, 25.68% -13.97%, color-stop(0.4127, rgba(240, 137, 15, 0.85)), color-stop(1, rgba(247, 177, 0, 0.85))); background: linear-gradient(-31.31deg, rgba(240, 137, 15, 0.85) 41.27%, rgba(247, 177, 0, 0.85) 100%); }
.storyBox.gd-c01 { background: -webkit-linear-gradient(-59.25deg, rgba(152, 197, 63, 0.85) 0%, rgba(81, 176, 75, 0.85) 48.72%, rgba(0, 153, 88, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(152, 197, 63, 0.85)), color-stop(0.4872, rgba(81, 176, 75, 0.85)), color-stop(1, rgba(0, 153, 88, 0.85))); background: linear-gradient(149.25deg, rgba(152, 197, 63, 0.85) 0%, rgba(81, 176, 75, 0.85) 48.72%, rgba(0, 153, 88, 0.85) 100%); }
.storyBox.gd-c02 { background: -webkit-linear-gradient(-59.25deg, rgba(240, 141, 29, 0.85) 0%, rgba(237, 120, 30, 0.85) 48.72%, rgba(232, 73, 8, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(240, 141, 29, 0.85)), color-stop(0.4872, rgba(237, 120, 30, 0.85)), color-stop(1, rgba(232, 73, 8, 0.85))); background: linear-gradient(149.25deg, rgba(240, 141, 29, 0.85) 0%, rgba(237, 120, 30, 0.85) 48.72%, rgba(232, 73, 8, 0.85) 100%); }
.storyBox.gd-c03 { background: -webkit-linear-gradient(-59.25deg, rgba(234, 109, 164, 0.85) 0%, rgba(130, 20, 127, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(234, 109, 164, 0.85)), color-stop(1, rgba(130, 20, 127, 0.85))); background: linear-gradient(149.25deg, rgba(234, 109, 164, 0.85) 0%, rgba(130, 20, 127, 0.85) 100%); }
.storyBox.gd-c04 { background: -webkit-linear-gradient(-59.25deg, rgba(36, 187, 238, 0.85) 0%, rgba(0, 171, 235, 0.85) 48.72%, rgba(0, 166, 235, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(36, 187, 238, 0.85)), color-stop(0.4872, rgba(0, 171, 235, 0.85)), color-stop(1, rgba(0, 166, 235, 0.85))); background: linear-gradient(149.25deg, rgba(36, 187, 238, 0.85) 0%, rgba(0, 171, 235, 0.85) 48.72%, rgba(0, 166, 235, 0.85) 100%); }
.storyBox.gd-c05 { background: -webkit-linear-gradient(-59.25deg, rgba(230, 54, 80, 0.85) 0%, rgba(231, 55, 67, 0.85) 48.72%, rgba(229, 0, 40, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(230, 54, 80, 0.85)), color-stop(0.4872, rgba(231, 55, 67, 0.85)), color-stop(1, rgba(229, 0, 40, 0.85))); background: linear-gradient(149.25deg, rgba(230, 54, 80, 0.85) 0%, rgba(231, 55, 67, 0.85) 48.72%, rgba(229, 0, 40, 0.85) 100%); }
.storyBox.gd-c06 { background: -webkit-linear-gradient(-59.25deg, rgba(0, 176, 207, 0.85) 0%, rgba(0, 175, 149, 0.85) 48.72%, rgba(0, 164, 133, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(0, 176, 207, 0.85)), color-stop(0.4872, rgba(0, 175, 149, 0.85)), color-stop(1, rgba(0, 164, 133, 0.85))); background: linear-gradient(149.25deg, rgba(0, 176, 207, 0.85) 0%, rgba(0, 175, 149, 0.85) 48.72%, rgba(0, 164, 133, 0.85) 100%); }
.storyBox.gd-c07 { background: -webkit-linear-gradient(-59.25deg, rgba(234, 92, 60, 0.85) 0%, rgba(237, 119, 83, 0.85) 48.72%, rgba(239, 136, 88, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(234, 92, 60, 0.85)), color-stop(0.4872, rgba(237, 119, 83, 0.85)), color-stop(1, rgba(239, 136, 88, 0.85))); background: linear-gradient(149.25deg, rgba(234, 92, 60, 0.85) 0%, rgba(237, 119, 83, 0.85) 48.72%, rgba(239, 136, 88, 0.85) 100%); }
.storyBox.gd-c08 { background: -webkit-linear-gradient(-59.25deg, rgba(161, 104, 167, 0.85) 0%, rgba(142, 121, 181, 0.85) 48.72%, rgba(95, 118, 184, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(161, 104, 167, 0.85)), color-stop(0.4872, rgba(142, 121, 181, 0.85)), color-stop(1, rgba(95, 118, 184, 0.85))); background: linear-gradient(149.25deg, rgba(161, 104, 167, 0.85) 0%, rgba(142, 121, 181, 0.85) 48.72%, rgba(95, 118, 184, 0.85) 100%); }
.storyBox.gd-c09 { background: -webkit-linear-gradient(-59.25deg, rgba(227, 128, 176, 0.85) 0%, rgba(232, 95, 157, 0.85) 48.72%, rgba(230, 57, 117, 0.85) 100%); background: -webkit-gradient(linear, 10.82% -55.37%, 105.81% 200.12%, color-stop(0, rgba(227, 128, 176, 0.85)), color-stop(0.4872, rgba(232, 95, 157, 0.85)), color-stop(1, rgba(230, 57, 117, 0.85))); background: linear-gradient(149.25deg, rgba(227, 128, 176, 0.85) 0%, rgba(232, 95, 157, 0.85) 48.72%, rgba(230, 57, 117, 0.85) 100%); }
.storyBox.rv .catch { text-align: right; }
.storyBox.rv .credit { text-align: right; }
.storyBox.c-rv .credit { text-align: right; }
.storyBox a { display: block; width: 100%; height: 100%; }
@media screen and (min-width: 751px) { .storyBox a:hover { opacity: 1; }
  .storyBox a:hover .catch { transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); z-index: 100; }
  .storyBox a:hover .img { transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } }
.storyBox .badge { position: absolute; top: -1px; right: -1px; z-index: 1; width: 108px; height: 108px; }
.storyBox .badge.left { right: auto; left: 0; }
@media screen and (max-width: 750px) { .storyBox .badge { width: 15vw; height: 15vw; }
  .storyBox .badge img { width: 100%; height: auto; } }
.storyBox .catch { font-size: 40px; z-index: 100; font-family: "Midashi Go MB31" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-weight: 700; line-height: 1.4; position: relative; color: #FFF; }
@media screen and (min-width: 751px) { .storyBox .catch { transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(calc(100% + 70px), 0, 0); } }
@media screen and (max-width: 750px) { .storyBox .catch { font-size: 5.3333333333vw; } }
.storyBox .img { position: absolute; bottom: 0; left: 0; right: 0; transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(-10px, 0, 0); }
.storyBox .img img { width: 100%; height: auto; }
.storyBox .credit { color: #FFF; position: absolute; bottom: 25px; left: 25px; width: calc(100% - 50px); }
@media screen and (max-width: 750px) { .storyBox .credit { bottom: 3vw; left: 3vw; width: calc(100% - 6vw); font-size: 3.2vw; } }
.storyBox .credit .name { font-size: 20px; display: block; }
@media screen and (max-width: 750px) { .storyBox .credit .name { font-size: 3.2vw; } }

#faculty { border-top: 2px solid #eee; background-color: #eff5f9; position: relative; }
#faculty:before { content: ""; width: 100%; height: 200px; position: absolute; top: 0; left: 0; background-color: #FFF; }
@media screen and (max-width: 750px) { #faculty:before { height: 30vw; } }
#faculty .inner { z-index: 1; }
@media screen and (min-width: 751px) { #faculty .secHead { text-align: right; padding-right: 70px; } }
@media screen and (max-width: 750px) { #faculty .secHead { padding: 0 5vw; margin-bottom: 3vw; } }
#faculty .secHead h2 { font-size: 65px; }
@media screen and (max-width: 750px) { #faculty .secHead h2 { font-size: 10.6666666667vw; } }
@media screen and (min-width: 751px) { #faculty .facWrap { margin-top: 100px; } }
#faculty .photo.photo1 { margin-top: 70px; }
#faculty .photo.photo2 { position: absolute; bottom: -100px; right: 0; }
#faculty .photo.up { opacity: 0; transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); }
#faculty .photo.up.upstyle { opacity: 1; }
#faculty .facBox { margin: 0 auto; max-width: 460px; position: relative; }
#faculty .facBox .facBoxInner { position: relative; transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); }
#faculty .facBox .facBoxInner.up { transform: translateY(80px); opacity: 0; }
@media screen and (min-width: 751px) { #faculty .facBox .facBoxInner.up .img { transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; } }
#faculty .facBox .facBoxInner.up.upstyle { transform: translateY(0); opacity: 1; }
@media screen and (min-width: 751px) { #faculty .facBox .facBoxInner.up.upstyle .img { animation: facimg forwards 1s 1 ease 0.5s; } }
@media screen and (max-width: 750px) { #faculty .facBox { position: relative; width: 100%; margin-top: 7vw; }
  #faculty .facBox img { width: 100%; height: auto; } }
@media screen and (min-width: 751px) { #faculty .facBox .img { position: absolute; } }
#faculty .facBox .detail { text-align: left; }
@media screen and (max-width: 750px) { #faculty .facBox .detail { padding: 5vw 10vw; } }
#faculty .facBox h3 { font-size: 40px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: currentColor; padding-bottom: 10px; margin-bottom: 20px; }
@media screen and (max-width: 750px) { #faculty .facBox h3 { font-size: 6.6666666667vw; padding-bottom: 3vw; margin-bottom: 3vw; } }
#faculty .facBox h3 a { color: currentColor; }
#faculty .facBox .text { font-size: 23px; line-height: 1.7; }
@media screen and (max-width: 750px) { #faculty .facBox .text { font-size: 4vw; } }
#faculty .facBox .linkList li { background-color: #FFF; padding: 24px 30px; margin-top: 15px; }
@media screen and (max-width: 750px) { #faculty .facBox .linkList li { padding: 4vw; margin-top: 3vw; } }
#faculty .facBox .linkList li .detailLink { display: block; font-size: 22px; font-weight: 700; position: relative; }
@media screen and (max-width: 750px) { #faculty .facBox .linkList li .detailLink { font-size: 4.8vw; } }
#faculty .facBox .linkList li .detailLink:before { content: ""; width: 25px; height: 25px; display: inline-block; background-color: #346fb8; border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
@media screen and (max-width: 750px) { #faculty .facBox .linkList li .detailLink:before { width: 5vw; height: 5vw; } }
#faculty .facBox .linkList li .detailLink:after { content: ""; width: 7px; height: 7px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
@media screen and (max-width: 750px) { #faculty .facBox .linkList li .detailLink:after { width: 1.5vw; height: 1.5vw; right: 2vw; } }
#faculty .facBox .linkList li .youtubeLink { margin-top: 20px; display: inline-block; font-weight: 200; cursor: pointer; }
@media screen and (max-width: 750px) { #faculty .facBox .linkList li .youtubeLink { margin-top: 3vw; } }
#faculty .facBox .linkList li .youtubeLink:after { content: ""; background: url("/with/shared/img/icon_youtube.svg") no-repeat center top; width: 42px; height: 30px; display: inline-block; vertical-align: middle; margin-left: 5px; }
@media screen and (max-width: 750px) { #faculty .facBox .linkList li .youtubeLink:after { width: 8vw; height: 6vw; background-size: 8vw auto; } }
#faculty .facBox .linkBnr { margin-top: 20px; }
@media screen and (max-width: 750px) { #faculty .facBox .linkBnr { margin-top: 3vw; } }
@media screen and (min-width: 751px) { #faculty .facBox.economics { transform: translateX(175px); }
  #faculty .facBox.economics .img { top: -250px; left: -750px; } }
#faculty .facBox.economics h3 { color: #00a8ea; }
#faculty .facBox.economics .linkList li .detailLink:before { background-color: #00a8ea; }
@media screen and (min-width: 751px) { #faculty .facBox.sociology { position: absolute; top: 550px; left: 70px; }
  #faculty .facBox.sociology .img { top: -313px; right: -1015px; text-align: right; } }
#faculty .facBox.sociology h3 { color: #e85298 !important; }
#faculty .facBox.sociology .linkList li .detailLink:before { background-color: #e85298; }
@media screen and (min-width: 751px) { #faculty .facBox.distribution { position: absolute; top: 810px; right: 55px; }
  #faculty .facBox.distribution .img { bottom: -718px; left: -30px; } }
#faculty .facBox.distribution h3 { color: #009d85; }
#faculty .facBox.distribution .linkList li .detailLink:before { background-color: #009d85; }
@media screen and (min-width: 751px) { #faculty .facBox.law { transform: translateX(-145px); margin-top: 260px; }
  #faculty .facBox.law .img { top: 0px; left: -420px; } }
#faculty .facBox.law h3 { color: #ea5506; }
#faculty .facBox.law .linkList li .detailLink:before { background-color: #ea5506; }
@media screen and (min-width: 751px) { #faculty .facBox.sports { transform: translateX(-445px); margin-top: 60px; }
  #faculty .facBox.sports .img { top: 100px; left: 580px; } }
#faculty .facBox.sports h3 { color: #f7ab00; }
#faculty .facBox.sports .linkList li .detailLink:before { background-color: #f7ab00; }

@keyframes facimg { 0% { opacity: 0; }
  100% { opacity: 1; } }
#admissions { padding-bottom: 85px; }
@media screen and (max-width: 750px) { #admissions { padding-bottom: 3vw; } }
#admissions .secHead { text-align: center; }
#admissions .secHead h2 { font-family: "Midashi Go MB31" , "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-weight: 700; font-size: 65px; }
@media screen and (max-width: 750px) { #admissions .secHead h2 { font-size: 10.1333333333vw; } }
#admissions .secHead .read { margin-top: 10px; font-size: 22px; font-weight: 400; }
@media screen and (max-width: 750px) { #admissions .secHead .read { font-size: 4.8vw; } }
#admissions .admissionsList { max-width: 1200px; margin: 60px auto 0 auto; }
@media screen and (max-width: 750px) { #admissions .admissionsList { padding: 0 10vw; margin-top: 10vw; } }
#admissions .admissionsList ul { display: flex; flex-wrap: wrap; }
#admissions .admissionsList ul li { text-align: center; }
@media screen and (min-width: 751px) { #admissions .admissionsList ul li { width: 31%; display: flex; flex-direction: column; margin-right: 3.5%; margin-bottom: 40px; }
  #admissions .admissionsList ul li:nth-of-type(3n) { margin-right: 0; } }
@media screen and (max-width: 750px) { #admissions .admissionsList ul li { width: 100%; margin-bottom: 5vw; } }
#admissions .admissionsList ul li .text { font-size: 20px; font-weight: 300; display: flex; align-items: center; width: 100%; flex: 1; justify-content: center; }
@media screen and (max-width: 750px) { #admissions .admissionsList ul li .text { font-size: 4.2666666667vw; } }
#admissions .admissionsList ul li .adBtn { position: relative; margin: auto 0 0 0; padding-top: 40px; }
#admissions .admissionsList ul li .adBtn a { background-color: #10589c; color: #FFF; border-radius: 6px; font-size: 24px; display: flex; align-items: center; width: 100%; height: 100px; justify-content: center; }
@media screen and (max-width: 750px) { #admissions .admissionsList ul li .adBtn a { font-size: 5.3333333333vw; height: 21.3333333333vw; } }
#admissions .admissionsList ul li .adBtn:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #d9d9d9 transparent transparent transparent; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); }
#admissions .admissionsLink { max-width: 1200px; margin: 15px auto 0 auto; background: repeating-linear-gradient(135deg, #bfebfa, #bfebfa 1px, #fff 1px, #fff 2px); padding: 30px 40px; }
@media screen and (max-width: 750px) { #admissions .admissionsLink { margin-top: 5vw; padding: 7vw; } }
#admissions .admissionsLink ul { display: flex; flex-wrap: wrap; }
#admissions .admissionsLink ul li { text-align: center; display: flex; flex-direction: column; background-color: #FFF; border: 1px solid #10589c; }
@media screen and (min-width: 751px) { #admissions .admissionsLink ul li { width: 31%; margin-right: 3.5%; margin-bottom: 30px; }
  #admissions .admissionsLink ul li:nth-of-type(3n) { margin-right: 0; }
  #admissions .admissionsLink ul li:nth-last-of-type(-n + 3) { margin-bottom: 0; } }
@media screen and (max-width: 750px) { #admissions .admissionsLink ul li { width: 48%; margin-right: 4%; margin-bottom: 3vw; }
  #admissions .admissionsLink ul li:nth-of-type(2n) { margin-right: 0; }
  #admissions .admissionsLink ul li:nth-last-of-type(-n + 2) { margin-bottom: 0; } }
#admissions .admissionsLink ul li a { padding: 35px 10px; color: #10589c; font-size: 20px; font-weight: 700; }
@media screen and (max-width: 750px) { #admissions .admissionsLink ul li a { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; padding: 5vw 3vw; font-size: 4vw; } }

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer .footerInner { background: url("/with/shared/img/footer_bg.jpg") no-repeat center top; background-size: 100% auto; height: 660px; padding: 80px 0; }
@media screen and (max-width: 750px) { #footer .footerInner { height: 150vw; padding: 10vw; background-image: url("/with/shared/img/footer_bg_sp.jpg"); }
  #footer .footerInner .inner { height: 100%; } }
#footer .footerInfo { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
@media screen and (max-width: 750px) { #footer .footerInfo { flex-direction: column; height: 100%; } }
#footer .footerInfo ul { display: flex; flex-wrap: wrap; align-items: center; }
@media screen and (min-width: 751px) { #footer .footerInfo .logoList ul li { padding: 0 30px; margin-left: 30px; }
  #footer .footerInfo .logoList ul li:before { content: ""; width: 1px; height: 30px; background-color: #FFF; position: absolute; top: 50%; left: -15px; transform: translateY(-50%); }
  #footer .footerInfo .logoList ul li:nth-of-type(1) { margin-left: 0; } }
@media screen and (max-width: 750px) { #footer .footerInfo .logoList ul li:nth-of-type(1) { padding: 0 5vw; }
  #footer .footerInfo .logoList ul li:nth-of-type(2) { padding: 0 10vw; margin-top: 5vw; } }
#footer .footerInfo .snsList ul li { padding: 0 15px; }
@media screen and (max-width: 750px) { #footer .footerInfo .snsList ul li { width: 25%; padding: 0 4vw; }
  #footer .footerInfo .snsList ul li img { width: 100%; height: auto; } }
#footer .copyright { background-color: #FFF; padding: 30px 0; }

@keyframes move { 100% { transform: translate3d(0, 0, 1px) rotate(360deg); } }
@keyframes bgchange { 0% { background: #fef21e; }
  16% { background: #f39501; }
  32% { background: #f76eac; }
  48% { background: #f75636; }
  64% { background: #44a6e0; }
  80% { background: #7cbe3e; }
  96% { background: #fef21e; } }
.mainBgBase { position: absolute; width: 100%; height: 100%; top: 0; left: 0; animation: bgchange 20s ease 1s infinite forwards; background: #fef21e; overflow: hidden; z-index: 0; }
.mainBgBase span { width: 800px; height: 800px; border-radius: 50%; backface-visibility: hidden; position: absolute; animation: move; animation-duration: 35s; animation-timing-function: linear; animation-iteration-count: infinite; filter: blur(100px); }
@media screen and (max-width: 750px) { .mainBgBase span { width: 120vw; height: 120vw; } }
.mainBgBase span:nth-of-type(6n + 1) { background: #fef21e; animation-duration: 50s !important; }
.mainBgBase span:nth-of-type(6n + 2) { background: #44a6e0; animation-duration: 20s !important; }
.mainBgBase span:nth-of-type(6n + 3) { background: #f76eac; animation-duration: 80s !important; }
.mainBgBase span:nth-of-type(6n + 4) { background: #f75636; animation-duration: 30s !important; }
.mainBgBase span:nth-of-type(6n + 5) { background: #7cbe3e; animation-duration: 40s !important; }
.mainBgBase span:nth-of-type(6n + 6) { background: #f39501; animation-duration: 90s !important; }
.mainBgBase span:nth-of-type(1) { top: 29%; left: 54%; animation-delay: -166s; transform-origin: 19vw 16vh; }
.mainBgBase span:nth-of-type(2) { top: 36%; left: 20%; animation-delay: -164s; transform-origin: 3vw 15vh; }
.mainBgBase span:nth-of-type(3) { top: 83%; left: 70%; animation-delay: -83s; transform-origin: -20vw 14vh; }
.mainBgBase span:nth-of-type(4) { top: 91%; left: 85%; animation-delay: -128s; transform-origin: 7vw 18vh; }
.mainBgBase span:nth-of-type(5) { top: 3%; left: 2%; animation-delay: -45s; transform-origin: 9vw -15vh; }
.mainBgBase span:nth-of-type(6) { top: 62%; left: 40%; animation-delay: -82s; transform-origin: -4vw -8vh; }
.mainBgBase span:nth-of-type(7) { top: 9%; left: 4%; animation-delay: -13s; transform-origin: -12vw 2vh; }
.mainBgBase span:nth-of-type(8) { top: 60%; left: 30%; animation-delay: -140s; transform-origin: 27vw -15vh; }
.mainBgBase span:nth-of-type(9) { top: 54%; left: 21%; animation-delay: -68s; transform-origin: -24vw -5vh; }
.mainBgBase span:nth-of-type(10) { top: 56%; left: 7%; animation-delay: -5s; transform-origin: -19vw -21vh; }
.mainBgBase span:nth-of-type(11) { top: 43%; left: 82%; animation-delay: -129s; transform-origin: -6vw 19vh; }
.mainBgBase span:nth-of-type(12) { top: 8%; left: 40%; animation-delay: -107s; transform-origin: 16vw 11vh; }
.mainBgBase span:nth-of-type(13) { top: 66%; left: 61%; animation-delay: -85s; transform-origin: 0vw 16vh; }
.mainBgBase span:nth-of-type(14) { top: 1%; left: 57%; animation-delay: -191s; transform-origin: -13vw 12vh; }
.mainBgBase span:nth-of-type(15) { top: 86%; left: 54%; animation-delay: -190s; transform-origin: 6vw 0vh; }
.mainBgBase span:nth-of-type(16) { top: 39%; left: 31%; animation-delay: -101s; transform-origin: 7vw 11vh; }
.mainBgBase span:nth-of-type(17) { top: 64%; left: 84%; animation-delay: -76s; transform-origin: 18vw 3vh; }
.mainBgBase span:nth-of-type(18) { top: 1%; left: 3%; animation-delay: -46s; transform-origin: -21vw 3vh; }