@charset "UTF-8";


/* -------------------------------------
towards
------------------------------------- */
.post {
	padding:30px;
	border:1px solid #CCC;
}
.post:not(:last-child) {
	margin-bottom:35px;
}
.post .photo {
	width:120px;
	float:left;
}
.post .text {
	width:calc(100% - 150px);
	float:right;
}
.post .text h2 {
	font-size:24px;
	font-weight:500;
	line-height:1.4;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #CCC;
}
.post .text h2 span {
	font-size:14px;
	color:#6E9FDD;
	display:block;
}
.post .text h3 {
	font-size:18px;
	font-weight:bold;
	color:#6E9FDD;
}
.post .text h3::after {
	content:"";
	width:215px;
	height:2px;
	display:block;
	margin:10px 0 15px 0;
	background-color:#6E9FDD;
}
.post .text h4 {
	font-size:16px;
	font-weight:500;
	margin-bottom:5px;
}
.post .text p {
	text-indent:1em;
}
.post .text p.mgn {
	margin-bottom:25px;
}

.post#post2 .text h4 {
	text-indent:-8px;
}



@media screen and (max-width:1280px) {
	.post {
		padding:28px;
	}
	.post:not(:last-child) {
		margin-bottom:33px;
	}
	.post .text {
		width:calc(100% - 148px);
	}
	.post .text h2 {
		font-size:23px;
		padding-bottom:19px;
		margin-bottom:19px;
	}
	.post .text h3 {
		font-size:17px;
	}
}
@media screen and (max-width:1100px) {
	.post {
		padding:26px;
	}
	.post:not(:last-child) {
		margin-bottom:31px;
	}
	.post .text {
		width:calc(100% - 146px);
	}
	.post .text h2 {
		padding-bottom:18px;
		margin-bottom:18px;
	}
	.post .text h4 {
		font-size:15px;
	}
}
@media screen and (max-width:980px) {
	.post {
		padding:24px;
	}
	.post:not(:last-child) {
		margin-bottom:29px;
	}
	.post .text {
		width:calc(100% - 144px);
	}
	.post .text h2 {
		font-size:22px;
		padding-bottom:17px;
		margin-bottom:17px;
	}
	.post .text h3 {
		font-size:16px;
	}
}
@media screen and (max-width:768px) {
	.post {
		padding:22px;
	}
	.post:not(:last-child) {
		margin-bottom:27px;
	}
	.post .photo {
		width:110px;
	}
	.post .text {
		width:calc(100% - 132px);
	}
	.post .text h2 {
		font-size:20px;
		padding-bottom:16px;
		margin-bottom:16px;
	}
	.post .text h2 span {
		font-size:13px;
	}
	.post .text h3 {
		font-size:15px;
	}
	.post .text h4 {
		font-size:14px;
	}
}
@media screen and (max-width:640px) {
	.post {
		padding:20px;
	}
	.post:not(:last-child) {
		margin-bottom:25px;
	}
	.post .photo {
		width:100px;
	}
	.post .text {
		width:calc(100% - 120px);
	}
	.post .text h2 {
		font-size:19px;
		padding-bottom:15px;
		margin-bottom:15px;
	}
}
@media screen and (max-width:600px) {
	
}
@media screen and (max-width:500px) {
	.post:not(:last-child) {
		margin-bottom:20px;
	}
	.post .photo {
		width:100px;
		float:none;
		margin:0 auto 30px auto;
	}
	.post .text {
		width:calc(100% - 0px);
		float:none;
	}
	.post .text h3::after {
		width:100px;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:901px) {
	
}