@charset "utf-8";

/* ======================

 [brake-point]
 min-width:768px
 max-width:767px

====================== */


/* -----------------------------------------------------------------------------------------------------------
 枠組み
----------------------------------------------------------------------------------------------------------- */

/*  */
#wrapContainer{
	width: 100%;
}

/* 包括要素の中 width指定 */
.innerContainer {
	margin: 0 auto;
}

/* Pc Style----------------------------------------------- */
@media screen and (min-width:768px
) {}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {}


/* -----------------------------------------------------------------------------------------------------------
 ヘッダー
----------------------------------------------------------------------------------------------------------- */
/* ヘッダー包括 */
#header {
	width: 100%;
	background: #fff;
	position: relative;
}
/* ヘッダー */
#wrapHead {
	width: 100%;
	display: table;
	background-image: url(/admissions/img/common/header/h_ic.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#headLogo,
#headSearchBtn {
	display: table-cell;
}
#headSearchBtn {
	border-left: #e0e0e0 1px solid;
	text-align: right;
	vertical-align: middle;
	cursor: pointer;
}
#headSearchBtn > img {
	width: 20px;
	display: block;
	margin: auto;
}
/* 検索 */
#headSearchBox {
	width: 100%;
	background: #efefef;
	position: absolute;
	left: 0;
	z-index: 130;
	display: none;
}
#headSearchBox form {
	margin: 0 auto;
}
#headSearchBox .searchBox {
	width: 100%;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}
#headSearchBox .searchBox dt {
    flex: 1 1 auto;
}
#headSearchBox .searchBox input {
	background: #fff;
	border: #cbcbcb 1px solid;
	width: 100%;
	height: 100%;
	padding: 5px 10px;
}
#headSearchBox .searchBox button {
	background-color: #222;
	background-image: url(/admissions/img/common/header/ic_search_white.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px auto;
	cursor: pointer;
}


/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
.onlySp,
.pcDisNone{
	display: none !important;
}
/* ヘッダー */
#header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 21;
}
#wrapHead {
	background-size: auto 86px;
}
#headLogo {
	padding-left: 120px;
	vertical-align: middle;
}
#headLogo img {
	height: 86px;
	vertical-align: bottom;
}

#headSearchBtn {
	width: 86px;
	height: 86px;
	transition: 0.3s;
}
#headSearchBtn:hover {
	opacity: 0.7;
}
/* 検索 */
#headSearchBox {
	padding: 25px 0;
	top: 86px;
}
#headSearchBox form {
	width: 486px;
}
#headSearchBox .searchBox {
	height: 56px;
}
#headSearchBox .searchBox button {
	width: 56px;
	height: 56px;
	transition: 0.3s;
}
#headSearchBox .searchBox button:hover {
	opacity: 0.7;
}
}

@media screen and (min-width:990px) {
#wrapHeadSubMenuBottom {
	display: table-cell;
	width: 272px;
	/*width: 496px; 4列の場合*/ 
	vertical-align: middle;
	text-align: right;
	padding-right: 30px;
}
#wrapHeadSubMenuBottom ul {
	letter-spacing: -0.4em;
	text-align: right;
}
#wrapHeadSubMenuBottom ul > li{
	letter-spacing: normal;
	text-align: center;
	display: inline-block;
	margin-left: 11px;
	font-size: 1.1rem;
}
#wrapHeadSubMenuBottom ul.upper > li:first-child {
	margin-left: 0;
}
#wrapHeadSubMenuBottom ul > li a {
	background: #222;
	border: #222 1px solid;
	color: #fff;
	display: block;
	width: 108px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	transition: 0.3s;
}
#wrapHeadSubMenuBottom ul > li a:hover {
	background: #fff;
	color: #222;
	text-decoration: none;
}

#wrapHeadSubMenuBottomInner{
	/* display: table; */
	display: flex;
}

#wrapHeadSubMenuBottom ul{
	/* display: table-cell; */
	display: flex;
}
}
@media screen and (min-width:767px) and (max-width:989px) {

#wrapHeadSubMenuBottom {
	border-top: #3c3c3c 1px solid;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 50;
}
#wrapHeadSubMenuBottom ul {
	width: 100%;
	display: table;
}
#wrapHeadSubMenuBottom ul > li {
	display: table-cell;
	width: 50%;
	text-align: center;
	border-left: #3c3c3c 1px solid;
	border-bottom: #3c3c3c 1px solid;
}
#wrapHeadSubMenuBottom ul > li:first-child {
	border-left: none;
}
#wrapHeadSubMenuBottom ul > li.icSubMenuG,
#wrapHeadSubMenuBottom ul > li.icSubMenuC {
	border-bottom: none;
}
#wrapHeadSubMenuBottom ul > li a {
	background: #222;
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {
.onlyPC,
.spDisNone {
	display: none !important;
}
/* ヘッダー */
#wrapHead {
	background-size: auto 58px;
}
#header {
	height: 58px;
}
#headLogo {
	text-align: center;
	padding-left: 18%;
}
#headLogo img {
	height: 58px;
	margin: auto;
	vertical-align: bottom;
}
#headSearchBtn {
	width: 58px;
}
/* 検索 */
#headSearchBox {
	padding: 15px 0;
	top: 58px;
}
#headSearchBox form {
	width: 90%;
}
#headSearchBox .searchBox {
	height: 36px;
}
#headSearchBox .searchBox button {
	width: 36px;
	height: 36px;
}

