@charset "UTF-8";
@media screen and (max-width: 767px){
:root{
	--body : #333;
	--link : #333;
	--primary : #00205B;
	--secondary : #F7F7F7;
}

/*--------------------------------------------
TEXT
---------------------------------------------*/

[data-sp-after]:after{
	content : attr( data-sp-after );
	white-pcace : pre;
}

[data-sp-before]:before{
	content : attr( data-sp-before );
	white-space : pre;
}

/*--------------------------------------------
TITLE
---------------------------------------------*/

.title01{
	text-align : center;
	font-size : calc( 18 * 100vw / 390 );
	letter-spacing : 0;
}

.title01:after{
	font-size : calc( 15 * 100vw / 390 );
	display : block;
	margin-top : 8px;
}

.title02 span{
	font-size : calc( 18 * 100vw / 390 );
}

.title02 span:before , .title02 span:after{
	height : calc( 8 * 100vw / 390 );
}

.title02 span:before{
	margin-right : calc( 20 * 100% / 390 );
}

.title02 span:after{
	margin-left : calc( 20 * 100% / 390 );
}

.title02:after{
	margin-top : calc( 6 * 100vw / 390 );
	font-size : calc( 15 * 100vw / 390 );
}

/*--------------------------------------------
LINK
---------------------------------------------*/

.link01{
	width : calc( 240 * 100vw / 390 );
	height : calc( 50 * 100vw / 390 );
	font-size : calc( 12 * 100vw / 390 );
	letter-spacing : 0;
}

.link01:before{
	width : calc( 242 * 100vw / 390 );
	right : calc( -8 * 100vw / 390 );
	bottom : calc( -8 * 100vw / 390 );
}

.link01:after{
	height : calc( 54 * 100vw / 390 );
	right : calc( -8 * 100vw / 390 );
	top : calc( 2 * 100vw / 390 );
}

.link-more{
	display : flex;
	align-items : center;
	justify-content : center;
	position : relative;
	transition : color .3s ease-in;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	will-change : color;
	margin-left : auto;
	margin-right : auto;
	border : 1px solid #000;
	text-align : center;
	width : calc( 240 * 100vw / 390 );
	height : calc( 50 * 100vw / 390 );
	font-size : calc( 12 * 100vw / 390 );
	letter-spacing : 0;
}

.link-more:before , .link-more:after{
	content : "";
	display : block;
	position : absolute;
	background-color : #000;
	transition-property : all;
	transition-duration : .15s;
	transition-timing-function : ease;
}

.link-more:before{
	height : 1px;
	transition-delay : .15s;
	width : calc( 242 * 100vw / 390 );
	right : calc( -8 * 100vw / 390 );
	bottom : calc( -8 * 100vw / 390 );
}

.link-more:after{
	width : 1px;
	transition-delay : 0s;
	height : calc( 54 * 100vw / 390 );
	right : calc( -8 * 100vw / 390 );
	top : calc( 2 * 100vw / 390 );
}

.link-more:hover:before{
	width : 0;
	transition-delay : 0s;
}

.link-more:hover:after{
	height : 0;
	transition-delay : .15s;
}

/*--------------------------------------------
TABS
---------------------------------------------*/

.tab-controller a{
	height : calc( 34 * 100vw / 390 );
	text-align : center;
	letter-spacing : 0;
	text-indent : 0;
	font-size : calc( 11 * 100vw / 390 );
line-height:1.2;
}

.tab-controller > li{
	width : 100%;
}

/*--------------------------------------------
HOME
- BANNERS
---------------------------------------------*/

#home-banners{
	margin-top : calc( 28 * 100vw / 390 );
	padding-bottom : calc( 34 * 100vw / 390 );
}

#home-banners #slider02 .slick-slide{
	margin-left : calc( 14 * 100vw / 390 );
	margin-right : calc( 14 * 100vw / 390 );
}

#home-banners #slider02 a{
	width : calc( 250 * 100vw / 390 );
	height : calc( 82 * 100vw / 390 );
}

/*--------------------------------------------
HOME
- CAMPUS
---------------------------------------------*/

#home-campus{
	/*padding-bottom : calc( 50 * 100vw / 390 );*/
padding-top: calc( 20 * 100vw / 390 );
}

#home-campus picture{
	width : 100%;
	height : calc( 81 * 100vw / 390 );
}

/*--------------------------------------------
HOME
- ACADEMICS
---------------------------------------------*/

#home-academics{
	padding-bottom : calc( 64 * 100vw / 390 );
}

#home-academics .tab-controller{
	margin-top : calc( 18 * 100vw / 390 );
}

