@charset "utf-8";

/*
========================================================================== */
.socialactivities {
	margin:0 10px 30px;
	padding:20px 0;
	border-top:1px solid #b2b1b1;
	border-bottom:1px solid #b2b1b1;
}

.socialactivity {
	margin:0 0 25px;
	padding:0 0 25px;
	border-bottom:1px solid #b2b1b1;
}

.socialactivity:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.socialactivity .body_block {
	margin:0 0 15px 15px;
}

.socialactivity .body_block h4 {
	margin:0 0 6px;
	line-height:1.55;
	font-size: 1.4em;
	font-weight: 900;
	letter-spacing: 0.04em;
	position: relative;
}

.socialactivity .body_block h4:before {
	position: absolute;
	top:5px;
	left:-16px;
	content: '';
	background: url('../images/social/icon_circle.webp') no-repeat center center;
	background-size: 12px 12px;
	width:12px;
	height:12px;
}

.socialactivity .body_block .date {
	margin:0 0 15px;
	line-height:1.6;
	font-size: 1.1em;
	letter-spacing: 0.02em;
}

.socialactivity .body_block .exbox {
	margin:0 0 15px;
	font-size: 1.1em;
}

.socialactivity .body_block .exbox .lead {
	line-height:2.0;
	color:#2f859f;
	letter-spacing: 0.02em;
}

.socialactivity .body_block .exbox .ex {
	line-height:2.0;
}

.socialactivity .body_block .pdf {
	display: none;
}

.socialactivity .image_block .imagebox {
	margin:0 0 20px;
}

.socialactivity .image_block .imagebox img {
	width:100%;
	height:auto;
}

.socialactivity .image_block .pdf {
	margin:0 auto;
	width: 194px;
}

.socialactivity .image_block .pdf a {
	display: block;
	overflow: hidden;
	background: url('../images/social/sp_social_btn.webp') no-repeat;
	background-size: 194px 46px;
	padding: 46px 0 0;
	height: 0!important;
}

.messagebox {
	background: url('../images/social/sp_social_eximage.webp') no-repeat center top;
	background-size: cover;
	margin:0 10px 20px;
	padding:15px 20px;
	border-radius: 5px;
}

.messagebox h3 {
	margin:0 0 10px;
	line-height:1.4;
	color:#2f859f;
	font-size: 1.3em;
	font-weight: 900;
	letter-spacing: 0.02em;
}

.messagebox p {
	line-height:1.45;
	font-size: 1.1em;
}

@media screen and (min-width: 760px) {

	.socialactivities {
		margin:0 auto 50px;
		padding:55px 0;
		width:1126px;
	}

	.socialactivity {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin:0 0 55px;
		padding:0 80px 55px 110px;
	}

	.socialactivity .body_block {
		margin:0;
		width:500px;
	}

	.socialactivity .body_block h4 {
		margin:0 0 10px;
		font-size: 2.0em;
	}

	.socialactivity .body_block h4:before {
		top:calc(50% - 7px);
		left:-22px;
		background-size: 15px 15px;
		width:15px;
		height:15px;
	}

	.socialactivity .body_block .date {
		margin:0 0 20px;
		font-size: 1.6em;
	}

	.socialactivity .body_block .exbox {
		margin:0 0 20px;
		font-size: 1.6em;
	}

	.socialactivity .body_block .pdf {
		display: block;
		width: 276px;
	}

	.socialactivity .body_block .pdf a {
		display: block;
		overflow: hidden;
		background: url('../images/social/social_btn.webp') no-repeat;
		background-size: 276px 64px;
		padding: 64px 0 0;
		height: 0!important;
	}

	.socialactivity .image_block {
		width:424px;
	}

	.socialactivity .image_block .imagebox {
		margin:0;
	}

	.socialactivity .image_block .pdf {
		display: none;
	}

	.messagebox {
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url('../images/social/social_eximage.webp');
		background-size: 940px 190px;
		margin:0 auto;
		padding:0;
		width:940px;
		height:190px;
	}

	.messagebox h3 {
		margin:0 0 15px;
		line-height:1.2;
		font-size: 2.0em;
	}

	.messagebox p {
		line-height:2.0;
		font-size: 1.6em;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}