@charset "utf-8";
/** *****************************************************************
トップ　スライダー
最終更新日：2024.11.8
***************************************************************** **/
#MAINVISUAL{}
#MAINVISUAL a:hover,
#MAINVISUAL img:hover{	opacity:1 !important;}

/* Main-visual
=============================================================================*/

/* メインビジュアル PC */
.MAINVISUAL {
	width: 100%;
	height: 100vh;
	min-height: 56vw;
    z-index: 99996;
	overflow:hidden;
	position: relative;
}
.MAINVISUAL .bx-wrapper {
	height: 100%;
}
.MAINVISUAL .bx-wrapper .bx-viewport {
	height: 100% !important;
}
.MAINVISUAL .bx-wrapper .bx-viewport #slider {
	height: 100%;
}
.MAINVISUAL .bx-wrapper .bx-viewport #slider li {
	height: 100%;
}
.MAINVISUAL .bx-wrapper .bx-viewport #slider li a {
	display: block;
	width: 100%;
	height: 100%;
}

.top-scroll{
	position: absolute;
	bottom: 20px;left:  20px;
	z-index: 2222;
}

.MAINVISUAL .bx-wrapper li {
    background: center top/cover no-repeat;
	overflow:hidden;
	position: relative;
	width: 100%;
	/* height: 100vh; */
	height: -webkit-calc(100vh - 120px) ;
	height: calc(100vh - 120px) ;

	/* position: relative;
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	width:100%;    height:0;
	padding-top: 56.25%; */
}
/* 背景ポジション */
.MAINVISUAL .bx-wrapper li:nth-of-type(1) {background: center center/cover no-repeat;}
.MAINVISUAL .bx-wrapper li:nth-of-type(2) {background: center bottom/cover no-repeat;}
.MAINVISUAL .bx-wrapper li:nth-of-type(3) {background: center top/cover no-repeat;}



.MAINVISUAL .bx-wrapper li a{
	display: block;
}

.MAINVISUAL .go-down-bar {
	width: 1px;
    height: 84px;
    position: absolute;
    bottom: 0px;
    left: 50%;
	transform: translate(-50%,0);
    background-color: white;
    z-index: 100;
    -webkit-transition: all 1600ms;
    -o-transition: all 1600ms;
    transition: all 1600ms;
}
.MAINVISUAL .go-down-bar .go-down-bar-in {
	position: absolute;
    background: white;
    width: 3px;
	margin-left: -1px;
    height: 40%;
    -webkit-animation: aniScrollBar 1600ms 1920ms infinite;
    animation: aniScrollBar 1600ms 1920ms infinite;
}
@-webkit-keyframes aniScrollBar {
	from {
	  top: 0%;
	}
  
	to {
	  top: 120%;
	}
  }
  
  @keyframes aniScrollBar {
	from {
	  top: 0%;
	}
  
	to {
	  top: 120%;
	}
  }
  


/* bxsliderオプション */
.bxslider ul {
	opacity: 0;
}

.bxslider a {
	transition: 0.4s;
}

.bx-loading:before,
.bx-loading:after,
.bx-loading {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.bx-loading {
  color: #000;
  font-size: 10px;
  position: absolute;
  top: 40%;
  left: 50%;
  text-indent: -100%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.bx-loading:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.bx-loading:after {
  left: 3.5em;
}
.bx-loading:before,
.bx-loading:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
	box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
	box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
	box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
	box-shadow: 0 2.5em 0 0;
  }
}
/* #slider li{
	transform: scale(1);
}
#slider .active-slide {
	transform: scale(1.1);
	transition: 10s;
	
} */


/* メインビジュアル SP */
@media only screen and (max-width: 768px) {

	.MAINVISUAL {
		width: 100%;
		height: auto;
		z-index: 99996;
		overflow:hidden;
	}

	.MAINVISUAL .bx-wrapper .bx-viewport #slider {
		height: 100dvh;
	}


	.top-scroll{
		display: none !important;
	}
	.MAINVISUAL .bx-wrapper li {
		position: static;
		background-image: none !important;
		width:100%;    height:auto;
		padding-top: 0;
	}
	.MAINVISUAL #slider li .mvparts{
		position: static;
		width: 100% !important;
	}
	.MAINVISUAL #slider li .mvparts img{width: 100%;
	}

}

