@charset "UTF-8";
/* CSS Document */

/*===================================================
    case用CSS
===================================================*/



/* --------------------------------------------------
    メイン
-------------------------------------------------- */

/*    共通設定
-------------------------------------------------- */
*{
	box-sizing: border-box;
}
.case-title h4{
	text-align: center;
	font-size: 30px;
	color:#c70012;
	padding:40px 0 20px 0;
	/* text-shadow: 1px 1px 2px #000; */
}
.case{
	padding:40px;
}
.case-content-one,.case-content-two{
	border:1px solid #ccc;
	width:95%;
	margin:0 auto;
}
.case-content-one{
	height:220px;
}
.case-content-two{
	padding:40px;
}
.case-ps{
	float:left;
	width:50%;
	margin:30px 4%;
}
.case-content-two p{
	margin-bottom:30px;
}
.case-content-one img{
	float:right;
	width:38%;
	height:220px;
	object-fit: cover;
	object-position: 0 0;
}
.case h5{
	font-size: 18px;
	color:#c70012;
	margin-bottom:40px;
	font-weight: bold;
}
.case h6{
	font-size: 15px;
	margin-top:20px;
	padding-bottom:30px;
	color:#c70012;
	font-weight: bold;
}


@media (max-width: 576px) {
.case-title h4 {
	font-size: 24px;
}
	.case-content-one,.case-content-two{
	width:100%;
}
.case-content-one,.case-content-two{
	height:auto;
	padding:10px;
}
.case-ps{
	float:none;
	width:100%;
	margin:30px 0;
}
.case-content-two p{
	margin-bottom:30px;
}
.case-content-one img{
	float:none;
	width:100%;
	height:220px;
}
.case h5{
	font-size: 18px;
	color:#c70012;
	margin-bottom:40px;
	font-weight: bold;
}
.case h6{
	font-size: 15px;
	padding-bottom:30px;
	color:#c70012;
	font-weight: bold;
}

}