@charset "utf-8";

/* 研究パートナー用CSS
========================================*/

/* SPonly */
@media screen and (max-width:767px){
	#mainArea {
		padding:50px 4% 80px;
	}
	#mainArea h2 {
		color:#8d0404;
		font-size:178%;
		font-weight:bold;
		line-height:180%;
		text-align:center;
	}
	#mainArea h2:after {
		background:#8d0404;
		content:"";
		display:block;
		margin:30px auto 40px;
		height:2px;
		width:30px;
	}
	#mainArea section {
		margin-bottom:60px;
	}
	#mainArea section:last-of-type {
		margin-bottom:0;
	}
	#mainArea section figure {
		text-align:center;
	}
	#mainArea section figure img {
		width:216px;
	}
	#mainArea section .detail {
		margin-top:30px;
	}
	#mainArea section .detail h3 {
		color:#8d0404;
		font-size:130%;
		font-weight:bold;
		line-height:150%;
		margin-bottom:30px;
		text-align:center;
	}
	#mainArea section .detail .degree {
		font-size:108%;
		line-height:165%;
	}
	#mainArea section .detail .degree .txtIndent1 {
		padding-left:1em;
		text-indent:-1em;
	}
	#mainArea section .detail .spLink {
		font-size:108%;
		margin-top:15px;
		padding-left:5px;
	}
	#mainArea section .detail .pcLink {
		display:none;
	}
	#mainArea section .detail .spLink a {
		text-decoration:underline;
	}
}

/* PConly */
@media screen and (min-width:768px){
	#mainArea {
		margin:0 auto;
		padding:50px 0;
		width:800px;
	}
	#mainArea h2 {
		color:#8d0404;
		font-size:157%;
		font-weight:bold;
		line-height:180%;
		text-align:center;
	}
	#mainArea h2:after {
		background:#8d0404;
		content:"";
		display:block;
		margin:35px auto 70px;
		height:2px;
		width:30px;
	}
	#mainArea section {
		margin-bottom:80px;
		padding:0 50px 0 100px;
	}
	#mainArea section figure {
		float:left;
		width:240px;
	}
	#mainArea section figure img {
		width:100%;
	}
	#mainArea section .detail {
		float:right;
		width:360px;
	}
	#mainArea section .detail h3 {
		color:#8d0404;
		font-size:129%;
		font-weight:bold;
		line-height:150%;
		margin-bottom:12px;
		padding-left:5px;
	}
	#mainArea section .detail .degree {
		font-size:107%;
		line-height:180%;
	}
	#mainArea section .detail .pcLink {
		font-size:93%;
		margin-top:15px;
		padding-left:5px;
	}
	#mainArea section .detail .pcLink a {
		text-decoration:underline;
	}
	#mainArea section .detail .pcLink a:hover {
		opacity:0.8;
	}
	#mainArea section .detail .spLink {
		display:none;
	}

}
