@charset "utf-8";

.blog{
	background-color: #f5f5f0;
	padding-bottom: 50px;
}
.blog__inner{
	max-width: 959px;
	width: 95%;
	margin: auto;
	display: flex;
	padding-bottom: 75px;
}
.blog__content{
	width: calc(100% - 220px);
	padding-right: 35px;
}

@media screen and (max-width: 768px) {
	.blog__inner{
		max-width: 959px;
		width: 95%;
		display: block;
		padding-bottom: 0px;
	}
	.blog__content{
		width: 95%;
		padding: 0 0 25px 0;
		margin: auto;
	}
}


.b-Content{
	margin-top: 45px;
}
.b-Content__category{
	background-color: #bae2e2;
	margin: 0;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 5px 5px 0 0 ;
	font-size: 12px;
}
.b-Content__category.school_review{
	background-color: #bae3ba;
}
.b-content__wrapper{
	background-color: #ffffff;
	padding: 0 15px;
	border-radius: 0 40px 40px 40px ;
	display: flex;
}
.b-content__image{
	position: relative;
	height: 145px;
	width: 95px;
	background-color: #e8a323;
	border-radius: 30px;
	display: inline-block;
	margin: 15px 0;
	overflow: hidden;
}
.b-content__img{
	position: absolute;
	bottom: 0;
	left: 0;
  right: 0;
	margin: auto;
	width: 75%;
}
.b-content__detail{
	padding: 25px 15px 0 15px;
	width: calc(100% - 95px);
}
.b-content__volume{
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
}
.b-content__date{
	display: inline-block;
	font-size: 14px;
	float: right;
}
.b-content__title{
	margin: 0;
	font-size: 20px;
	padding: 0;
}

.b-content__intro{
	font-size: 12px;
	line-height: 1.5;
}
.b-content__doctorName{
	font-size: 14px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.b-Content{
		margin-top: 45px;
	}
}
@media screen and (max-width: 414px) {
	.b-content__wrapper{
		display: block;
		text-align: center;
	}
	.b-content__detail{
		padding: 25px 15px 25px 15px;
		width: 100%;
		text-align: left;
	}
	/*.asideBlock__input {
    width: calc(100% - 40px);
	}*/
}