@charset "UTF-8";
/*================================================================

    GRADUATES SHEET

================================================================*/

* {
	box-sizing: border-box;
}

/*================================================================

    大学TOP

================================================================*/


/*----------------------------------------------------------

	parts
	
----------------------------------------------------------*/

.btn {
	display:block;
	width:280px;
	height:52px;
	margin:0 auto;
	font-size:14px;
	line-height:46px;
	text-align:center;
	border:2px solid #c8c8c8;
	background:url(../../movie/image/icon_arrow_w.png) no-repeat right 15px top 50% #ffffff;
	background-size:15px auto;
	border-radius:52px;
	transition: background .4s ease;
}
.btn:hover {
	background:url(../../movie/image/icon_arrow_w.png) no-repeat right 10px top 50% #ffffff;
	background-size:15px auto;
}


/*----------------------------------------------------------

	#maingimg
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduates-index #mainimg {
	background-repeat:no-repeat;
	background-size:auto 100%;
	transition: background-image 0.5s ease;
	transition: background-position 0.5s ease;
	background-color:#5c6574;
	position:relative;
}
.graduates-index #mainTTLBox {
	width:40%;
	height:560px;
	background:#5c6574;
	position:relative;
	z-index: 0;
}
.graduates-index #mainTTLBox .pageTTL {
	width:100%;
	height:165px;
	margin:auto;
	font-size:32px;
	line-height:1em;
	font-weight:700;
	text-align:center;
	color:#ffffff;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.graduates-index #mainTTLBox .pageTTL .eng{
	color:#78808f;
	font-weight:400;
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif;
}
.graduates-index #mainTTLBox .pageTTL h1 span {
	display:block;
}
.graduates-index #mainTTLBox .pageTTL h1 .university {
	display:inline-block;
	font-weight:700;
	text-align:center;
	border-bottom:2px solid #ffffff;
}
.graduates-index #mainimg .arrTxt{
	width:100%;
	max-width:1120px;
	margin:0 auto;
	padding:0 15px;
	font-size:12px;
	line-height:1em;
	color:#ffffff;
	text-align:right;
	position:absolute;
	left:0;
	right:0;
	text-shadow: 0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000;
}
.graduates-index #mainimg .arrTxt.w{
	color:#111111;
	text-shadow: 0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff;
}

.graduates-index #mainimg.noPhoto {
	padding-top:0!important;
	background-image:none!important;
}
.graduates-index #mainimg.noPhoto #mainTTLBox {
	width:100%;
}
.graduates-index #mainimg.noPhoto .pageTTL {
	padding-left:0px;
}
.graduates-index #mainimg.noPhoto .arrTxt{
	display:none;
}



/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduates-index #mainimg {
		padding-top:90%;
		background-position:top 0% left 50%;
		background-size:100% auto;
	}
	.graduates-index #mainTTLBox {
		width:100%;
		height:160px;
		background:#5c6574;
		position:relative;
		z-index: 0;
	}
	.graduates-index #mainTTLBox .pageTTL {
		height:110px;
		font-size:18px;
	}
	.graduates-index #mainTTLBox .pageTTL .eng{
		font-size:18px;
		line-height:1em;
	}
	.graduates-index #mainTTLBox .pageTTL h1 .university {
		margin-bottom:10px;
		padding:4px 10px 10px;
		font-size:38px;
		line-height:1em;
	}
	.graduates-index #mainimg.noPhoto #mainTTLBox{
		width:100%;
		height:200px;
	}
	.graduates-index #mainimg .arrTxt{
		bottom:180px;
	}

}


/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduates-index #mainimg {
		background-position:top 0% right 0%;
		background-size:auto 100%;
	}
	.graduates-index #mainTTLBox::before{
		content: '';
		width:130px;
		height:100%;
		position: absolute;
		right:0;
		top: 0;
		transform: skewX(-13deg);
		transform-origin: bottom left;
		z-index: -1;
		background:#5c6574;
	}
	.graduates-index #mainTTLBox {
		width:44%;
		height:560px;
		background:#5c6574;
		position:relative;
		z-index: 0;
	}
	.graduates-index #mainTTLBox .pageTTL {
		padding-left:5%;
	}
	
	.graduates-index .noPhoto #mainTTLBox {
		height:300px;
	}
	.graduates-index #mainTTLBox.noPhoto .pageTTL {
		padding-left:0px;
	}
	.graduates-index #mainTTLBox .pageTTL .eng{
		font-size:30px;
		line-height:1em;
	}
	.graduates-index #mainTTLBox .pageTTL h1 .university {
		margin-bottom:12px;
		padding:6px 12px 12px;
		font-size:54px;
		line-height:1em;
	}
	.graduates-index #mainimg .arrTxt{
		bottom:20px;
	}

}


/*----------------------------------------------------------
	Display：1200px →（ pc ）
----------------------------------------------------------*/

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

	.graduates-index #mainimg {
		background-position:top 0% right 0%;
	}
	.graduates-index #mainTTLBox .pageTTL h1 .university {
		font-size:64px;
		line-height:1em;
	}
	
}




