@charset "utf-8";

/* research
========================================================================== */

/* title
-------------------------------------------------------------------------- */

#research_title {
	margin: 0 auto 120px;
	padding-top: 100px; 
	zoom: 1;
}
#research_title:after {
	content:"";
	display: block;
	clear: both;
}

#research_title_text {
	width: 500px;
	float: left;
}

#research_title div.course {
	margin-bottom: 16px;
	padding-left: 65px;
	background-position: 0 10px;
	background-repeat: no-repeat;
	background-size: 53px 20px;
	font-size: 186%; /* 26px */
	font-weight: 500;
}

#research_title h2 {
	margin: 0 0 16px 65px;
	font-size: 221%; /* 31px */
	font-weight: 700;
	line-height: 1.8;
}
#research_title h2 br.pc-hide {
	display: none;
}

#research_title h3 {
	margin-left: 65px;
	font-size: 115%; /* 16px */
	font-weight: 500;
	line-height: 2;
}

#research_title_img {
	width: 340px;
	float: right;
}

#research_title_img img {
	width: 100%;
}

/* 電気工学コース */
#research div.research_title_electrical_eng div.course {
	background-image: url(../img/research/research_title_electrical_eng.svg);
	color: #e60012;
}

/* 通信工学コース */
#research div.research_title_communications_eng div.course {
	background-image: url(../img/research/research_title_communications_eng.svg);
	color: #ed6c00;
}

/* 電子工学コース */
#research div.research_title_electronic_eng div.course {
	background-image: url(../img/research/research_title_electronic_eng.svg);
	color: #00873c;
}

/* 応用物理学コース */
#research div.research_title_applied_physics div.course {
	background-image: url(../img/research/research_title_applied_physics.svg);
	color: #6fba2c;
}

/* 情報工学コース */
#research div.research_title_computer_science div.course {
	background-image: url(../img/research/research_title_computer_science.svg);
	color: #0095cc;
}

/* バイオ・医工学コース */
#research div.research_title_biomedical_eng div.course {
	background-image: url(../img/research/research_title_biomedical_eng.svg);
	color: #74318e;
}

/* pc (small) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#research_title {
		margin: 0 auto 55px;
	}

	#research_title_text {
		width: auto;
		margin-bottom: 45px;
		float: none;
	}

	#research_title_img {
		width: 340px;
		margin: 0 auto;
		float: none;
	}

}

/* phones & tablet */
@media only screen and (max-width: 1023px) {
	#research_title {
		margin: 0 auto 55px;
		padding-top: 25px;
	}

	#research_title_text {
		width: auto;
		margin-bottom: 45px;
		float: none;
	}

	#research_title div.course {
		margin-bottom: 35px;
		padding-left: 35px;
		background-size: 26px 10px;
		background-position: 0 5px;
		font-size: 100%; /* 13px */
		font-weight: 400;
	}

	#research_title h2 {
		margin: 0 0 20px 0;
		font-size: 138%; /* 18px */
		line-height: 1.6;
	}

	#research_title h2 br.sp-hide {
		display: none;
	}
	#research_title h2 br.pc-hide {
		display: block;
	}

	#research_title h3 {
		margin-left: 0;
		font-size: 100%; /* 13px */
		font-weight: 500;
	}

	#research_title_img {
		width: auto;
		max-width: 320px;
		margin: 0 auto;
		float: none;
	}
}


/* article
-------------------------------------------------------------------------- */

#research_article {
	width: 685px;
	margin: 0 auto 200px;
	clear: both;
}

#research_article p {
	line-height: 2;
	text-align: justify;
}

#research_article div.photo {
	margin: 100px 0;
	zoom: 1;
}
#research_article div.photo:after {
	content:"";
	display: block;
	clear: both;
}

#research_article div.photo img {
	width: 342px;
}
#research_article div.photo img:nth-child(1) {
	float: left;
}
#research_article div.photo img:nth-child(2) {
	float: right;
}

/* pc (small) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#research_article {
		width: auto;
		margin: 0 auto 150px;
	}

	#research_article div.photo {
		margin: 70px 0;
		zoom: 1;
	}

	#research_article div.photo img {
		width: 50%;
	}
}

/* phones & tablet */
@media only screen and (max-width: 1023px) {
	#research_article {
		width: auto;
		margin: 0 auto 130px;
	}

	#research_article p {
		font-size: 93%; /* 12px */
	}

	#research_article div.photo {
		margin: 40px 0;
	}

	#research_article div.photo img {
		width: 50%;
	}
}


/* profile
-------------------------------------------------------------------------- */

#research_profile {
	width: 685px;
	margin: 0 auto 105px;
	padding-top: 45px;
	position: relative;
	zoom: 1;
}
#research_profile:after {
	content:"";
	display: block;
	clear: both;
}

#research_profile h3 {
	width: 115px;
	height: 15px;
	padding: 5px 0 0 90px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 93%; /* 12px */
	font-weight: 700;
	line-height: 20px;
	transform: rotateZ(90deg);
	position: absolute;
	top: 48px;
	left: -160px;
}

#research_profile h3.electrical_eng     { background-image: url(../img/common/material/l_electrical_eng.svg); }     /* 電気工学コース */
#research_profile h3.communications_eng { background-image: url(../img/common/material/l_communications_eng.svg); } /* 通信工学コース */
#research_profile h3.electronic_eng     { background-image: url(../img/common/material/l_electronic_eng.svg); }     /* 電子工学コース */
#research_profile h3.applied_physics    { background-image: url(../img/common/material/l_applied_physics.svg); }    /* 応用物理学コース */
#research_profile h3.computer_science   { background-image: url(../img/common/material/l_computer_science.svg); }   /* 情報工学コース */
#research_profile h3.biomedical_eng     { background-image: url(../img/common/material/l_biomedical_eng.svg); }     /* バイオ・医工学コース */