#home-academics .tab-sections{
	padding-top : calc( 36 * 100vw / 390 );
}

#home-academics .list-links{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}

#home-academics .list-links > li{
	width : calc( 162 * 100% / 356 );
}

#home-academics .list-links > li:nth-child(n+3){
	margin-top : calc( 24 * 100vw / 390 );
}

#home-academics picture{
	height : calc( 102 * 100vw / 390 );
}

#home-academics h3{
	font-size : calc( 12 * 100vw / 390 ) !important;
	margin-top : calc( 16 * 100vw / 390 );
}

#home-academics .list-links ul{
	margin-top : calc( 18 * 100vw / 390 );
}

#home-academics .list-links li li + li{
	margin-top : calc( 15 * 100vw / 390 );
}
#home-academics .list-links h3 a{
	font-size : calc( 12 * 100vw / 390 ) !important;
}
#home-academics .list-links a{
	font-size : calc( 10 * 100vw / 390 );
}

#home-academics .list-links a:after{
	width : calc( 40 * 100vw / 390 );
	height : calc( 5 * 100vw / 390 );
}

#home-academics .list-links a:hover:after{
	transform : translateX(calc( 4 * 100vw / 390 ));
}

#home-academics .link01{
	margin-top : calc( 30 * 100vw / 390 );
}

#home-academics .link-more{
	margin-top : calc( 22 * 100vw / 390 );
}

/*--------------------------------------------
HOME
- NEWS
---------------------------------------------*/

#home-news .wrap{
	position : relative;
	margin-top : calc( 26 * 100vw / 390 );
	padding-bottom : calc( 64 * 100vw / 390 );
}

#home-news .tab-sections{
	margin-top : calc( 38 * 100vw / 390 );
}

#home-news .list-news > li + li{
	margin-top : calc( 22 * 100vw / 390 );
}

#home-news .list-news a{
	-ms-grid-rows : calc( ( 11 - 6 ) * 100vw / 390 ) auto calc( ( 18 - 6 ) * 100vw / 390 ) auto auto;
	grid-template-rows : calc( ( 11 - 6 ) * 100vw / 390 ) auto calc( ( 18 - 6 ) * 100vw / 390 ) auto auto;
	-ms-grid-columns : calc( 98 * 100% / 356 ) calc( 32 * 100% / 356 ) 1fr;
	grid-template-columns : calc( 98 * 100% / 356 ) calc( 32 * 100% / 356 ) 1fr;
}

#home-news picture{
	height : calc( 98 * 100vw / 390 );
}

#home-news h3{
	font-size : calc( 12 * 100vw / 390 );
	line-height : 2;
}

#home-news .list-news a > div{
	/*flex-wrap : wrap;*/
}

#home-news .category{
	/*margin-left : calc( -18 * 100vw / 390 );
	margin-right : calc( 18 * 100vw / 390 );
	margin-top : calc( -18 * 100vw / 390 );*/
margin-left: calc( -5 * 100vw / 390 );
margin-top: calc( -5 * 100vw / 390 );
}

#home-news .category li{
	/*margin-left : calc( 18 * 100vw / 390 );
	margin-top : calc( 18 * 100vw / 390 );
	font-size : calc( 12 * 100vw / 390 );
	padding-left : calc( 18 * 100vw / 390 );
	padding-right : calc( 18 * 100vw / 390 );
	height : calc( 24 * 100vw / 390 );*/
margin-left: calc( 5 * 100vw / 390 );
margin-top: calc( 5 * 100vw / 390 );
font-size: calc( 9 * 100vw / 390 );
padding-left: calc( 13 * 100vw / 390 );
padding-right: calc( 13 * 100vw / 390 );
height: calc( 24 * 100vw / 390 );
}

#home-news time{
	/*font-size : calc( 12 * 100vw / 390 );
	margin-top : calc( 6 * 100vw / 390 );*/
font-size: calc( 12 * 100vw / 390 );
width: calc( 74 * 100% / 226 );
margin-top: calc( ( 6 + 2 ) * 100vw / 390 );
}

#home-news .link-more{
	margin-top : calc( 40 * 100vw / 390 );
}

/*--------------------------------------------
HOME
- EVENT
---------------------------------------------*/

#home-event{
	padding-top : calc( 32 * 100vw / 390 );
	padding-bottom : calc( 40 * 100vw / 390 );
}

#home-event .list-event{
	margin-top : calc( 24 * 100vw / 390 );
}

#home-event .list-event li + li{
	margin-top : calc( 10 * 100vw / 390 );
}