.mvparts.mv-full{
	width: 100%;
	height: 100vh;
}
.mvparts.mv-parts00{	position: absolute;	top: 0px; left: 0px;}
.mvparts.mv-parts01{	position: absolute;	top: 60px; left: 60px;}
.mvparts.mv-parts02{	position: absolute;	top: 60px; right: 60px;}
.mvparts.mv-partsEXAM{	position: absolute;	top: 60px; left: 60px;}
.mvparts.mv-partsPSYa{	position: absolute;	bottom: 7%; left: 15%;}
.mvparts.mv-partsPSYb{	position: absolute;	top: 10%; right: 160px;}
.mvparts.mv-parts5GTV{	position: absolute;	top: 100px; right: 100px;}
.mvparts.mv-partsPRa{	position: absolute;	top: 210px; left: 250px;width: 270px;}
.mvparts.mv-partsPRb{	position: absolute;	top: 30px; right: 25px;width: 131px;}
.mvparts.mv-partsPRc{	position: absolute;	bottom: 30px; right: 40px;width: 408px;}
.mvparts.mv-parts2021newyear{	position: absolute;	bottom: 100px; right: 0;left:0;margin: auto; width: 80%;}
.mvparts.mv-message2021{	position: absolute;	top: 90px; left: 90px;width: 400px;}

.mvparts.mv-parts-oc20120506{	position: absolute; top: 90px; right: 190px;width: 371px;}
.mvparts.mv-oc2021{	position: absolute; top: 75px; left: 80px;width: 749px;}
.mvparts.mv-exam2022{	position: absolute; top: 60px; left: 60px;width: 535px;}
.mvparts.mv-pt2022{position: absolute;	bottom: 0; left: 0;	max-width: 670px;	width: 35%;}


a:hover .mvparts img{
	opacity:1;
}

/* 経済学科
----------------------------------------*/
#slider-economics .partsS1a{
	position: absolute;
	left: 14.93%;
	bottom: -webkit-calc(9.87% + 20px) ;
	bottom: calc(9.87% + 20px) ;
}
#slider-economics .partsS1b{
	position: absolute;
	right: 14.93%;
	top: 7.71% ;
}

@media only screen and (min-width: 1600px) {

	#slider-economics .partsS1a img{
		width: 28vw;
	}
	#slider-economics .partsS1b img{
		width: 11.37vw;
	}

}
@media only screen and (max-height: 800px) {

	#slider-economics .partsS1a img{
		height: 64.04vh;
	}
	#slider-economics .partsS1b img{
		height: 42.4vh;
	}

}

/* 高さ */
@media only screen and (max-height: 850px) {

	#slider-economics .partsT{
		top: 5%;
		margin-right:50%;
	}
	#slider-economics .partsT img{
		height: 36vh;
	}

	#slider-economics .partsT2{
		top: 5%;
		margin-right:50%;
	}
	#slider-economics .partsT2 img{
		height: 26vh;
	}

	#slider-economics .partsA{
		top: 5%;
		margin-left:45%;
	}
	#slider-economics .partsA img{
		height: 43vh;
	}
	#slider-economics .partsB{
		bottom: 21.29%;
		margin-right:50%;
	}
	#slider-economics .partsB img{
		height: 20vh;
	}
	#slider-economics .partsC{
		bottom: 21.1%;
		margin-left:40%;
	}
	#slider-economics .partsC img{
		height: 23vh;
	}

}






/* 帯部分 */
/* 1枚目 */
#slider-economics .obi-slide01{
	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute;
	z-index: 99996;
	left: 0;bottom: 0;
	width: 100%;
	height: 64px;

	background-color:rgba(117, 12, 77, 0.9);
}
#slider-economics .obi-slide01 h2{
	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	background: url(../../department/feature/images/slide_obi2.svg) no-repeat;

	width: 842px;  height: 27px;
	text-align: center;
}