#wrapHeadSubMenuBottom {
	border-top: #3c3c3c 1px solid;
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 50;
}
#wrapHeadSubMenuBottom ul {
	width: 100%;
	display: table;
}
#wrapHeadSubMenuBottom ul > li {
	display: table-cell;
	width: 50%;
	text-align: center;
	border-left: #3c3c3c 1px solid;
	border-bottom: #3c3c3c 1px solid;
}
#wrapHeadSubMenuBottom ul > li:first-child {
	border-left: none;
}
#wrapHeadSubMenuBottom ul > li.icSubMenuG,
#wrapHeadSubMenuBottom ul > li.icSubMenuC {
	border-bottom: none;
}
#wrapHeadSubMenuBottom ul > li a {
	background: #222;
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
}

}


/* -----------------------------------------------------------------------------------------------------------
 パンくず
----------------------------------------------------------------------------------------------------------- */
/* パンくず包括
---------------------------------------------------------------------- */
#wrapBreadcrumb {
	background: #000;
	color: #fff;
}
#wrapBreadcrumb .innerContainer {}

#wrapBreadcrumb .innerContainer li{
	font-size: 1.2rem;
}
#wrapBreadcrumb .innerContainer a{
	color: #fff;
	text-decoration: underline;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
#wrapBreadcrumb {
	height: 40px;
	margin-top: 86px;
}
#wrapBreadcrumb .innerContainer {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 15px;
}
#wrapBreadcrumb .innerContainer ul {
	display: table;
	height: 40px;
}

#wrapBreadcrumb .innerContainer ul li {
	display: table-cell;
	padding-right: 5px;
	vertical-align: middle;
}

#wrapBreadcrumb .innerContainer ul li:after {
	content: "＞";
	padding-left: 5px;
}

#wrapBreadcrumb .innerContainer ul li:last-child:after {
	content: "";
}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {
#wrapBreadcrumb {
	clear: both;
	padding: 5px 40px 5px 5%;
	min-height: 34px;
}
#wrapBreadcrumb .innerContainer ul li {
	float: left;
	padding-right: 5px;
}
#wrapBreadcrumb .innerContainer ul li:after {
	content: "＞";
	padding-left: 5px;
}
#wrapBreadcrumb .innerContainer ul li:last-child:after {
	content: "";
}
}



/* -----------------------------------------------------------------------------------------------------------
 メインタイトル
----------------------------------------------------------------------------------------------------------- */

/* メインタイトル包括
---------------------------------------------------------------------- */
#wrapContentsTtl {}

#wrapContentsTtl .innerContainer {}
#wrapContentsTtl .contentsTtl,
#wrapContentsTtl > .innerContainer > h1 {
	color: #fff;
	font-weight: bold;
}
#wrapContentsTtl .innerContainer .contentsTtl .sub,
#wrapContentsTtl > .innerContainer > h1 .sub {
	display: block;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
#wrapContentsTtl {
	height: 290px;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 20px;
}

#wrapContentsTtl .innerContainer {
	width: 90%;
	max-width: 1260px;
	height: 270px;
	margin: 0 auto;
	display: table;
}
#wrapContentsTtl .innerContainer .contentsTtl,
#wrapContentsTtl > .innerContainer > h1 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 2.8rem;
	padding-left: 70px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
}
#wrapContentsTtl .innerContainer .contentsTtl .sub,
#wrapContentsTtl > .innerContainer > h1 .sub {
	font-size: 1.8rem;
}

/*入試情報------------------------*/
#wrapExamination #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
}

/*最新情報------------------------*/
#wrapInfoNews #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_news.png);
}
/*入試の変更点に関する情報------------------------*/
#wrapInfoExamination #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_info_examination.png);
}

/*イベント情報--------------------*/
#wrapInfoEvents #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_event.png);
}

/*WEB願書------------------------*/
	#wrapEntry #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}


/*ネット出願について------------------------*/
	#wrapAbout #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}


/*ダウンロードサービス------------------------*/
	#wrapDoc #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}


/*資料請求?デジタルパンフレット------------------------*/
	#wrapPamphlet #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*入試対策講座------------------------*/
	#wrapSeminar #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*LINE------------------------*/
	#wrapLine #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}


/*検索結果------------------------*/
	#wrapSearch #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*（高校教員用）各種申込書の取得------------------------*/
	#wrapHighschool #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}




/*404 HTTP Error Page Not Found------------------------*/
	#wrap404 #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}
/*まなびを知る------------------------*/
#wrapAcademics #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_academics.png);
}
/*研究紹介------------------------*/
#wrapResearch #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_research.png);
}
/*キャンパスライフを知る------------------------*/
#wrapCampus #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_campus.png);
}
/*就職を知る------------------------*/
#wrapCareer #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_career.png);
}
/*グローバルを知る------------------------*/
#wrapInternational #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_international.png);
}


}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {
#wrapContentsTtl {
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	padding-top: 25%;
	margin-bottom: 42px;
	position: relative;
}
#wrapContentsTtl .contentsTtl,
#wrapContentsTtl > .innerContainer > h1 {
	position: absolute;
	left: 0;
	bottom: -42px;
	text-align: center;
	width: 100%;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	background-color: #002a40;
	line-height: 1.4;
}
#wrapContentsTtl .contentsTtl .sub,
#wrapContentsTtl > .innerContainer > h1 .sub {
	font-size: 1.2rem;
	padding-left: 2em;
}

/*入試情報------------------------*/
#wrapExamination #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
}
#wrapExamination #wrapContentsTtl .contentsTtl,
#wrapExamination #wrapContentsTtl > .innerContainer > h1 {
	background-color: #002a40;
}


/*最新情報------------------------*/
#wrapInfoNews #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_news.png);
}
#wrapInfoNews #wrapContentsTtl .contentsTtl,
#wrapInfoNews #wrapContentsTtl > .innerContainer > h1,
#wrapInfoExamination #wrapContentsTtl .contentsTtl,
#wrapInfoExamination #wrapContentsTtl > .innerContainer > h1 {
	background-color: #b7193f;
}
/*入試の変更点に関する情報------------------------*/
#wrapInfoExamination #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_info_examination.png);
}