#home-event .list-event a{
	flex-wrap : wrap;
	align-items : flex-start;
	padding-top : calc( 22 * 100vw / 390 );
	padding-bottom : calc( ( 20 - 4.5 ) * 100vw / 390 );
	padding-left : calc( 16 * 100% / 356 );
	padding-right : calc( 16 * 100% / 356 );
}

#home-event .list-event a.end:before{
	font-size : calc( 22 * 100vw / 390 );
}

#home-event .list-event .times{
	padding-top : calc( 3 * 100vw / 390 );
	font-size : calc( 18 * 100vw / 390 );
}

#home-event .list-event .times span{
	font-size : calc( 11 * 100vw / 390 );
}

#home-event .list-event .label{
	margin-left : auto;
	font-size : calc( 9 * 100vw / 390 );
	/*height : calc( 24 * 100vw / 390 );*/
min-height : calc( 24 * 100vw / 390 );
padding-top : calc( 6 * 100% / 324 );
padding-bottom : calc( 6 * 100% / 324 );
	padding-left : calc( 12 * 100% / 324 );
	padding-right : calc( 12 * 100% / 324 );
	/*min-width : calc( 87 * 100% / 324 );*/
width : calc( 145 * 100% / 324 );
}

#home-event .list-event .label:before{
	width : calc( 10 * 100vw / 390 );
	height : calc( 15 * 100vw / 390 );
	margin-right : calc( 8 * 100vw / 390 );
}

#home-event .list-event .hgroup{
	margin-top : calc( ( 14 - 6.5 ) * 100vw / 390 );
}

#home-event .list-event .hgroup h3{
	font-size : calc( 13 * 100vw / 390 );
	line-height : 2.1538;
}

#home-event .list-event .hgroup p{
	font-size : calc( 12 * 100vw / 390 );
	line-height : 1.75;
	margin-top : calc( ( 8 - 6.5 - 4.5 ) * 100vw / 390 );
}

#home-event .link-more{
	margin-top : calc( 30 * 100vw / 390 );
}

/*--------------------------------------------
GLOBAL FOOTER
---------------------------------------------*/

#globalFooter{
	padding-top : calc( 48 * 100vw / 390 );
}

#footerLinks{
	padding-left : calc( 17 * 100% / 356 );
	padding-right : calc( 17 * 100% / 356 );
	padding-top : calc( 54 * 100vw / 390 );
	padding-bottom : calc( 36 * 100vw / 390 );
}

#footerLinks .links > li + li{
	margin-top : calc( 46 * 100vw / 390 );
}

#footerLinks .links > li > a , #footerLinks .links > li span{
	font-size : calc( 18 * 100vw / 390 );
}

#footerLinks .links ul{
	margin-top : calc( 24 * 100vw / 390 );
}

#footerLinks .links li li:nth-child(n+3){
	margin-top : calc( 19 * 100vw / 390 );
}

#footerLinks .links li li a{
	font-size : calc( 14 * 100vw / 390 );
}

#footerLinks .links ul + a{
	margin-top : calc( 19 * 100vw / 390 );
	font-size : calc( 14 * 100vw / 390 );
}

#footerLinks .externals{
	margin-top : calc( 28 * 100vw / 390 );
text-align:center;
}

#footerLinks .externals > a{
	width : calc( 210 * 100% / 356 );
margin:auto;
}

#footerLinks .externals ul{
	/*margin-top : calc( 24 * 100vw / 390 );*/
	width: 120px;
        margin: 40px auto;
	overflow: hidden;

}
#footerLinks .externals li{
float: left;
}
#footerLinks .externals li + li{
	margin-left : calc( 24 * 100% / 356 );
}

#footerLinks .externals ul img{
	/*height : calc( 22 * 100vw / 390 );*/
height : calc( 40 * 100vw / 390 );
}

@media screen and (max-width: 1299px){
	#footerLinks{
		padding-left : 20px;
		padding-right : 20px;
	}
}

@media screen and (min-width: 1300px){
	#footerLinks{
		padding-left : 50px;
		padding-right : 50px;
	}
}

#footerMe{
	padding-top : calc( 16 * 100vw / 390 );
	padding-bottom : calc( 16 * 100vw / 390 );
text-align:center;
}

#footerMe .logo{
	/*width : calc( 250 * 100% / 356 );*/
width : calc( 210 * 100% / 356 );
}

#footerMe .info{
	margin-top : calc( 18 * 100vw / 390 );
	font-size : calc( 10 * 100vw / 390 );
text-align:center;
display: block;
}

#footerMe > p{
	font-size : calc( 9 * 100vw / 390 );
	margin-top : calc( 10 * 100vw / 390 );
}

}