@media only screen and (max-width: 768px) {
	#slider-economics .obi-slide01,
	#slider-economics .obi{
		display: none;
	}

}

/* exam2023
----------------------------------------*/
.mvparts.mv-exam2023{	position: absolute; top: 40px; left: 40px;max-width: 500px;width: 100%; height: auto;}
@media only screen and (max-height: 800px) {

	.mvparts.mv-exam2023 img{
		width: auto;
		height: 70vh;
		margin: 0;
	}

}

/* OC2022
----------------------------------------*/
.mvparts.mv-oc2022{	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left: 7.2%;
	width: 780px;

}
@media only screen and (max-height: 960px) {

	.mvparts.mv-oc2022 img{
		width: auto;
		height: 80vh;
	}

}
/* 公務員
----------------------------------------*/
.mvparts.mv-public_officer{	position: absolute; top: 160px; left: 4.68%;max-width: 802px;width: 41.771%;}
@media only screen and (max-height: 900px) {

	.mvparts.mv-public_officer{
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: auto;
	}


	.mvparts.mv-public_officer{
	max-width: 450px;
	width: 41.771%;
	}
	}

/* 個別オンライン
----------------------------------------*/
.mvparts.mv-kobetsu{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;
	text-align: center;
}
/* BYOD
----------------------------------------*/
.mvparts.mv-byod{
	width: 744px;
	position: absolute;
	left: 0;right: 0;
	bottom: 150px;
	outline: 0;
	margin: auto;
	text-align: center;
}
/* 学園祭2021
----------------------------------------*/
.mvparts.mv-fes2021{
	position: absolute;
	left: 0;	top:0;
	outline: 0;
	margin: auto;
	text-align: center;
}
.mvparts.mv-fes2021 img{
	height: 99vh;
}
.mvparts.mv-fes2021b{
	width: 50%;
	right: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;
	text-align: center;
}
.mvparts.mv-fes2021b img{
	width: auto;
	margin: auto;
	height: 70vh;
}


.mvparts.mv-partsPRaVER2{}

.mvparts.mv-partsC{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;
	text-align: center;
}
/* 30秒プレゼン
----------------------------------------*/
img.img-presentationVER2{
    max-width: 502px;max-height: 541px;
    width: 100%;
    margin: auto;
    text-align: center;
}
img.img-presentationVER3{
    max-width: 537px;
    width: 100%;
    margin: auto;
    text-align: center;
}
/* 30秒プレゼン 2024.11
----------------------------------------*/
.MAINVISUAL #slider li .movie video{
	width: 100%;
	height: 100%;
	min-height: 56vw;
	object-fit: cover;
}
.MAINVISUAL #slider li .presentation_img{
	width: auto;
	height: 610px;
	max-height: 90%;
	position: absolute;
	top: 50%;
	left: 80px;
	transform: translateY(-50%);
	z-index: 5;
	transition: none;
}
.MAINVISUAL #slider li .click_img{
	position: absolute;
	bottom: 30px;
	right: 35px;
	z-index: 5;
	transition: none;
}
@media only screen and (max-width: 768px) {
	.MAINVISUAL #slider li .movie{
		width: 100%;
		height: 100%;
	}
	.MAINVISUAL #slider li .presentation_img{
		width: 94%;
		top: 45%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.MAINVISUAL #slider li .click_img{
		width: 136px;
		height: auto;
		bottom: 10px;
		right: 10px;
	}
	.MAINVISUAL #slider li .sp_img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* OCオンライン
----------------------------------------*/
img.mv-parts-oconline{
    margin: auto;
    text-align: center;
    width: 1065px;
}


/* OC 2023
----------------------------------------*/
.mvparts.mv-oc2023border{
	position: absolute;
		width: 100%;
	height: -webkit-calc(100vh - 120px) ;
	height: calc(100vh - 120px) ;
	/* border:25px #D3E200 solid; */
	/* 6月18日以降 */
	border:25px #6ec81e solid;
	
}