/*----------------------------------------------------------

	大学別 mainimg
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.housei #mainimg { background-image:url(../../graduates/housei/image/university_img_sp.jpg); }
	.meiji #mainimg { background-image:url(../../graduates/meiji/image/university_img_sp.jpg); }
	.aoyamagakuin #mainimg { background-image:url(../../graduates/aoyamagakuin/image/university_img_sp.jpg); }
	.rikkyo #mainimg { background-image:url(../../graduates/rikkyo/image/university_img_sp.jpg); }
	.chuo #mainimg { background-image:url(../../graduates/chuo/image/university_img_sp.jpg); }
	.kwanseigakuin #mainimg { background-image:url(../../graduates/kwanseigakuin/image/university_img_sp.jpg); }
	.kansai #mainimg { background-image:url(../../graduates/kansai/image/university_img_sp.jpg.html); }
	.doshisha #mainimg { background-image:url(../../graduates/doshisha/image/university_img_sp.jpg); }
	.ritsumeikan #mainimg { background-image:url(../../graduates/ritsumeikan/image/university_img_sp.jpg.html); }
	.nanzan #mainimg { background-image:url(../../graduates/nanzan/image/university_img_sp.jpg); }

	.showa #mainimg { background-image:url(../../graduates/showa/image/university_img_sp.jpg); }
	.japanwomens #mainimg { background-image:url(../../graduates/japanwomens/image/university_img_sp.jpg); }
	.otsuma #mainimg { background-image:url(../../graduates/otsuma/image/university_img_sp.jpg); }
	.meijigakuin #mainimg { background-image:url(../../graduates/meijigakuin/image/university_img_sp.jpg); }
	.keio #mainimg { background-image:url(../../graduates/keio/image/university_img_sp.jpg); }

	.chukyo #mainimg { background-image:url(../../graduates/chukyo/image/university_img_sp.jpg); }
	.nagoyacity #mainimg { background-image:url(../../graduates/nagoyacity/image/university_img_sp.jpg); }

}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.housei #mainimg { background-image:url(../../graduates/housei/image/university_img.jpg); }
	.meiji #mainimg { background-image:url(../../graduates/meiji/image/university_img.jpg); }
	.aoyamagakuin #mainimg { background-image:url(../../graduates/aoyamagakuin/image/university_img.jpg); }
	.rikkyo #mainimg { background-image:url(../../graduates/rikkyo/image/university_img.jpg); }
	.chuo #mainimg { background-image:url(../../graduates/chuo/image/university_img.jpg); }
	.kwanseigakuin #mainimg { background-image:url(../../graduates/kwanseigakuin/image/university_img.jpg); }
	.kansai #mainimg { background-image:url(../../graduates/kansai/image/university_img.jpg.html); }
	.doshisha #mainimg { background-image:url(../../graduates/doshisha/image/university_img.jpg); }
	.ritsumeikan #mainimg { background-image:url(../../graduates/ritsumeikan/image/university_img.jpg.html); }
	.nanzan #mainimg { background-image:url(../../graduates/nanzan/image/university_img.jpg); }
	.showa #mainimg { background-image:url(../../graduates/showa/image/university_img.jpg); }
	.japanwomens #mainimg { background-image:url(../../graduates/japanwomens/image/university_img.jpg); background-position:top 0% right -200px; }
	.otsuma #mainimg { background-image:url(../../graduates/otsuma/image/university_img.jpg); }
	.meijigakuin #mainimg { background-image:url(../../graduates/meijigakuin/image/university_img.jpg); background-position:top 0% right -200px; }
	.keio #mainimg { background-image:url(../../graduates/keio/image/university_img.jpg); background-position:top 0% right -200px; }
	.chukyo #mainimg { background-image:url(../../graduates/chukyo/image/university_img.jpg); }
	.nagoyacity #mainimg { background-image:url(../../graduates/nagoyacity/image/university_img.jpg); background-position:top 0% right -200px; }
	
}

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

	.japanwomens #mainimg { background-position:top 0% right -50px;}
	.meijigakuin #mainimg { background-position:top 0% right -50px;}
	.keio #mainimg { background-position:top 0% right -50px;}
	.nagoyacity #mainimg {  background-position:top 0% right -50px;}
}


/*----------------------------------------------------------

	#graduatesNumber
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduates-index #graduatesNumber {
	background:#78808f;
	color:#ffffff;
}
.graduates-index #graduatesNumber h2{
	text-align:center;
}
.graduates-index #graduatesNumber .number{
	text-align:center;
	font-weight:700;
	font-family: 'Roboto Condensed', sans-serif;
}
.graduates-index #graduatesNumber .arrTxt{
	font-size:12px;
	line-height:1.5em;
	letter-spacing:0.05em;
	text-align:center;
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduates-index #graduatesNumber {
		padding:35px 10px 150px;
	}
	.graduates-index #graduatesNumber h2{
		font-size:24px;
		line-height:1.2em;
		font-weight:700;
	}
	.graduates-index #graduatesNumber .number{
		font-size:28px;
		line-height:1em;
	}
	.graduates-index #graduatesNumber .number span{
		font-size:84px;
		line-height:1em;
	}
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduates-index #graduatesNumber {
		padding:35px 10px 70px;
	}
	.graduates-index #graduatesNumber h2{
		font-size:32px;
		line-height:1.2em;
	}
	.graduates-index #graduatesNumber .number{
		font-size:32px;
		line-height:1em;
	}
	.graduates-index #graduatesNumber .number span{
		font-size:102px;
		line-height:1em;
	}
}



/*----------------------------------------------------------

	#searchBox
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduates-index #searchBox {
	width:90%;
	max-width:1120px;
	margin:0 auto;
	background:#ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.graduates-index #searchBox dl {
	position:relative;
}
.graduates-index #searchBox dl dt {
	display:block;
	text-align:center;
	color:#ffffff;
	background:#828997;
	position:relative;
}
.graduates-index #searchBox dl dt span {
	display:block;
	width:100%;
	height:36px;
	margin:auto 0;
	font-size:14px;
	line-height:36px;
	position:absolute;
	top:0;
	bottom:0;
}
.graduates-index #searchBox dl dt::after {
	content: '';
	display:block;
	width: 0;
	height: 0;
	position:absolute;
	z-index:1;
	transition:all 0.5s ease;
}
.graduates-index #searchBox dl dd ul {
	overflow:hidden;
}
.graduates-index #searchBox dl dd ul li {
	padding:0;
	float:left;
}
.graduates-index #searchBox dl dd ul li label{
	display:block;
	width:100%;
}
.graduates-index #searchBox dl dd ul li label input{
	display:block;
	width: 20px;
	height: 20px;
	margin:8px 0;
	padding:0;
	float: left;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) inset;
	overflow: hidden;
}
.graduates-index #searchBox dl dd ul li label span{
	display:inline-block;
	margin-left:5px;
	font-size:14px;
	line-height:36px;
}


/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduates-index #searchBox {
		margin-top:-130px;
		margin-bottom:30px;
		padding:10px 10px 0;
	}
	.graduates-index #searchBox dl {
		display:block;
		width:100%;
	}
	.graduates-index #searchBox dl dt {
		width:100%;
		height:24px;
		line-height:24px;
	}
	.graduates-index #searchBox dl dt::after {
		margin:0 auto;
		border-left:4px solid transparent;
		border-right:4px solid transparent;
		border-top:6px solid #828997;
		left:0;
		right:0;
		bottom:-6px;
	}
	.graduates-index #searchBox dl dd ul {
		padding:6px 10px 10px;
	}
	.graduates-index #searchBox dl ul li{
		margin:0;
	}
	.graduates-index #searchBox dl:nth-child(1) ul li,
	.graduates-index #searchBox dl:nth-child(2) ul li{
		width:33.33%;
		margin:0;
	}
	.graduates-index #searchBox dl:nth-child(3) ul li{
		width:50%;
		margin:0;
	}	
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduates-index #searchBox {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		flex-wrap: wrap;
		margin-top:-43px;
		margin-bottom:40px;
		padding:20px;
	}
	.graduates-index #searchBox dl {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
	.graduates-index #searchBox dl:nth-child(1) {
		width:30%;
	}
	.graduates-index #searchBox dl:nth-child(2) {
		width:25%;
	}
	.graduates-index #searchBox dl:nth-child(3) {
		width:45%;
	}
	.graduates-index #searchBox dl dt {
		width:65px;
		line-height:36px;
	}
	.graduates-index #searchBox dl dt::after {
		margin:auto 0;
		border-top:4px solid transparent;
		border-bottom:4px solid transparent;
		border-left:6px solid #828997;
		top:0;
		bottom:0;
		right:-6px;
	}
	.graduates-index #searchBox dl dd ul {
		padding:0 10px 0 0;
	}
	.graduates-index #searchBox dl dd ul li {
		margin:0 0 0 15px;
	}

}




/*----------------------------------------------------------

	#graduatesList
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

#graduatesList .leadTxt {
	text-align:center;
	letter-spacing:0.05em;
}
#graduatesList #errTxt {
	display:none;
	text-align:center;
	letter-spacing:0.05em;
}
#result [class*="hidden-"] {
	display: none;
}
#graduatesList .glist {
	width:90%;
	max-width:1120px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
#graduatesList .glist .gbox {
	position:relative;
}
#graduatesList .glist .gbox.NEW::before {
	content: 'NEW';
	display:block;
	width:45px;
	height:18px;
	font-size:1.0rem;
	line-height:18px;
	text-align:center;
	font-weight:700;
	color:#ffffff;
	letter-spacing:0.1em;
	text-indent:0.1em;
	background:#cc0000;
	font-family: 'Roboto Condensed', sans-serif;
	position:absolute;
	top:10px;
	left:-3px;
	z-index:10;
	box-shadow: 1px 0px 5px 0px rgba(0,0,0,0.1);
}
#graduatesList .glist .gbox figure {
	width:100%;
	max-width:320px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:1;
}

#graduatesList .glist .gbox figure a img{
	transition:all 0.5s ease;
}

#graduatesList .glist .gbox figure a:hover img{
	transform:scale(1.1,1.1);
}

#graduatesList .glist .gbox .dataBox {
	text-align:center;
	background:#ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	position:relative;
	z-index:2;
}
#graduatesList .glist .gbox .dataBox .job{
	width:90px;
	margin:0 auto;
	line-height:20px;
	color:#ffffff;
	text-align:center;
	position:absolute;
	top:-10px;
	left:0;
	right:0;
}
#graduatesList .glist .gbox.job1 .dataBox .job{
	background:#93abca;
}
#graduatesList .glist .gbox.job2 .dataBox .job{
	background:#ca93aa;
}
#graduatesList .glist .gbox .dataBox .name {
	letter-spacing:0.1em;
}
#graduatesList .glist .gbox .dataBox p {
	font-size:12px;
	line-height:1.6em;
	text-align:center;
}
#graduatesList .glist .gbox .dataBox .year,
#graduatesList .glist .gbox .dataBox .post {
	margin-top:12px;
}
#graduatesList .glist .gbox .dataBox .post span{
	display:inline-block;
	font-size:12px;
	line-height:1.6em;
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	#graduatesList .leadTxt {
		font-size:16px;
		line-height:1.8em;
	}
	#graduatesList #errTxt {
		margin-top:60px;
		margin-bottom:60px;
		font-size:16px;
		line-height:1.8em;
	}
	#graduatesList .glist {
		padding:0 0 60px;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		justify-content: space-between;
	}
	#graduatesList .glist .gbox {
		width:48%;
		margin:20px 0 0;
	}
	#graduatesList .glist .gbox .dataBox {
		width:100%;
		margin:0px auto;
		padding:25px 5px 20px;
	}
	#graduatesList .glist .gbox .dataBox p {
		letter-spacing:0;
	}
	#graduatesList .glist .gbox .dataBox .job{
		font-size:12px;
	}
	#graduatesList .glist .gbox .dataBox .name {
		font-size:18px;
		line-height:1.2em;
	}
	#graduatesList .glist .gbox .dataBox .post span{
		display:block;
		letter-spacing:0;
	}
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	#graduatesList .leadTxt {
		font-size:18px;
		line-height:1.8em;
	}
	#graduatesList #errTxt {
		margin-top:80px;
		margin-bottom:80px;
		font-size:18px;
		line-height:1.8em;
	}
	#graduatesList .glist {
		padding:0 0 80px;
	}
	#graduatesList .glist .gbox {
		width:29.33%;
		margin:40px 2% 0;
		margin-top:40px;
	}
	#graduatesList .glist .gbox.NEW::before {
		width:60px;
		height:20px;
		font-size:1.2rem;
		line-height:20px;
		top:20px;
		left:-3px;
	}
	#graduatesList .glist .gbox .dataBox {
		width:90%;
		max-width:260px;
		margin:-50px auto 0;
		padding:25px 15px 20px;
	}
	#graduatesList .glist .gbox .dataBox .job{
		font-size:14px;
	}
	#graduatesList .glist .gbox .dataBox .name {
		font-size:20px;
		line-height:1.2em;
	}
	#graduatesList .glist .gbox .dataBox .post span{
		letter-spacing:0.1em;
	}

}



/*----------------------------------------------------------

	#entry
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

#entry {
	background:#d4d4d4;
}
#entry .inner {
	width:90%;
	max-width:840px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
}
#entry .entryBox{
	width:48%;
	padding:50px 0 35px;
	text-align:center;
	position:relative;
}
#entry .entryBox .headlineBox{
	width:250px;
	margin:0 auto;
	font-size:14px;
	line-height:32px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background:#333333;
	position:absolute;
	top:-16px;
	left:0;
	right:0;
}
#entry  .entryBox .headlineBox::after {
	content: '';
	display:block;
	width: 0;
	height: 0;
	margin:0 auto;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:6px solid #333333;
	position:absolute;
	left:0;
	right:0;
	bottom:-6px;
	z-index:1;
	transition:all 0.5s ease;
}
#entry .entryBox .btnE{
	display:block;
	width:90%;
	max-width:374px;
	margin:0 auto;
	padding:0;
	text-align:center;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:top 50% right 20px;
	background-size:15px auto;
	position:relative;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	transition:all 0.5s ease;
}
#entry .entryBox .btnE:hover{
	background-position:top 50% right 15px;
}
#entry .entryBox .btnE.entry{
	color:#ffffff;
	background-color:#ff7800;
	background-image:url(../../graduates/image/icon_arrow_w.png);
	
}
#entry .entryBox .btnE.login{
	margin-top:15px;
	color:#111111;
	background-color:#ffffff;
	background-image:url(../../graduates/image/icon_arrow_b.png);
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	#entry .entryBox{
		width:100%;
		padding:30px 0 50px;
	}
	#entry .entryBox:last-child{
		padding-bottom:30px;
	}
	#entry .entryBox .btnE{
		padding:7px 0;
		font-size:14px;
		line-height:18px;
		border-radius:50px;
	}
}

/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	#entry .entryBox{
		width:48%;
		padding:40px 0 40px;
	}
	#entry .entryBox .btnE{
		font-size:14px;
		line-height:60px;
		letter-spacing:0.15em;
		border-radius:60px;
	}
}





/*================================================================

    卒業生個別ページ

================================================================*/