/*イベント情報--------------------*/
#wrapInfoEvents #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_event.png);
}


/*WEB願書------------------------*/
	#wrapEntry #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*ネット出願について------------------------*/
	#wrapAbout #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}
	
/*ダウンロードサービス------------------------*/
	#wrapDoc #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*資料請求?デジタルパンフレット------------------------*/
	#wrapPamphlet #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*入試対策講座------------------------*/
	#wrapSeminar #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*LINE------------------------*/
	#wrapLine #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*検索結果------------------------*/
	#wrapSearch #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*（高校教員用）各種申込書の取得------------------------*/
	#wrapHighschool #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}

/*404 HTTP Error Page Not Found------------------------*/
	#wrap404 #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_examination.png);
	}
/*まなびを知る------------------------*/
#wrapAcademics #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_academics.png);
}
/*研究紹介------------------------*/
#wrapResearch #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_research.png);
}
/*キャンパスライフを知る------------------------*/
#wrapCampus #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_campus.png);
}
/*就職を知る------------------------*/
#wrapCareer #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_career.png);
}
/*グローバルを知る------------------------*/
#wrapInternational #wrapContentsTtl {
	background-image: url(/admissions/img/common/ttl_bg_international.png);
}


/*画像中央揃え--------------------------------------------*/
	#wrapContentsTtl p{
		text-align: center;
	}
}


/* -----------------------------------------------------------------------------------------------------------
 コンテンツ
----------------------------------------------------------------------------------------------------------- */

/* コンテンツ包括
---------------------------------------------------------------------- */
main {
	background-color: #d3d3d3;
}
#wrapMain {}

#wrapMain .innerContainer {}

#wrapMain,
#indexMainArea {
	width: 100%;
}
#wrapMain .innerContainer,
#indexMainAreaInner{
  margin: 0 auto;
}

#wrapMain .innerContainer a {
	color: #222;
	text-decoration: underline;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
#wrapMain,
#indexMainArea {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
}
#wrapMain .innerContainer,
#indexMainAreaInner {
	width: calc(100% - 200px);
	background-color: #fff;
	margin-right: 0;
	margin-left: auto;
	padding: 50px 90px 90px;
}
#wrapMain .innerContainer a:hover {
	text-decoration: none;
}

}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {
#wrapMain,
#indexMainArea {
	padding: 15px;
	background-color: #fff;
}

#resultsPage,
#wrapInfoNews main,
#wrapInfoExamination main {
	/*padding: 5%;*/
}
}

/*	レイアウト設定
 ------------------------------------------------------------------------------------------------------- */


/*	50%左右レイアウト
 --------------------------------------------------------- */
#wrapMain .textWrapTwo {}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	#wrapMain .textWrapTwo .leftW {
		float: left;
		width: 48%;
	}

	#wrapMain .textWrapTwo .rightW {
		float: right;
		width: 48%;
	}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	#wrapMain .textWrapTwo .leftW,
	#wrapMain .textWrapTwo .rightW {
		width: 100%;
	}

	#wrapMain .textWrapTwo .rightW {
		margin-top: 30px;
	}
}


/*	32%左中右レイアウト
 --------------------------------------------------------- */
#wrapMain .textWrapThree {}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	#wrapMain .textWrapThree .leftW {
		float: left;
		width: 32%;
	}

	#wrapMain .textWrapThree .centerW {
		float: left;
		width: 32%;
		margin: 0 2%;
	}

	#wrapMain .textWrapThree .rightW {
		float: right;
		width: 32%;
	}
}

/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	#wrapMain .textWrapThree .leftW,
	#wrapMain .textWrapThree .centerW,
	#wrapMain .textWrapThree .rightW {
		width: 100%;
	}
}

/*	22%　4分割レイアウト
 --------------------------------------------------------- */
#wrapMain .textWrapFour {}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
#wrapMain .textWrapFour .item {
	float: left;
	width: 24%;
	margin-right: 1.33%;
}
#wrapMain .textWrapFour .item:nth-child(4n) {
	margin-right: 0;
}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	#wrapMain .textWrapFour .item {
		width: 100%;
	}
}

/*	1ボタン
 --------------------------------------------------------- */
#wrapMain .btnOwrap {}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	#wrapMain .btnOwrap {
		padding-top: 40px;
	}
	#wrapMain .btnOwrap .item {
		width: 35%;
		margin : 20px auto;
	}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	#wrapMain .btnOwrap {
		padding: 0 10%;
	}

	#wrapMain .btnOwrap .item {
		width: 100% !important;
		margin : 20px auto !important;
	}
}

/*	2ボタン
 --------------------------------------------------------- */
#wrapMain .btnTwrap {}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
#wrapMain .btnTwrap {
	padding-top: 40px;
}
#wrapMain .btnTwrap.indexBigList {
	text-align: center;
	letter-spacing: -0.4em;
}
#wrapMain .btnTwrap.indexBigList .item {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 49.3%;
}
#wrapMain .btnTwrap.indexBigList .item:nth-child(even) {
	margin-left: 1.4%;
}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	#wrapMain .btnTwrap {
		padding: 0 10%;
	}

	#wrapMain .btnTwrap .item {
		width: 100% !important;
		margin : 0 auto !important;
	}
}


/*	画像ありレイアウト
 --------------------------------------------------------- */

/*画像キャプション*/
.photoWrap .caption {
	font-size: 1.2rem;
}

