@charset "utf-8";

/* ============================================================
	研究所 記事一覧 フッタ
	============================================================ */

/**
 * 
 * 記事一覧の下部にある、SNSボタンおよびTOPへ戻るボタン
 * 
 */

/* SNSボタン
	============================================================ */
@media screen and (min-width: 751px) {
	#sns_sp {
		display: none !important;
	}
}
@media screen and (max-width: 750px) {
	#sns_pc {
		display: none !important;
	}
	#sns_sp {
		text-align: center;
	}
	#sns_sp ul {
		padding: 10px 0 0;
		margin: 0;
	}
	#sns_sp li {
		margin: 0 5px;
		padding: 0;
		list-style: none;
		display: inline-block;
	}
	#sns_sp li img {
		vertical-align: top;
	}
}



/**
 * 
 * 研究所TOP「活動報告」
 * 
 */
@media screen and (min-width: 751px) {
	.cont_box {
		width: 1000px;
		margin: 0 auto;
		padding-top: 30px;
	}
	.cont_box h2 {
		color: #5f5f5f;
		font-size: 20px;
		font-weight: normal;
	}
	.cont_box img {
		width: 241px;
	}
	.cont_box h2:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 4px;
		height: 20px;
		margin-bottom: 3px;
		margin-right: 6px;
		border-left: 5px solid #5f5f5f;
		border-right: 5px solid #5f5f5f;
	}

	.cont_box ul {
		padding: 0;
	}
	.cont_box ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.cont_box li {
		float: left;
		width: 241px;
		list-style: none;
		font-size: 14px;
		line-height: 21px;
	}
	.cont_box li + li {
		margin-left: 11px;
	}
	.cont_box li a {
		display: block;
		color: #000000;
	}
	.cont_box li p {
		margin: 0;
	}
	.cont_box li .title {
		font-size: 15px;
		line-height: 22px;
		margin: 9px 0 7px;
	}
}
@media screen and (max-width: 750px) {
	.cont_box {
		/* padding: 0 16px; */
		padding: 11px 0;
		margin: auto;
	}
	.cont_box h2 {
		margin: 0;
		padding: 0 16px;
		color: #676767;
		font-size: 18px;
		font-weight: normal;
	}
	.cont_box h2:before {
		content: "";
		width: 3px;
		height: 16px;
		display: inline-block;
		border: solid #676767;
		border-width: 0 4px;
		margin-right: 4px;
	}
	.cont_box ul {
		font-size: 0;
		padding: 15px 6px 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.cont_box ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.cont_box li {
		width: 50%;
		padding: 0 5px;
		font-size: 11px;
		line-height: 12px;
		list-style: none;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.cont_box li a {
		color: #676767;
		display: block;
	}
	.cont_box li p {
		margin: 0;
	}
	.cont_box li .thumb ~ p {
		margin: 0 9px;
	}
	.cont_box li .title {
		color: #333333;
		font-size: 13px;
		font-weight: bold;
		line-height: 14px;
		padding: 6px 0 7px;
	}
	.cont_box li img {
		width: 100%;
	}
}