/* 事例€ */
.case_container {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 2.0rem;
    position: relative;
}
.case_container2 {
    margin: 0 auto;
    max-width: 100%;
    padding: 0 2.0rem;
    position: relative;
}
.case .col2 p {
	position: absolute;
	color: #000;
	text-align:center;
	width: 100%;         /* 画像の幅に合わせるため */
	padding: 10px 0;
	left: 0;             /* 基準からみて左寄せ */
	bottom: 0;           /* 基準からみて下寄せ */
	background: rgba(255,255,255,0.5);  /* 半透明の背景。 */
	margin: 0;
}
.case {
    display: flex;
	flex-wrap : wrap; 
    flex-direction: row;
    padding: 0;
    margin: 0 auto;
}
.col2 {
    margin-left: 1%;
}
.case .span-3 {
	position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    
    margin: 20px auto;
    overflow: hidden;
}
/* 800px以上の表示 */
@media ( min-width : 800px ) {
	.case_container {
	    margin: 0 auto;
	    max-width: 100%;
	    padding: 0 2.0rem;
	    position: relative;
	}
	.case_container2 {
	    margin: 0 auto;
	    max-width: 70%;
	    padding: 0 2.0rem;
	    position: relative;
	}
	.case .col2 p {
		position: absolute;
		color: #000;
		text-align:center;
		width: 100%;         /* 画像の幅に合わせるため */
		padding: 10px 0;
		left: 0;             /* 基準からみて左寄せ */
		bottom: 0;           /* 基準からみて下寄せ */
		background: rgba(255,255,255,0.5);  /* 半透明の背景。 */
		margin: 0;
	}
	.case {
	    display: flex;
		flex-wrap : wrap; 
	    flex-direction: row;
	    padding: 0;
	    margin: 0 auto;
	}
	.col2 {
	    margin-left: 1%;
	}
	.case .span-3 {
		position: relative;
	    flex: 0 0 32%;
	    max-width: 32%;
	    
	    margin: 20px auto;
	    overflow: hidden;
	}
	.case .span-4 {
		position: relative;
	    flex: 0 0 24%;
	    max-width: 24%;
	    
	    margin: 0 auto;
	    overflow: hidden;
	}
	.case .span-5 {
		position: relative;
	    flex: 0 0 19%;
	    max-width: 19%;
	    
	    margin: 0 auto;
	    overflow: hidden;
	}
	.case .span-2 {
		position: relative;
	    flex: 0 0 49%;
	    max-width: 49%;
	    
	    margin: 0 auto;
	    overflow: hidden;
	}
	.case .span-2_4 {
		position: relative;
	    flex: 0 0 48%;
	    max-width: 48%;
	    
	    margin: 0 auto;
	    overflow: hidden;
	}
	.butinuki22 {
		display: flex;
		flex-wrap : wrap; 
	    flex-direction: row;
	    padding: 0;
		position: relative;
	    flex: 0 0 50%;
	    max-width: 50%;
	    
	}
}