/*画像キャプションぶちぬき*/
.captionWide {
	text-align: center;
	clear: both;
	font-size: 1.2rem;
	padding-top: 5px;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	/*　写真小　----------------　*/
	.wrapPhotoSmall .textWrap {
		width: 72%;
	}
	.wrapPhotoSmall .photoWrap {
		width: 24%;
	}

	/*　写真中　----------------　*/
	.wrapPhotoMedium .textWrap {
		width: 62%;
	}
	.wrapPhotoMedium .photoWrap {
		width: 34%;
	}

	/*　写真大　----------------　*/
	.wrapPhotoLarge .textWrap {
		width: 48%;
	}
	.wrapPhotoLarge .photoWrap {
		width: 48%;
	}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	/*　写真小　----------------　*/
	.textWrap,
	.photoWrap {
		width: 100% !important;
		clear: both;
	}
	.photoWrap {
		margin-top: 30px;
	}
}




/* 画像左寄せ
 --------------------------------------------------------- */
#wrapMain .photoL {
	padding: 0;
}

/*テキスト*/
#wrapMain .photoL .textWrap {
	padding: 0;
}

/*画像*/
#wrapMain .photoL .photoWrap {
	text-align: center;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	/*テキスト*/
	#wrapMain .photoL .textWrap {
		float: right;
	}

	/*画像*/
	#wrapMain .photoL .photoWrap {
		float: left;
	}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {

}


/* 画像右寄せ
 --------------------------------------------------------- */

#wrapMain .photoR {
	padding: 0;
}

/*テキスト*/
#wrapMain .photoR .textWrap {
	padding: 0;
}

/*画像*/
#wrapMain .photoR .photoWrap {
	text-align: center;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	/*テキスト*/
	#wrapMain .photoR .textWrap {
		float: left;
	}

	/*画像*/
	#wrapMain .photoR .photoWrap {
		float: right;
	}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {

}


/* 画像下横MAX
 --------------------------------------------------------- */

#wrapMain .photoFull {}

/*画像*/
#wrapMain .photoFull .photoWrap {
	clear: both;
	text-align: center;
}


/* 画像2枚横並び
 --------------------------------------------------------- */

#wrapMain .photoTwo {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
#wrapMain .photoTwo .leftP {}
#wrapMain .photoTwo .rightP {}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	#wrapMain .photoTwo .leftP {
		float: left;
		width: 49%;
		text-align: center;
	}
	#wrapMain .photoTwo .rightP {
		float: right;
		width: 49%;
		text-align: center;
	}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	#wrapMain .photoTwo .leftP {
		width: 100%;
	}
	#wrapMain .photoTwo .rightP {
		width: 100%;
	}
}


/* 画像3枚横並び
 --------------------------------------------------------- */
#wrapMain .photoThree {
	width: 100%;
	clear: both;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
	#wrapMain .photoThree .leftP {
		float: left;
		text-align: center;
		width: 32%;
	}
	#wrapMain .photoThree .photoC {
		float: left;
		width: 32%;
		text-align: center;
		margin: 0 2%;
	}
	#wrapMain .photoThree .rightP {
		float: left;
		text-align: center;
		width: 32%;
	}

}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
	#wrapMain .photoThree .leftP,
	#wrapMain .photoThree .photoC,
	#wrapMain .photoThree .rightP {
		width: 100%;
	}
}

/* デジタルパンフレット
 --------------------------------------------------------- */
/* 左寄せ */
#wrapMain .contentWrap .imgLeft,
#wrapMain .contentWrap .textRight {
    float: left;
}
/* 余白 */
#wrapMain .contentWrap .textRight {
    padding: 50px;
}
/*　装飾 */
#wrapMain .contentWrap .textRight .underline {
    text-decoration: underline;
}

/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
    #wrapMain .contentWrap .imgLeft,
    #wrapMain .contentWrap .textRight {
        float: none;
        text-align: center;
    }
    #wrapMain .contentWrap .textRight {
        padding: 5%;
    }
    
}

/* 研究紹介
 --------------------------------------------------------- */
#wrapPamphlet .wrapHn04.law {background-color: #f9adb1;}
#wrapPamphlet .wrapHn04.business {background-color: #f8c79a;}
#wrapPamphlet .wrapHn04.economics {background-color: #fbd6a0;}
#wrapPamphlet .wrapHn04.foreign {background-color: #fff3a3;}
#wrapPamphlet .wrapHn04.humanics {background-color: #f6c4da;}
#wrapPamphlet .wrapHn04.urban {background-color: #c1e3e4;}
#wrapPamphlet .wrapHn04.scienc_engineering {background-color: #b2c6e6;}
#wrapPamphlet .wrapHn04.agricultural {background-color: #badbac;}
#wrapPamphlet .wrapHn04.pharmaceutical {background-color: #d1cbe5;}
#wrapPamphlet .contentWrap p {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
#wrapPamphlet .textWrapTwo .btn_slide {
    cursor: pointer;
}
#wrapPamphlet .textWrapTwo .btn_slide:hover {
    color: #dd3885;
    text-decoration: underline;
}
#wrapPamphlet .textWrapTwo .content_slide {
    display: none;
    margin-left: 1.5rem;
}

/* Re Style----------------------------------------------- */
@media screen and (max-width:767px
) {
    #wrapMain .textWrapTwo .boxCenter .rightW {
        margin-top: 0px;
    }
}

/* INDEXバナー
 --------------------------------------------------------- */
