.page_div{
	margin: 3vw 0 4vw;
}
.content .cont .list {
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 2vw;
}

.content .cont .list .msg {
	font-size: 14px;
}

.content .cont .list .msg p {
	margin-bottom: 1vw;
	position: relative;
}

.content .cont .list .msg p .title {
	position: absolute;
	top: 0;
	left: 0;
}

/* pc */
@media screen and (min-width: 768px) {
	.content .cont .list .msg p .title {
		font-size: 1.2vw;
		display: inline-block;
		width: 30%;
	}

	.content .cont .list .msg p .text {
		margin-left: 30%;
		display: inline-block;
		width: 68%;
	}
	
}
/* app */
@media screen and (max-width: 768px) {
	.content .cont .list .msg .title {
		font-size: 14px;
		display: inline-block;
		width: 30%;
	}
	.content .cont .list{
		height: 40vw;
	}
	.content .cont .list .msg p .text {
		margin-left: 30%;
		display: inline-block;
		width: 68%;
	}
	.content .cont .list .msg p .text.sm {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

}

@media screen and (max-width: 510px){
	.content .cont .list{
		height: 60vw;
	}
}