@charset "utf-8";

/************ 研究室・設備受託サービス共通ビジュアル *********/
/**************  ここからラボ概要ページのキャッチ画像エリアp-research__visualContent ****************/

@media(min-width:768px) {
	.q-research__visualContent {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
	
	.q-research__visualContent .img {
		width: 470px;
		margin-left: -40px;
		flex-shrink: 0
	}
}
@media(min-width:992px) {
	.q-research__visualContent .img {
		width: 644px;	
	}
}

@media(min-width:1440px) {
	.q-research__visualContent .img {
		width: 44.72vw;
	}
}
.q-research__visualContent .block {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	padding: 1em 3em;
	background-color: #fff
}

.q-research__visualContent.-black {
	background-color: #000;
}
.q-research__visualContent.-black .block {
	background-color: #000;
	color: #fff
}
@media(min-width:768px) {
	.q-research__visualContent .block {
		padding: 1em 0;
		margin-left: 0;

	}
}
@media(min-width:992px) {
	.q-research__visualContent .block {
           /*margin-left: 10px;*/
	}
}
@media(min-width:1200px) {
	.q-research__visualContent .block {
		margin-left: 60px;
	}
}

.q-research__visualContent .textarea {
	width: 100%
}

.q-research__visualContent .name {
	margin-bottom: 20px;
	font-size: 6.4vw;
	line-height: 1.2
}
@media(min-width:768px) {
	.q-research__visualContent .name {
		font-size: 3.2rem
	}
}
@media(min-width:992px) {
	.q-research__visualContent .name {
		font-size: 3.6rem
	}
}

@media(min-width:1440px) {
	.q-research__visualContent .name {
		font-size: 2.5vw;
	}
}

.q-research__visualContent .name .position {
	font-size: 4.266666666666667vw
}
@media(min-width:768px) {
	.q-research__visualContent .name .position {
		font-size: 1.6rem
	}
}
@media(min-width:1440px) {
	.q-research__visualContent .name .position {
		font-size: 1.111111111111111vw
	}
}

.q-research__visualContent .name .sm {
	font-size: 4.8vw
}
@media(min-width:768px) {
	.q-research__visualContent .name .sm {
		font-size: 1.8rem
	}
}
@media(min-width:1440px) {
	.q-research__visualContent .name .sm {
		font-size: 1.25vw
	}
}

.q-research__visualContent .read {
	font-size: 5.066666666666666vw;
	line-height: 1.4
}
@media(min-width:768px) {
	.q-research__visualContent .read {
		font-size: 2.4rem
	}
}
@media(min-width:1440px) {
	.q-research__visualContent .read {
		font-size: 1.666666666666667vw;
	}
}

.q-research__visualContent .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.2
}

.q-research__visualContent .info span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	min-width: 5em;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.q-research__visualContent .info span:after {
	content: ':';
	display: inline-block;
	margin-right: .5em
}

@media(max-width:767px) {
	.q-research__visualContent .info span {
		min-width: 25%
	}
}

.q-research__visualContent .info a {
	color: #5072a5;
	line-height: 1.2
}

.q-research__visualContent .info a:hover {
	text-decoration: underline
}


	.q-research__visualContent .info.fz-xs {
		margin-left: 5.5em;
}
/**************  ここまでラボ概要ページのキャッチ画像エリアp-research__visualContent ****************/