/*----------------------------------------------------------

	#universityName
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduate #universityName {
	width:100%;
	background:#ffffff;
	position:relative;
}
.graduate #universityName .inner{
	width:90%;
	max-width:900px;
	margin:0 auto;
	position:relative;
}
.graduate #universityName .pageTTL {
	margin:auto 0;
	font-size:32px;
	line-height:1em;
	font-weight:700;
	text-align:left;
	color:#78808f;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
}
.graduate #universityName .pageTTL .eng{
	color:#78808f;
	font-weight:400;
	font-family: 'Roboto Condensed', sans-serif;
}
.graduate #universityName .pageTTL h1 span {
	display:block;
}
.graduate #universityName .pageTTL h1 .university {
	display:inline-block;
	font-weight:700;
	border-bottom:2px solid #78808f;
}
.graduate #universityName #graduate_img{
	background-repeat:no-repeat;
	background-position:top 0% left 50%;
	background-size:cover;
}
.graduate #universityName #graduate_img img{
	width:100%;
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduate #universityName .inner{
		height:160px;
	}
	.graduate #universityName .pageTTL {
		width:100%;
		height:110px;
		font-size:18px;
		text-align:center;
	}
	.graduate #universityName .pageTTL .eng{
		padding-left:3px;
		font-size:18px;
		line-height:1em;
		text-align:center;
	}
	.graduates-index #mainTTLBox .pageTTL h1 span {
		display:block;
		padding-left:3px;
	}
	.graduate #universityName .pageTTL h1 .university {
		margin-bottom:10px;
		padding:6px 0 12px;
		font-size:38px;
		line-height:1em;
	}
	.graduate #universityName #graduate_img{
		width:100%;
		padding-top:80%;
		position:relative;
	}
	.graduate #universityName #graduate_img::after {
		content: '';
		display:block;
		width: 0;
		height: 0;
		margin:0 auto;
		border-left:15px solid transparent;
		border-right:15px solid transparent;
		border-top:16px solid #ffffff;
		position:absolute;
		left:0;
		right:0;
		top:0px;
		z-index:1;
	}
}


/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduate #universityName .inner {
		height:350px;
	}
	.graduate #universityName .pageTTL {
		height:165px;
	}
	.graduate #universityName .pageTTL .eng{
		font-size:30px;
		line-height:1em;
	}
	.graduate #universityName .pageTTL h1 .university {
		margin-bottom:12px;
		padding:10px 0 15px;
		font-size:60px;
		line-height:1em;
	}
	.graduate #universityName #graduate_img{
		width:50%;
		min-height:700px;
		position:absolute;
		top:0;
		right:0;
		z-index:2;
	}

}



/*----------------------------------------------------------

	#graduateData
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduate #graduateData {
	width:100%;
	color:#ffffff;
	background:#78808f;
	position:relative;
}
.graduate #graduateData .inner{
	width:90%;
	max-width:900px;
	margin:0 auto;
	position:relative;
}
.graduate #graduateData .txt {
	margin-bottom:15px;
	font-size:14px;
	line-height:2em;
	letter-spacing:0.05em;
}
.graduate #graduateData .iconTxt {
	display:inline-block;
	margin-bottom:10px;
	padding:0 10px;
	font-size:14px;
	line-height:20px;
	letter-spacing:0.05em;
	color:#78808f;
	background:#ffffff;
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduate #graduateData {
		padding:35px 0 120px;
	}
	.graduate #graduateData .inner{
		text-align:center;
	}
	.graduate #graduateData .name{
		margin-bottom:15px;
		font-size:36px;
		line-height:1.2em;
		text-align:center;
	}
	.graduate #graduateData .txt {
		text-align:center;
	}

}


/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduate #graduateData {
		min-height:485px;
		padding:70px 0 150px;
	}
	.graduate #graduateData .name{
		margin-bottom:25px;
		font-size:42px;
		line-height:1.2em;
	}

}



/*----------------------------------------------------------

	#profileBox
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduate #profileBox {
	width:90%;
	max-width:1120px;
	height:auto;
	padding:30px;
	background:#ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	position:relative;
	z-index:2;
}
.graduate #profileBox .headLine{
	width:100%;
	font-weight:700;
	text-align:center;
	color:#78808f;
}
.graduate #profileBox ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	width:90%;
	max-width:800px;
	margin:0 auto;
}
.graduate #profileBox ul li{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-pack: wrap;
	flex-wrap: wrap;
	width:90%;
	max-width:800px;
	margin:0 auto;
}
.graduate #profileBox ul li dl{
	display:block;
	width:100%;
	position:relative;
}
.graduate #profileBox ul li dl dt{
	display:block;
	width:80px;
	font-size:14px;
	line-height:30px;
	color:#ffffff;
	text-align:center;
	background:#828997;
}
.graduate #profileBox ul li dl dd{
	display:block;
	width:100%;
	padding:3px 0 3px 95px;
	font-size:14px;
	line-height:24px;
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduate #profileBox {
		margin:-120px auto 0;
		padding:20px;
	}
	.graduate #profileBox .headLine{
		margin-bottom:0;
		font-size:16px;
		line-height:1.6em;
	}
	.graduate #profileBox ul{
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		flex-wrap: wrap;
	}
	.graduate #profileBox ul li{
		width:100%;
		margin-top:8px;
	}
	.graduate #profileBox ul li dl dt{
		width:80px;
		margin:0 auto 3px;
		font-size:12px;
		line-height:20px;
	}
	.graduate #profileBox ul li dl dd{
		display:block;
		width:100%;
		padding:3px 10px;
		font-size:12px;
		line-height:20px;
		text-align:center;
	}
	
}


/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduate #profileBox {
		margin:-80px auto 0;
		padding:30px;
	}
	.graduate #profileBox .headLine{
		margin-bottom:25px;
		font-size:20px;
		line-height:1.6em;
	}
	.graduate #profileBox ul li{
		width:48%;
	}

	.graduate #profileBox ul li dl dt{
		width:80px;
		font-size:14px;
		line-height:30px;
		position:absolute;
		top:0;
		left:0;
	}
	.graduate #profileBox ul li dl dd{
		display:block;
		width:100%;
		padding:3px 0 3px 95px;
		font-size:14px;
		line-height:24px;
	}

}



/*----------------------------------------------------------

	#interview
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduate #interview {
	width:90%;
	max-width:920px;
	margin:0 auto;
}
.graduate #interview .interviewBox {
	margin-top:60px;
}
.graduate #interview .interviewBox.noPhoto {
	margin-top:0px;
}
.graduate #interview .interviewBox figure img{
	width:100%;
}
.graduate #interview .interviewBox .txt .midashi{
	margin-top:35px;
	color:#78808f;
}
.graduate #interview .interviewBox .txt p{
	margin-top:20px;
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduate #interview {
		padding:0 0 60px;
	}
	.graduate #interview .interviewBox figure{
		width:100%;
	}
	.graduate #interview .interviewBox .txt{
		width:100%;
	}
	.graduate #interview .interviewBox .txt .midashi{
		font-size:24px;
		line-height:1.5em;
	}
}


/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduate #interview {
		padding:30px 0 80px;
	}
	.graduate #interview .interviewBox {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		justify-content: space-between;
	}
	.graduate #interview .interviewBox:nth-child(even) {
  		-webkit-box-orient: horizontal;
  		-webkit-box-direction: reverse;
  		-ms-flex-direction: row-reverse;
  		flex-direction: row-reverse;
	}
	
	.graduate #interview .interviewBox figure {
		width:45%;
		max-width:400px;
	}
	.graduate #interview .interviewBox .txt{
		width:50%;
		max-width:460px;
	}
	.graduate #interview .interviewBox.noPhoto .txt{
		width:100%;
		max-width:100%;
	}
	.graduate #interview .interviewBox .txt .midashi{
		font-size:32px;
		line-height:1.5em;
	}
}



/*----------------------------------------------------------

	#etcContents
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.graduate #etcContents {
	background:#f4f4f4;
}
.graduate #etcContents .headLine{
	text-align:center;
	font-weight:700;
	letter-spacing:0.1em;
}


/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.graduate #etcContents {
		padding:50px 0;
	}
	.graduate #etcContents .headLine{
		font-size:20px;
		line-height:1.5em;
	}
}


/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.graduate #etcContents {
		padding:70px 0;
	}
	.graduate #etcContents .headLine{
		font-size:24px;
		line-height:1.5em;
	}
}




/*----------------------------------------------------------

	#etcSlider
	
----------------------------------------------------------*/

