@charset "UTF-8";
/* CSS Document */

/* メイン下リード */

.large {
	font-size: 18px;
	line-height: 36px;
}


/* CONTACT */

.map {
	width: 100%;
	margin-top: -175px;
}

.map img {
	width: 100%;
	vertical-align: bottom;
}

.map_sm {
	display: none;
}


/* 研究室概要 */

body.overview div#mainArea header {
	background-image: url(../../overview/images/bg_header.jpg);
}

.box h1 {
	margin-bottom: 30px;
}

.img_overview {
	width: 100%;
	margin-bottom: 40px;
}

.img_overview img {
	width: 100%;
}


div#mainArea section.reticulation div.box.overview01 h3 span {
	background-image: url(../../overview/images/icon_overview_01.png);
}

div#mainArea section.reticulation div.box.overview02 h3 span {
	background-image: url(../../overview/images/icon_overview_02.png);
}

.teacher_a {
    display: inline-block;
    text-align: left;
}

.teacher_a h1 {
	font-size: 18px;
	margin-bottom: 5px;
}


.teacher_b {
	float: right;
}

.teacher_b h1 {
	font-size: 18px;
	margin-bottom: 5px;
}

.teacher {
    text-align: center;
}


.teacher_link {
	background-image: url(../../overview/images/icon_teacher.png);
	padding-left: 25px;
	background-position: 0 center;
	background-repeat: no-repeat;
	color: #000000;
}

.teacher_link:hover {
	opacity: 0.8;
} 

.clear {
	clear: both;
}

.students {
	width: 100%;
	font-size: 18px;
	text-align: center;
}

.man_woman {
	width: 200px;
	margin: 0px auto;
}

.man {
	float: left;
	
}

.woman {
	float: right;
}


.date {
	text-align: center;
}

/* 研究内容 */

body.research div#mainArea header {
	background-image: url(../../research/images/bg_header.jpg);
}

div#mainArea section.reticulation div.box.research01 h3 span {
	background-image: url(../../research/images/icon_research_01.png);
}

div#mainArea section.reticulation div.box.research02 h3 span {
	background-image: url(../../research/images/icon_research_02.png);
}

div#mainArea section.reticulation div.box.research03 h3 span {
	background-image: url(../../research/images/icon_research_03.png);
}

div#mainArea section.reticulation div.box.research04 h3 span {
	background-image: url(../../research/images/icon_research_04.png);
}

.research_image {
	width: 100%;
}

.research_image img {
	width: 100%;
}

.research_image a:hover {
	opacity: 0.8;
}


/* ラボライフ */

body.lablife div#mainArea header {
	background-image: url(../../lablife/images/bg_header.jpg);
}

div#mainArea section#a_day {
	width: 100%;
	margin: 0;
}

div#mainArea section#a_day h2 {
	margin-bottom: 0;
}

div#mainArea section#one_year {
	width: 100%;
	margin: 0;
}

div#mainArea section#one_year h2 {
	margin-bottom: 0;
}

.lablife_visual {
	width: 100%;
}

.lablife_visual img {
	width: 100%;
}

.lablife_schedule {
	width: 70%;
	margin: 0px auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 80px;
}

.lablife_schedule img {
	width: 100%;
	max-width: 811px;
}

.lablife_schedule_s {
	display: none;
}



/* キャリア・就職 */

body.career div#mainArea header {
	background-image: url(../../career/images/bg_header.jpg);
}

div#mainArea section.reticulation div.box.career01 h3 span {
	background-image: url(../../career/images/icon_career_01.png);
}

div#mainArea section.reticulation div.box.career01 h1 {
	font-size: 18px;
	text-align: center;
	margin-top: 32px;
	margin-bottom: 15px;
}

div#mainArea section.reticulation div.box.career01 ul {
	text-align: center;
}

div#mainArea section.reticulation div.box.career01 li {
	font-size: 15px;
	display: inline-block;
margin: 0px 10px 0px 10px;
}

.message {
	padding-bottom: 20px;
	text-align: center;
}



/*--------------------------------------------------
* #active
==================================================*/

div#mainArea section#active {
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	background-color: #fff4e4;
}

div#mainArea section#active h2 {
	margin: 0;
}

div#mainArea section#active div.face {
	margin-bottom: 20px;
	display:flex;
	justify-content: center;
}

div#mainArea section#active div.face p.img {
	margin-right: 20px;
}