.indexBnrFullList > li,
.indexBnrFullShortList > li {
	width: 100%;
	border: #d6d6d6 1px solid;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 2em;
}
.indexBnrFullList > li:last-child,
.indexBnrFullShortList > li:last-child {
	margin-bottom: 0;
}
.indexBnrFullList > li img,
.indexBnrFullShortList > li img {
	vertical-align: bottom;
}
.indexBnrFullList > li a,
.indexBnrFullShortList > li a {
	color: #333;
	display: block;
}
.indexBnrFullList > li .ttl,
.indexBnrFullShortList > li .ttl {
	font-weight: bold;
}
/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
.indexBnrFullList > li,
.indexBnrFullShortList > li {
	display: table;
	table-layout: fixed;
}
.indexBnrFullList > li .photo,
.indexBnrFullShortList > li .photo {
	display: table-cell;
}
.indexBnrFullList > li .photo img,
.indexBnrFullShortList > li .photo img {
	max-width: 100%;
}
_:-ms-lang(x)::-ms-backdrop, .indexBnrFullList > li .photo img,
_:-ms-lang(x)::-ms-backdrop, .indexBnrFullShortList > li .photo img {
	width: 100%;
}
.indexBnrFullList > li .photo {
	width: 47.2%;
}
.indexBnrFullShortList > li .photo {
	width: 33.1%;
}
.indexBnrFullList > li .ttl,
.indexBnrFullShortList > li .ttl {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 1em;
}
.indexBnrFullList > li .ttl {
	font-size: 2rem;
}
.indexBnrFullShortList > li .ttl {
	font-size: 1.6rem;
}
.indexBnrFullList > li a:hover,
.indexBnrFullShortList > li a:hover {
	background-color: #333;
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}
.indexBnrFullList > li a:hover .photo,
.indexBnrFullShortList > li a:hover .photo {
	opacity: 0.8;
	transition: 0.3s;
}
}
/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {
.indexBnrFullList > li .photo img,
.indexBnrFullShortList > li .photo img {
	width: 100%;
}
.indexBnrFullList > li .ttl,
.indexBnrFullShortList  > li .ttl {
	display: block;
	text-align: center;
	padding: 0.5em 1em;
}
.indexBnrFullList > li .ttl {
	font-size: 1.6rem;
}
.indexBnrFullShortList  > li .ttl {
	font-size: 1.4rem;
}
}

/* -----------------------------------------------------------------------------------------------------------
 フッター
----------------------------------------------------------------------------------------------------------- */
/* フッター包括 */
#footer {
	width: 100%;
	background-color: #d3d3d3;
}
/* フッター インナー包括 */
#footer .innerContainer {}
/* フッター LINE */
#footer #wrapLine {
	text-align: center;
}

/* フッター コピーライト包括 */
#footer #footerCopyright {
	padding: 5px 0 10px;
	color: #fff;
	text-align: center;
	background-color: #2c363d;
}
#footer #footerCopyright p {
	font-size: 1.1rem;
}
#footerWUl {
	background: #2c363d;
	color: #fff;
}
#footerWUl a {
	color: #fff;
}

/* pagetop */
#pagetop {
	width: 100%;
	background: #b4b4b4;
	text-align: center;
}
#pagetop a {
	display: block;
}
#pagetop img {
	width: 20px;
	vertical-align: middle;
}

.fixed {
	opacity: 1;
	visibility: visible;
	overflow: visible;
}

/* フッター */
.wrapLinkTxt,
.wrapLink {
	letter-spacing: -0.4rm;
	text-align: center;
	margin-bottom: 1em;
}
.wrapLinkTxt > li {
	letter-spacing: normal;
	display: inline-block;
	padding: 0 0.5em;
	border-right: #fff 1px solid;
	line-height: 1;
}
.wrapLinkTxt > li:last-child {
	border-right: none;
}
.wrapLink > li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
}
#footerWUl #fContactInfor a {
	text-decoration: underline;
}
/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
/* フッター LINE */
#footer #wrapLine {
	padding-top: 70px;
	margin: 0 auto 55px;
	width: 356px;
}
	
/* pagetop */
#pagetop a {
	height: 55px;
	line-height: 55px;
}
/* footer */
#footerWUl {
	padding: 60px 5% 30px;
}
#footerWUl .innerContainer {
	max-width: 1100px;
	margin: 0 auto 50px;
}
#footerWUl .uniLogo {
	width: 50%;
	float: left;
	padding-right: 20px;
}
#footerWUl .uniLogo img {
	max-width: 408px;
}
#fContactInfor {
	width: 50%;
	float: left;
}
#fContactInfor > dt,
#fContactInfor > dd {
	display: table-cell;
	vertical-align: middle;
}
#fContactInfor > dt {
	width: 10em;
}
#footerWUl #fContactInfor a:hover {
	text-decoration: none;
}
}


/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {
#footer {
	padding-bottom: 50px;
}
/* フッター LINE */
#footer #wrapLine {
	margin: 0 auto;
	width: 69.8%;
	padding: 60px 0;
}
/* pagetop */
#pagetop a {
	height: 44px;
	line-height: 44px;
}
/* footer */
#footerWUl {
	padding: 44px 5% 35px;
}
.uniLogo {
	width: 85%;
	margin: 0 auto 20px;
}
.uniLogo img {
	vertical-align: bottom;
}
#fContactInfor {
	margin-bottom: 2em;
}
#fContactInfor > dt {
	margin-bottom: 1em;
}

}