#research_profile_photo {
	float: left;
}
#research_profile_photo img {
	width: 170px;
	margin: 2px 0 15px; 
}
#research_profile_photo p {
	font-weight: 500;
}

#research_profile_article {
	width: 456px;
	float: right;
}
#research_profile_article p {
	line-height: 2;
	text-align: justify;
}
#research_profile_article p.speciality {
	font-size: 93%; /* 12px */
}

/* pc (small) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#research_profile {
		width: auto;
		margin: 0 auto 55px;
		padding-top: 45px;
		position: relative;
	}

	#research_profile_photo img {
		width: 140px;
	}

	#research_profile_article {
		width: 420px;
	}
}

/* phones & tablet */
@media only screen and (max-width: 1023px) {
	#research_profile {
		width: auto;
		margin: 0 auto 50px;
		padding-top: 0;
		position: relative;
	}

	#research_profile h3 {
		width: 115px;
		height: 15px;
		margin-bottom: 27px;
		padding: 5px 0 0 80px;
		background-position: left center;
		background-repeat: no-repeat;
		font-size: 85%; /* 11px */
		line-height: 20px;
		transform: none;
		position: static;
		top: auto;
		left: auto;
	}

	#research_profile h3.electrical_eng     { background-image: url(../img/common/material/r_electrical_eng.svg); }     /* 電気工学コース */
	#research_profile h3.communications_eng { background-image: url(../img/common/material/r_communications_eng.svg); } /* 通信工学コース */
	#research_profile h3.electronic_eng     { background-image: url(../img/common/material/r_electronic_eng.svg); }     /* 電子工学コース */
	#research_profile h3.applied_physics    { background-image: url(../img/common/material/r_applied_physics.svg); }    /* 応用物理学コース */
	#research_profile h3.computer_science   { background-image: url(../img/common/material/r_computer_science.svg); }   /* 情報工学コース */
	#research_profile h3.biomedical_eng     { background-image: url(../img/common/material/r_biomedical_eng.svg); }     /* バイオ・医工学コース */

	#research_profile_photo {
		margin-bottom: 30px;
		float: none;
	zoom: 1;
	}
	#research_profile_photo:after {
		content:"";
		display: block;
		clear: both;
	}
	#research_profile_photo img {
		width: 65px;
		margin: 0 12px 0 0;
		float: left; 
	}

	#research_profile_article {
		width: auto;
		float: none;
	}
	#research_profile_article p {
		font-size: 93%; /* 12px */
	}
}


/* link
-------------------------------------------------------------------------- */

#research_link {
	width: 685px;
	margin: 0 auto 65px;
	text-align: center;
}

#research_link div.btn {
	margin-bottom: 40px;
}
#research_link div.btn a {
	border-color: #203880;
	color: #203880;
}

#research_link div.btn_electrical_eng a     { border-color: #e60012; color: #e60012; } /* 電気工学コース*/
#research_link div.btn_communications_eng a { border-color: #ed6c00; color: #ed6c00; } /* 通信工学コース*/
#research_link div.btn_electronic_eng a     { border-color: #00873c; color: #00873c; } /* 電子工学コース*/
#research_link div.btn_applied_physics a    { border-color: #6fba2c; color: #6fba2c; } /* 応用物理学コース*/
#research_link div.btn_computer_science a   { border-color: #0095cc; color: #0095cc; } /* 情報工学コース*/
#research_link div.btn_biomedical_eng a     { border-color: #74318e; color: #74318e; } /* バイオ・医工学コース*/

/* pc (small) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#research_link {
		width: auto;
		margin: 0 auto 65px;
		text-align: center;
	}

	#research_link div.btn {
		margin-bottom: 30px;
	}
}

/* phones & tablet */
@media only screen and (max-width: 1023px) {
	#research_link {
		width: auto;
		margin: 0 auto 52px;
	}

	#research_link div.btn {
		margin-bottom: 35px;
	}
}


/* pagination
-------------------------------------------------------------------------- */

#research_pagination {
	width: 455px;
	height: 22px;
	margin: 0 auto;
	background: url(../img/research/research_pagination.svg) no-repeat center center;
	zoom: 1;
}
#research_pagination:after {
	content:"";
	display: block;
	clear: both;
}

#research_pagination nav p a {
	color: #203880;
	font-size: 86%; /* 12px*/
	vertical-align: top;
}

#research_pagination nav p.prev {
	float: left;
}
#research_pagination nav p.prev a {
	padding-left: 40px;
	background: url(../img/common/icon/arrow_b_l.svg) no-repeat center left;
	background-size: 8px 10px;
}

#research_pagination nav p.next {
	float: right;
}
#research_pagination nav p.next a {
	padding-right: 40px;
	background: url(../img/common/icon/arrow_b.svg) no-repeat center right;
	background-size: 8px 10px;
}

/* pc (small) */
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
	#research_pagination {
		width: auto;
	}
}

/* phones & tablet */
@media only screen and (max-width: 1023px) {
	#research_pagination {
		width: auto;
		background: none;
	}

	#research_pagination nav p a {
		font-size: 85%; /* 11px*/
	}

	#research_pagination nav p.prev a {
		padding-left: 20px;
	}

	#research_pagination nav p.next a {
		padding-right: 20px;
	}
}