div#mainArea section#active div.face h3 {
	padding-top: 5px;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}

div#mainArea section#active div.face h3 span {
	margin-right: 5px;
	font-size: 22px;
	font-weight: bold;
}

div#mainArea section#active p.separate {
	margin: 20px 0 50px 0;
	text-align: center;
}

div#mainArea section#active div.wrap {
	width: 80%;
	max-width: 920px;
}

div#mainArea section#active div.wrap.right {
	margin: 0 0 0 auto;
}

div#mainArea section#active div.wrap h4 {
	width: 80%;
	margin: 0 0 50px auto;
	padding-left: 90px;
	background: url(../../career/images/bg_headline_01.gif) 0 0 no-repeat;
	font-weight: normal;
}

div#mainArea section#active div.wrap.right h4 {
	margin: 0 0 50px 0;
}

div#mainArea section#active div.wrap h4 span {
	display: block;
	margin-bottom: 10px;
	font-size: 23px;
	font-weight: bold;
}

div#mainArea section#active div.wrap div.box {
	display: flex;
	justify-content: space-between;
}

div#mainArea section#active div.wrap.right div.box {
	flex-direction: row-reverse;
}

div#mainArea section#active div.wrap div.box p.img {
	width: 60%;
	font-size: 13px;
}

div#mainArea section#active div.wrap.left div.box p.img {
	text-align: right;
}

div#mainArea section#active div.wrap div.box p.img img {
	width: 100%;
	height: auto;
}

div#mainArea section#active div.wrap div.box div.data {
	width: 35%;
}

div#mainArea section#active div.wrap div.box div.data div.imgArea {
	margin-bottom: 20px;
	display: flex;
}

div#mainArea section#active div.wrap div.box div.data div.imgArea p.img {
	margin: 0 10px 10px 0;
	width: 60%;
}

div#mainArea section#active div.wrap div.box div.data div.imgArea p.img img {
	width: 100%;
	height: auto;
}

div#mainArea section#active div.wrap div.box div.data div.imgArea p.txt {
	width: 35%;
	font-size: 13px;
	line-height: 1.5em;
}

div#mainArea section#active div.wrap div.box div.data h5 {
	margin-bottom: 10px;
	padding: 90px 0 0 0;
	background: url(../../career/images/icon_message.gif) 0 0 no-repeat;
	font-size: 20px;
	line-height: 1.5em;
}

div#mainArea section#active div.wrap div.box div.data p.message {
	line-height: 1.8em;
}










/* ブレークポイント */
/* CONTACT */

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

	.map_sm {
		display: block;
		width: 100%;
	}

	.map_sm img {
		width: 100%;
	}


/* 研究室概要 */

.teacher {
margin-bottom: 60px;
	}

/* ラボライフ */

.lablife_schedule {
display: none;
}
	
.lablife_schedule_s {
display: block;
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 80px;
}

.lablife_schedule_s img{
	width: 100%;
	max-width: 375px;
}


/*--------------------------------------------------
* #active
==================================================*/


div#mainArea section#active div.face {
	display: block;
	text-align: center;
}

div#mainArea section#active div.face p.img {
	margin: 0 0 5px 0;
}

div#mainArea section#active div.face h3 {
	padding-top: 0;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

div#mainArea section#active p.separate {
	margin: 20px 0 50px 0;
	text-align: center;
}

div#mainArea section#active div.wrap {
	width: auto;
	margin: 0 20px;
}

div#mainArea section#active div.wrap.right {
	margin: 0 20px;
}

div#mainArea section#active div.wrap h4 {
	width: 100%;
	margin: 0 0 20px 0;
	padding-left: 40px;
	background: url(../../career/images/bg_headline_02.png) 0 0 no-repeat;
	line-height: 1.8em;
}

div#mainArea section#active div.wrap h4 span {
	display: block;
	margin-bottom: 10px;
	font-size: 23px;
	font-weight: bold;
}

div#mainArea section#active div.wrap div.box {
	display: block;
}

div#mainArea section#active div.wrap div.box p.img {
	width: 100%;
	line-height: 1.5em;
}

div#mainArea section#active div.wrap.left div.box p.img {
	text-align: left;
}

div#mainArea section#active div.wrap div.box p.img img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

div#mainArea section#active div.wrap div.box div.data {
	width: 100%;
}

div#mainArea section#active div.wrap div.box div.data h5 {
	background: url(../../career/images/icon_message.gif) center 0 no-repeat;
}


}