.mv-oc2023txt{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	outline: 0;
	margin: auto;
	text-align: center;

	display: block;
	white-space: nowrap;	text-indent: 100%;	overflow: hidden;
	/* background-image: url(../../images/mainvisual/oc2023_parts-day6from_bg.png); */
	background-image: url(../../images/mainvisual/oc2023_b_parts.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;height: 100%;
}


@media only screen and (max-width: 768px) {
	.mv-oc2023txt{	display: none;}
}




/* @media only screen and (max-height: 767px) {

.mv-oc2023txt{
	top: 55%;
	-webkit-transform: translate(0, -45%);
	-ms-transform: translate(0, -45%);
	transform: translate(0, -45%);
}

} */

/* OC 20230325
----------------------------------------*/
.mvparts.mv-oc230325{	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);

}

.mvparts.mv-oc230325A{
	position: absolute;
	left: 0;right: 0;
	top: 20.37vh;
	outline: 0;
	margin: auto;
	text-align: center;
}
@media only screen and (max-height: 900px) {

	.mvparts.mv-oc230325A img{
		height: 49.58vh;
	}

}

/* データサイエンス
----------------------------------------*/
.mvparts.mv-datascienceA{	position: absolute; bottom: 25px; left: 25px;max-width: 1508px;width: 78.54%;}
.mvparts.mv-datascienceD{	position: absolute; top: 2%; left: 0;max-width: 1717px;width: 89.42%;}
.mvparts.mv-datascienceC{	position: absolute; top: 15px; right: 15px;max-width: 180px;width: 9.375%;}


@media only screen and (max-height: 800px) {
	.mvparts.mv-datascienceA img{width: auto; height: 47.4vh;}
	.mvparts.mv-datascienceD img{width: auto; height: 30.46vh;}
	}

/* 奨学金2023 
----------------------------------------*/
.mvparts.mv-scholarship2023{border:1px #ff0000 solid;
	position: absolute;
	top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
	
right: 0;left:0;margin: auto;	min-width: 722px;width: 37.5%;}


/* 
@media only screen and (max-height: 880px) {

	.mvparts.mv-scholarship2023 img{border:1px #ff0000 solid;
		height: 66.85vh;

	}

} */



@media only screen and (max-width: 1000px) {

	.mvparts.mv-scholarship2023{
		width: 44.85%;
		min-width: auto;
	}

}





/* サムネイル
=============================================================================*/
/**/
.MAINVISUAL .bx-pager-area {
	position:absolute;
	bottom:10px;
	/* bottom:80px; */
	/* bottom:176px; */
    right: 20px;
	width:190px;
	z-index:60;
}
@media only screen and (max-width: 768px) {

	.MAINVISUAL .bx-pager-area {
		display: none;
	}

}
.MAINVISUAL .bx-pager-area ul {
	width:100%;
/*	height:54px;*/
	margin:0 auto;
	text-align:center;
	letter-spacing:-0.4em;
/*	padding-right:15px;*/

}

.MAINVISUAL .bx-pager-area ul li {
	letter-spacing:normal;
	display:inline-block;
	display: inline;
	zoom: 1;
/*	padding:0 10px;*/
    margin-top: 5px;
}
.MAINVISUAL .bx-pager-area ul li a {
	display:block;
	border:1px solid #FFFFFF;
	overflow:hidden;
    width: 190px;
    height: auto;
/*	width:120px;*/
/*	height:54px;*/
	position:relative;
}
.MAINVISUAL .bx-pager-area ul li a:hover,
.MAINVISUAL .bx-pager-area ul li a.active {
	border:1px solid #cfdb00;
}
.MAINVISUAL .bx-pager-area ul li a img {
/*
	height:auto;
	width:160px;
	position:absolute;
	top:-10px;
	left:50%;
	margin-left:-80px;
*/
}

.MAINVISUAL .bx-pager-area ul li a img:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;

}

.MAINVISUAL .bx-pager-item a:hover ,
.MAINVISUAL .bx-pager-item a.active {
	background-position:0 -20px;
}