@charset 'UTF-8';
/* ----------sec-sns タイムライン 2カラム共通------------------- */
/*y-scroll タイムラインスクロール overflow
==================================================*/
@media screen and (max-width: 768px) {
	.sec-sns .sns-box {
		float: none;
	}
	.sec-sns .sns-box__hdg {
		padding: 28px 0 28px 35px;
		background-position: left center;
		font-size: 22px;
	}
}

/*y-scroll タイムラインスクロール overflow
==================================================*/
.sec-sns .sns-timeline .y-scroll {
	overflow-y: auto;
	border-bottom: 1px solid #e1e1e1;
}

/*timeline ul タイムラインボックス
==================================================*/
.sec-sns .timeline {
	width: 930px;
	height: 381px;
	margin: 0 auto;
	padding-top: 25px;
}

@media screen and (max-width: 768px) {
	.sec-sns .timeline {
		width: auto;
		padding: 25px 15px 0;
	}
}

/*timeline-list li タイムラインインナー
==================================================*/
.sec-sns .timeline-list {
	display: table;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
}

.sec-sns .timeline-list__ico {
	display: table-cell;
	padding-right: 12px;
	vertical-align: top;
}

@media screen and (max-width: 768px) {
	.sec-sns .timeline-list__ico {
		display: table-cell;
		padding-right: 10px;
	}
}

/*timeline-box div
==================================================*/
.sec-sns .timeline-box {
	display: table-cell;
	vertical-align: top;
}

.sec-sns .timeline-box__name {
	display: inline-block;
	font-size: 14px;
}

.sec-sns .timeline-box__time {
	color: #a5a5a5;
	font-size: 10px;
}

.sec-sns .timeline-box__txt {
	width: 874px;
	margin-top: 5px;
	font-size: 13px;
}

@media screen and (max-width: 768px) {
	.sec-sns .timeline-box {
		display: table-cell;
	}
	.sec-sns .timeline-box__txt {
		width: auto;
	}
}

/* ----------sec-sns タイムライン 2カラム共通 ここまで------------------- */