@charset "utf-8";

/*===============================================

 *	Case Studies

===============================================*/
/*-----------------------------------------------

 *	一覧ページ

-----------------------------------------------*/
.studiesWrap{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 120px;
}

.studiesBox h2{
	font-size: 2.4rem;
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.studiesBox h2:after{
	width: 40px;
}
.studiesBox h2 a{
	background: url("../img/toppage/icon_arrow_wh.png") right center no-repeat;
	background-size: 17px 5px;
	color: #fff;
	display: block;
}
.studiesBox h2 a:hover{
	color: #ccc5a8;
}
.studiesBox h3,
.studiesBox .hx3{
	color: #d7dfe3;
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.studiesBox h3 span,
.studiesBox .hx3 span{
	border: 1px solid #6d777c;
	display: block;
	font-size: 1.4rem;
	line-height: 1.0;
	margin-bottom: 8px;
	padding: 2px 5px;
	width: fit-content;
}

.studiesBox .tpCaseTxt{
	line-height: 1.4;
}

@media screen and ( max-width:767px ){
	.studiesWrap{
		grid-template-columns: repeat(1, 1fr);
		gap: 10px;
		margin-bottom: 60px;
	}
	.studiesBox h2{
		font-size: 2.0rem;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.studiesBox .tpCaseTxt{
		font-size: 1.6rem;
	}
}

/*-----------------------------------------------

 *	固定ページ

-----------------------------------------------*/
.casePostWrap{
}
.casePostbox{
}
.csPostClinic{
	color: #ccc5a8;
	font-family: "Shippori Mincho", serif;
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.csPostCategory{
	border: 1px solid #6d777c;
	display: block;
	font-size: 1.4rem;
	line-height: 1.0;
	margin-bottom: 10px;
	padding: 3px 6px;
	width: fit-content;
}
.csPostTitle{
	font-size: 3.0rem;
	padding-bottom: 20px;
	margin-bottom: 50px;
}
.csPostPhoto{
	margin-bottom: 50px;
	text-align: center;
}
.csPostList{
	border: 1px solid #6d777c;
	margin-bottom: 30px;
	padding: 40px;
}
.csPostList li + li{
	margin-top: 15px;
}

.csPostNote{
	font-size: 2.2rem;
	margin-bottom: 50px;
	text-align: center;
}


@media screen and ( max-width:767px ){

	.csPostClinic{
		font-size: 1.7rem;
		margin-bottom: 10px;
	}
	.csPostCategory{
		font-size: 1.2rem;
		margin-bottom: 8px;
		padding: 2px 5px;
	}
	.csPostTitle{
		font-size: 2.0rem;
		padding-bottom: 15px;
		margin-bottom: 30px;
	}
	.csPostPhoto{
		margin-bottom: 30px;
	}
	.csPostList{
		margin-bottom: 20px;
		padding: 15px;
	}
	.csPostList li + li{
		margin-top: 10px;
	}
	.csPostNote{
		font-size: 1.8rem;
		margin-bottom: 40px;
		text-align: left;
	}
}



/*-----------------------------------------------

 *	aaa

-----------------------------------------------*/

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

}

@media screen and ( max-width:1000px ){

}
@media screen and ( max-width:767px ){

}

/**/