@charset "UTF-8";

#case01,
#case02,
#case03,
#case04{
	margin-top: -75px;
	padding-top:75px;
}
@media (min-width: 576px){
	#case01,
	#case02,
	#case03,
	#case04{
		margin-top: -50px;
		padding-top:50px;
	}
}
@media (min-width: 768px) {
	#case01,
	#case02,
	#case03,
	#case04{
		margin-top: -50px;
		padding-top: 50px;
	}
}
@media (min-width: 992px) {
	#case01,
	#case02,
	#case03,
	#case04{
		margin-top: -50px;
		padding-top: 50px;
	}
}

.cont-case h3{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ 明朝", serif!important;
	font-style: oblique;
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.case-lead-pic-Left,
.case-lead-pic-Right{
	margin-left: -15px;
	margin-right: -15px;
}
.case-lead-pic-img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.case-lead-txt-Left,
.case-lead-txt-Right{
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1rem;
}
.sec p.cas-menu{
	text-align: right;
}
	@media (min-width: 576px){
		.case-lead-pic-Left{
			margin-left: -15px;
			margin-right: 0;
		}
		.case-lead-pic-Right{
			margin-left: 0;
			margin-right: -15px;
		}
		.case-lead-pic-img{
			height: auto;
		}
		.case-lead-txt-Left,
		.case-lead-txt-Right{
			padding-top: 0;
		}
	}
	@media (min-width: 768px) {
		.cont-case h3{
			font-size: 1.6rem;
			margin-bottom: 2rem;
		}
		.sec p.cas-menu{
			padding-top: 1rem;
		}
	}
	@media(min-width:992px){
		.cont-case h3{
			font-size: 2rem;
			margin-bottom: 3rem;
		}
		.case-lead-pic-img{
			height: 401px;
		}
		.case-lead-txt-Right{
			margin-left: 0;
			margin-right: 0;
			padding-left: 5%;
			max-width: 580px;
		}
		.case-lead-txt-Left{
			margin-left: auto;
			margin-right: 0;
			padding-right: 5%;
			max-width: 580px;
		}
		.sec p.cas-menu{
			padding-top: 2rem;
		}
	}

/* voice --------------------*/
.cont-voice{
	margin-top: 1rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	padding: 1rem;
}

.bgc01{
	background-color: #ece8f6;
}
.bgc02{
	background-color: #e1eff2;
}
.bgc03{
	background-color: #f2e3e8;
}
.bgc04{
	background-color: #edf3e3;
}
.cont-voice h4{
	font-size: 1rem;
}
.cont-voice-pic{
	width: 30%;
	margin-right: 1rem;
	float: left;
}
.cont-voice-pic img{
	width: 100%;
}
.sec p.date{
	text-align: right;
	margin-bottom: 0;
}
	@media (min-width: 576px){
		.cont-voice h4{
			padding-top: 0.3rem;
		}
		.cont-voice{
			margin-left: 0rem;
			margin-right: 0rem;
			padding: 1.5rem;
		}
		.cont-voice-pic{
			width: 121px;
			float: none;
			display: table-cell;
		}
		.cont-voice-txt{
			display: table-cell;
			vertical-align:top;
			padding-left: 1.5rem;
		}
		.sec p.person{
			text-align: right;
		}
	}

	@media (min-width: 768px){
		.cont-voice{
			margin-top: 2rem;
			padding: 2rem;
		}
		.cont-voice h4{
			font-size: 1.1rem;
		}
		.cont-voice-txt{
			padding-left: 2rem;
		}
	}
	@media (min-width: 992px){
		.cont-voice{
			margin-top: 4rem;
			padding: 2.5rem;
			display: table;
			margin-left: auto;
			margin-right: auto;
		}
		.cont-voice h4{
			font-size: 1.3rem;
		}
		.cont-voice-txt{
			padding-left: 2.5rem;
		}
	}