/* -----------------------------------------------------------------------------------------------------------
 メガメニュー
----------------------------------------------------------------------------------------------------------- */
#megaMenu {
	background-color: #151515;
	color: #fff;
}
#megaMenu a {
	color: #fff;
	text-decoration: none;
	font-size: 1.3rem;
	line-height: 1.2;
}
#megaMenu > li:nth-child(1) {
	background-image: url(/admissions/img/top/ic_examination_wh.png);
}
#megaMenu > li:nth-child(2) {
	background-image: url(/admissions/img/top/ic_event_wh.png);
}
#megaMenu > li:nth-child(3) {
	background-image: url(/admissions/img/top/ic_academics_wh.png);
}
#megaMenu > li:nth-child(4) {
	background-image: url(/admissions/img/top/ic_campus_wh.png);
}
#megaMenu > li:nth-child(5) {
	background-image: url(/admissions/img/top/ic_career_wh.png);
}
#megaMenu > li:nth-child(6) {
	background-image: url(/admissions/img/top/ic_international_wh.png);
}
#megaMenu > li:hover > span,
#megaMenu > li.hover > span,
#megaMenu > li > ul > li > span {
	background-color: #242424;
}
#megaMenu > li > ul > li:hover > span,
#megaMenu > li > ul > li.hover > span,
#megaMenu > li > ul > li > ul > li > span {
	background-color: #333;
}
#megaMenu > li > ul > li > ul > li:hover > span,
#megaMenu > li > ul > li > ul > li.hover > span,
#megaMenu > li > ul > li > ul > li > ul > li > span {
	background-color: #474747;
}
#megaMenu > li > ul > li > ul > li > ul > li:hover > span,
#megaMenu > li > ul > li > ul > li > ul > li.hover > span,
#megaMenu > li > ul > li > ul > li > ul > li > ul > li > span {
	background-color: #595959;
}
/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:770px) {
#megaMenuArea {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	background: none;
	position: relative;
}
#wrapMegaMenu {
	width: 200px;
	position: absolute;
	left: 0;
	top: 290px;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	z-index: 110;
}
#megaMenu {
	margin: 0;
	padding: 0;
}
#megaMenu li {
	position: relative;
	width: 200px;
	font-size: 1.2rem;
	line-height: 1.2;
}
#megaMenu > li {
	width: 200px;
	min-height: 40px;
}
#megaMenu li span {
	display: block;
	background-color: #151515;
	width: 200px;
	height: 100%;
	min-height: 40px;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	transition: 0.5s;
}
#megaMenu li > ul {
	position: absolute;
	left: 0;
	top: 40px;
}
#megaMenu li ul li {
	overflow: hidden;
	height: 0;
	left: 200px;
	transition: 0.2s;
}
/*#megaMenu li > ul > li {
	overflow: visible;
	top: -44px;
	left: 220px;
	min-height: 40px;
}*/
#megaMenu > li > span {
	width: 160px;
	padding: 0 0 0 10px;
}
/*#megaMenu li > ul > li,
#megaMenu li > ul > li > span {
	width: 210px;
}
#megaMenu li > ul > li > ul > li,
#megaMenu li:hover > ul > li > ul > li {
	left: 210px;
}*/

#megaMenu li > ul > li > ul > li,
#megaMenu li > ul > li > ul > li > span {
	width: 180px;
}
#megaMenu li > ul > li > ul > li > ul > li,
#megaMenu li:hover > ul > li > ul > li > ul > li,
#megaMenu li.hover > ul > li > ul > li > ul > li {
	left: 180px;
}

#megaMenu li ul li span {
	padding: 0 10px;
	transition: 0.5s;
}
#megaMenu li:hover > ul > li,
#megaMenu li.hover > ul > li {
	overflow: visible;
	top: -40px;
	left: 200px;
	min-height: 40px;
}
#megaMenu li:hover > ul > li span,
#megaMenu li.hover > ul > li span {
	transition: 0.5s;
}
#megaMenu > li {
	height: 40px;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 26px auto;
}
#megaMenu span.lower a{
	padding-right: 46px;
}
#megaMenu .lower {
	position: relative;
}
#megaMenu .lower:after {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #7d7d7d;
	border-right: 2px solid #7d7d7d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#wrapSpMenuBtn {
	display: none;
}
#megaMenuArea.is-fixed {
	overflow: scroll;
}
#megaMenuArea.is-fixed #wrapMegaMenu {
	position: fixed;
	top: 86px;
	left: auto;
	z-index: 2;
}
.tablet #megaMenu span.lower > a {
	pointer-events: none;
}
}
/* Re Style----------------------------------------------- */
@media screen and (max-width:769px) {
#megaMenuArea {
	width: 100%;
	max-width: 100%;
	position: relative;
}
#wrapMegaMenu {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
}
#megaMenu {
	width: 100%;
}
#megaMenu li {
	width: 100%;
	overflow: visible;
	overflow-y: scroll;
	max-height: 99999px;
	font-size: 1.4rem;
	line-height: 1.4;
}
#megaMenu li span,
#megaMenu span.lower {
	display: block;
	width: 100%;
	min-height: 50px;
	text-align: left;
}
#megaMenu li span a{
	display: block;
	padding: 1.3em 30px 0.5em 5%;
}
	