/*----------------------------------------------------------
	Display：Common
----------------------------------------------------------*/

.etcSlider {
	width:100%;
	max-width:1120px;
	margin:25px auto 0;
}
.etcSlider.slick-initialized{
	opacity: 1;
}

.etcSlider .gbox {
	margin:0;
	padding:0 10px 10px;
	position:relative;
}
.etcSlider .gbox figure {
	width:100%;
	max-width:320px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.etcSlider .gbox figure a img{
	transition:all 0.5s ease;
}

.etcSlider .gbox figure a:hover img{
	transform:scale(1.1,1.1);
}

.etcSlider .gbox .dataBox {
	width:90%;
	max-width:260px;
	margin:-50px auto 0;
	padding:25px 15px 20px;
		
	text-align:center;
	background:#ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	position:relative;
	z-index:2;
}
.etcSlider .gbox .dataBox .job{
	width:90px;
	margin:0 auto;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	text-align:center;
	position:absolute;
	top:-10px;
	left:0;
	right:0;
}
.etcSlider .gbox.job1 .dataBox .job{
	background:#93abca;
}
.etcSlider .gbox.job2 .dataBox .job{
	background:#ca93aa;
}
.etcSlider .gbox .dataBox .name {
	font-size:20px;
	line-height:1.2em;
	letter-spacing:0.1em;
}
.etcSlider .gbox .dataBox p {
	font-size:12px;
	line-height:1.6em;
	text-align:center;
}
.etcSlider .gbox .dataBox .year,
.etcSlider .gbox .dataBox .post {
	margin-top:12px;
}
.etcSlider .gbox .dataBox .post span{
	display:inline-block;
	font-size:12px;
	line-height:1.6em;
	letter-spacing:0.1em;
}

.etcSlider .slick-prev,
.etcSlider .slick-next {
	display:block;
	width:40px;
	height:40px;
	margin:auto 0;
	border:none;
	text-indent:-9999px;
	background-image:url(../../movie/image/icon_arrow.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:15px auto;
	background-color:#c9c9c9;
	overflow: hidden;
	cursor: pointer;
	border-radius:40px;
	position: absolute;
	outline:0;
	top:80px;
	z-index:10;
	transition: opacity .4s ease;
}
.etcSlider .slick-next {
	transform: scale(-1, 1);
}
.etcSlider .slick-prev:hover,
.etcSlider .slick-next:hover {
	opacity:0.6;
}

/*----------------------------------------------------------
	Display：← 768px →（ tablet + sp ）
----------------------------------------------------------*/

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

	.etcSlider .gbox {
		padding:0 10px 10px;
	}
	.etcSlider .slick-prev,
	.etcSlider .slick-next {
		top:80px;
	}
	.etcSlider .slick-prev {
		left:10px;
	}
	.etcSlider .slick-next { 
		right:10px;
	}
}


/*----------------------------------------------------------
	Display：769px →（ pc ）
----------------------------------------------------------*/

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

	.etcSlider .slick-prev,
	.etcSlider .slick-next {
		top:80px;
	}
	.etcSlider .slick-prev {
		left:-10px;
	}
	.etcSlider .slick-next { 
		right:-10px;
	}
	
}