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

* Stylesheet : Common
* Since:          2015-07-29 MedicalTribune
* Last Modified:  2015-11-12 MedicalTribune
*
* このCSSはレスポンシブウェブデザインに対応しています。
* タブレット・スマートフォン専用の表示をしない場合は、
* PC表示用CSSのみ記述してください。
*
* ********************************************************* */

/* Common （消さないでください）*/
#container {
	display: table;
	width: 100%;
	margin: 0 auto;
	font-family: ‘ヒラギノ角ゴ Pro W3′, ’Hiragino Kaku Gothic Pro’, ’ＭＳ Ｐゴシック’, sans-serif;
}

.item {
	float: left;
	display: table-cell;
	width: 31%;
	height: 500px;
	margin: 0 1% 1%;
	padding: 0;
	background: none;
	font-size: 0;
	border-bottom: 1px solid #ccc;
}

.item.w2 {
	width: 63%;
	margin: 0 1% 1%;
}

a .item {
	display: inline-block;
	color: #333;
	text-decoration: none;
}

a:hover .item {
	background: #fff;
	text-decoration: none;
}

/* card layout */
.card {
	background: none;
}

.card-wrapper {}

.card-image {
	width: 100%;
	margin: 0 0 10px;
}

.card-image img {
	width: 100%;
	height: auto;
}

.card-info {
	clear: both;
	padding: 10px;
	color: rgb(33, 25, 34);
	text-align: left;
}


@media screen and (max-width:960px) {
	.item {
		width: 48%;
		height: 550px;
	}

	.item.w2 {
		width: 98%;
	}
}

@media screen and (max-width:480px) {
	.item {
		width: 98%;
		height: auto;
	}

	.item.w2 {
		width: 98%;
		height: auto;
	}

}

/* fillEmptySpace を設定した場合に追加される要素  */
.wookmark-placeholder {
	background-color: #efefef;
}


.clf:after {
	content: "";
	clear: both;
	display: block;
}

.figure {
	margin: 20px 0;
	text-align: center;
}

.align_center {
	text-align: center;
}

.align_right {
	text-align: right;
}

.align_left {
	text-align: left;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

img.fit-image {
	max-width: 100%;
	height: auto;
	width: auto;
	/*IE8のみ適用*/
}

/********************************************************** *
 Layout （自由記載エリア）
********************************************************** */

/***** PC表示用CSSを記述  ****/
#society_report {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: #f0f0f0;
	text-align: left;
}

#society_report_header {
	width: 100%;
	height: auto;
	position: relative;
}

#society_report_header h1 {
	display: inline-block;
	width: 100%;
	height: "auto"
}

#society_report .item h2 {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 1em;
	line-height: 1.35;
}

#society_report .item p {
	font-size: 14px;
	margin: 0 0 1em;
	padding: 0;
	font-weight: normal;
	line-height: 1.5;
}

#society_report .item p.readmore {
	font-size: 14px;
	margin: 1em 0 0;
	font-weight: bold;
}

#society_report .item p.caption {
	font-size: 14px;
	margin: 0;
	font-weight: bold;
	font-size: 81.25%;
}

#society_report .item p.brandnew {
	font-size: 12px;
	display: inline-block;
	margin: 0 0 3px;
	padding: 1px 4px;
	font-weight: bold;
	color: #fff;
	background: #c00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#society_report .item p.answer {
	font-size: 12px;
	display: inline-block;
	margin: 0 0 3px;
	padding: 1px 4px;
	font-weight: bold;
	color: #fff;
	background: #023b00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

@media screen and (max-width:960px) {
	/* タブレット表示用CSSを記述  */


	/*  ▲ココマデ！タブレット表示用CSS  */
}


@media screen and (max-width:480px) {
	/* スマホ表示用CSSを記述  */


	/*  ▲ココマデ！スマホ表示用CSS  */
}