#megaMenu > li {
	padding-left: 40px;
	height: auto;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-size: 26px auto;
}
#megaMenu .lower {
	position: relative;
}
#megaMenu .lower:after {
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	right: 5%;
	top: 20px;
	bottom: auto;
	width: 12px;
	height: 12px;
	border-top: 2px solid #7d7d7d;
	border-right: 2px solid #7d7d7d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#megaMenu .lower.active:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#megaMenu ul {
	max-height: 0;
	overflow: hidden;
	transition: 0.5s;
}
/*
#megaMenu .lower > a  {
    pointer-events: none;
}
*/
#megaMenu .lower.active + ul {
	max-height: 99999px;
	transition: 0.2s;
}
#megaMenu li > ul {
	position: static;
	left: 0;
	top: 0;
}
/* バーガーアイコン */
#wrapSpMenuBtn {
	position: fixed;
	right: 0;
	top: 58px;
	display: block;
	width: 34px;
	height: 34px;
	background-color: #000;
	padding: 8px 0 0 6px;
	z-index: 120;
}
#spMenuBtn {
	cursor: pointer;
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
}
.burger,
.burger:before,
.burger:after {
	background-color: #fff;   
	display: block;
	width: 18px;
	height: 2px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.burger:before,
.burger:after {
	content: '';
}
.burger:before{
	top: 16px
}
.burger:after{
	top: -16px
}
#spMenuBtn.active .burger {
	background: transparent;
}
#spMenuBtn.active .burger:before{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
}
#spMenuBtn.active .burger:after{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
}
.burger,
.burger:after,
.burger:before {
	-webkit-transition: all .7s ;
	transition: all .7s ;
}
#wrapMegaMenu {
	height: 0;
	margin-top: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0;
	transition: all .2s ease-out;
}
#wrapMegaMenu.active {
	height: auto;
	opacity: 1;
	transition: all .2s ease-out;
}
#megaMenuArea.is-fixed #wrapSpMenuBtn {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
	border-left: #7d7d7d 1px solid;
	border-bottom: #7d7d7d 1px solid;
}
#megaMenuArea.is-fixed #wrapMegaMenu.active {
    position: fixed;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	top: 0;
	padding-top: 34px;
	z-index: 99;
}
}
@media screen and (min-width:767px) and (max-width:770px) {
#wrapMain .innerContainer,
#indexMainAreaInner {
	width: 100%;
}
#wrapContentsTtl .innerContainer .contentsTtl,
#wrapContentsTtl > .innerContainer > h1 {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}
}
@media screen and (min-width:767px) and (max-width:910px) {
#wrapHeadSubMenuBottom {
	/*width: 20%;*/
}
#wrapHeadSubMenuBottom ul > li {
	/*border-bottom: #fff 2px solid;*/
}
#wrapHeadSubMenuBottom ul > li:last-child {
	/*border-bottom: none;*/
}
}


/* ===============================================
入試の変更点に関する情報
=============================================== */
#topInfo {
	background: #b7193f;
	color: #fff;
	font-weight: bold;
}
#changePoint {
	background: #042a41;
	color: #fff;
	text-align: center;
}
#changePoint a {
	display: inline-block;
	color: #fff !important;
	font-weight: bold;
	padding-right: 30px;
	position: relative;
}
#changePoint a:after {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width:768px) {
#topInfo {
	margin-top: 86px;
	min-height: 40px;
	font-size: 2rem;
	padding: 1% 5%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#topInfo p {
	font-size: 1.5rem;
}
#changePoint {
	/*margin-top: 86px;*/
}
#changePoint a {
	font-size: 2rem;
	text-decoration: none !important;
}
#changePoint a:hover {
	text-decoration: underline !important;
}
#changePoint > p {
	max-width: 792px;
	width: 100%;
	margin: 0 auto;
}
#changePoint > p > span {
	width: 100%;
	min-height: 70px;
	padding-right: 30.6%;
	background: url(/admissions/img/common/change_img.png) no-repeat right center;
	background-size: 30.6% auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#changePoint > p a {
	text-align: left;
	padding-left: 5px;
	display: block;
}
}
/* Re Style----------------------------------------------- */
@media screen and (max-width:767px) {
#topInfo {
	padding: 0.5em 5%;
}

#topInfo p {
	font-size: 1.1rem;
}

#changePoint > p {
	width: 100%;
}
#changePoint > p > span {
	width: 100%;
	min-height: 50px;
	display: flex;
	align-items: center;
}
#changePoint a {
	font-size: 1.1rem;
	padding-left: 5%;
	text-align: left;
	display: block;
}
#changePoint a:after {
	right: 5%;
}
}

/*スマートフォン横向き表示設定*/
@media screen and (max-width:767px) and (orientation: landscape) {
}

.indexBnrList {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.indexBnrList li {
}
.indexBnrList li a {
	display: block;
	width: 100%;
	height: 100%;
	border: #d6d6d6 1px solid;
	border-radius: 5px;
	color: #222;
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.indexBnrList {
	border-bottom: #edeef0 4px dashed;
}
.indexBnrList:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.icon a {
	background-repeat: no-repeat;
}
.icon.system a {
	background-image: url(/admissions/img/common/ic_system.png);
}
.icon.calendar a {
	background-image: url(/admissions/img/common/ic_calendar.png);
}
.icon.pamphlet a {
	background-image: url(/admissions/img/common/ic_past.png);
}
.icon.attention a {
	background-image: url(/admissions/img/common/ic_attention.png);
}
.icon.pass a {
	background-image: url(/admissions/img/common/ic_pass.png);
}
.icon.dp_meijo a {
	background-image: url(/admissions/img/common/ic_dp_meijo.png);
}
.icon.simulation a {
	background-image: url(/admissions/img/common/ic_simulation.png);
}
.indexBnrList .wFull {
	width: 100%;
	margin-right: 0;
}
.indexBnrList .wHalf {
	width: 49.5%;
	margin-right: 0;
}

/* Pc Style----------------------------------------------- */
@media print, screen and (min-width: 768px) {

.indexBnrList {
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.indexBnrList li {
	width: 24%;
	min-height: 100px;
	font-size: 1.6rem;
	margin-bottom: 10px;
	margin-right: 1.33%;
}

.indexBnrList li.half {
	width: 49%;
	margin-right: 2%;
}

.indexBnrList li.half:nth-child(2n) {
	margin-right: 0;
}

.indexBnrList li:nth-child(4n) {
	margin-right: 0;
}
.indexBnrList li a {
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px;
}
.indexBnrList .wFull {
	font-size: 1.8rem;
}
.indexBnrList .icon a {
	background-position: 10px center;
	background-size: 40px auto;
	text-align: left;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 60px;
}
.indexBnrList li a:hover {
	transition: 0.3s;
	text-decoration: none;
	background-color: #222;
	color: #fff;
}
.icon.system a:hover {
	background-image: url(/admissions/img/common/ic_system_wh.png);
}
.icon.calendar a:hover {
	background-image: url(/admissions/img/common/ic_calendar_wh.png);
}
.icon.pamphlet a:hover {
	background-image: url(/admissions/img/common/ic_past_wh.png);
}
.icon.attention a:hover {
	background-image: url(/admissions/img/common/ic_attention_wh.png);
}
.icon.pass a:hover {
	background-image: url(/admissions/img/common/ic_pass_wh.png);
}
.icon.dp_meijo a:hover {
	background-image: url(/admissions/img/common/ic_dp_meijo_wh.png);
}
.icon.simulation a:hover {
	background-image: url(/admissions/img/common/ic_simulation_wh.png);
}
}

@media screen and (min-width:769px) and (max-width:1200px) {
.indexBnrList li,
.indexBnrList li:nth-child(4n) {
	width: 32%;
	margin-right: 2%;
}
.indexBnrList li:nth-child(3n) {
	margin-right: 0;
}
}
/* Re Style----------------------------------------------- */
@media screen and (max-width: 767px) {
.indexBnrList {
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.indexBnrList li {
	width: 49%;
	min-height: 60px;
	margin-right: 2%;
	margin-bottom: 10px;
}
.indexBnrList li:nth-child(2n) {
	margin-right: 0;
}
.indexBnrList li a {
	padding: 5px;
}
.indexBnrList .icon a {
	background-position: 5px center;
	background-size: 30px auto;
	padding-left: 40px;
}

}

.contentsArea .toptext{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 10px auto;
}
/* フィルタータブ */
#newsIndexFilterTab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#newsIndexFilterTab > li {
	text-align: center;
	border-bottom: #000 2px solid;
	cursor: pointer;
}
#wrapMain .innerContainer #newsIndexFilterTab > li a {
	display: block;
	text-decoration: none;
}
#newsIndexFilterTab > li.active a {
	background-color: #000;
	color: #fff;
}

/* ニュース ラベル----------------------------------------------- */
#newsList > li .newsContent::before,
#newsIndexList > li p:nth-child(2)::before {
	width: 5em;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	font-weight: normal;
	text-decoration: none !important;
}
#wrapMain .innerContainer #newsIndexList > li a p:nth-child(2) {
	display: inline-block;
	text-decoration: underline;
}
#wrapMain .innerContainer #newsIndexList > li a p:nth-child(2)::before {
	text-decoration: none;
}
#newsList .label-examination .newsContent::before,
#newsIndexList .label-examination p:nth-child(2)::before {
	content: '入試';
	color: #26a2d8;
	border-color: #26a2d8;
}
#newsList .label-important .newsContent::before,
#newsIndexList .label-important p:nth-child(2)::before {
	content: '重要';
	color: #b9193b;
	border-color: #b9193b;
}
#newsList li.label-news .newsContent::before,
#newsIndexList .label-news p:nth-child(2)::before {
	content: 'ニュース';
	color: #3a5184;
	border-color: #3a5184;
}
#newsList li.label-event .newsContent::before,
#newsIndexList .label-event p:nth-child(2)::before {
	content: 'イベント';
	color: #78c267;
	border-color: #78c267;
}
#newsList li.label-others .newsContent::before,
#newsIndexList .label-others p:nth-child(2)::before {
	content: 'その他';
	color: #9a9a9a;
	border-color: #9a9a9a;
}
@media screen and (max-width: 767px) {
#newsList > li .newsContent::before,
#newsIndexList > li p:nth-child(2)::before {
	display: inline-block;
	margin-right: calc(100% - 5em);
	margin-bottom: 0.25em;
	margin-top: 0.1em;
}
#newsIndexList li a > p {
	vertical-align: top !important;
}
/* フィルタータブ */
#newsIndexFilterTab {
	flex-wrap: wrap;
	margin-bottom: 2em;
}
#newsIndexFilterTab > li {
	width: 32.2%;
	line-height: 1;
	margin-right: 1.7%;
	margin-top: 5px;
}
#newsIndexFilterTab > li a {
	padding: 0.75em 0;
}
#newsIndexFilterTab > li:nth-child(3n) {
	margin-right: 0;
}
#newsIndexFilterTab > li:nth-child(-n + 3) {
	margin-top: 0;
}
}
@media print, screen and (min-width: 768px) {
#newsList > li .newsContent,
#newsIndexList > li p:nth-child(2) {
	position: relative;
}
#newsList > li .newsContent {
	padding-left:208px;
}
#newsIndexList > li p:nth-child(2) {
	padding-left: 6.5em;
}
#newsList > li .newsContent::before,
#newsIndexList > li p:nth-child(2)::before {
	display: inline-block;
	vertical-align: middle;
	border-radius: 2px;
	position: absolute;
	top: 0;
}
#newsList > li .newsContent::before {
	left: 110px;
}
#newsIndexList > li p:nth-child(2)::before {
	left: 0;
}
/* フィルタータブ */
#newsIndexFilterTab {
	margin-bottom: 30px;
}
#newsIndexFilterTab > li {
	width: 120px;
	height: 50px;
	line-height: 50px;
	margin-right: 20px;
	font-size: 1.5rem;
}
}

.tableScroll {
	height: 800px;
	overflow-y: scroll;
}

.tableScroll table {
	position: relative;
}

.tableScroll table thead {
	position: sticky;
	top: 0;
}

.toTop{
	text-align: right;
}

.toTop a{
	text-decoration: none !important;
}
.toTop a:hover{
	text-decoration: underline !important;
}