/* CSS Document */

ul {
  list-style: none;
}
.top_box{padding:10px 5px 30px}
.top_box .h4_sub{font-size:16px;
	font-weight: bold;
}
.top_box h4{font-size:22px;
	font-weight: bold;
	line-height: 1.2;
	border-left:5px rgba(40,40,40,1.00) solid;
	padding: 5px
}
.top_box .top_txt{width:100%;}

#casestudy>div{display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px
}
#casestudy div .img{width:40%}
#casestudy div .txt{width:55%;}
#casestudy .floor{width: 60%; margin: 60px auto;}
#casestudy .floor img{width: auto; height: auto; max-width: 100%;}

/* PC タブレット*/
@media screen and (min-width:769px)
{
#casestudy div:nth-child(even) .img{order: 2}
#casestudy div:nth-child(even) .txt{order: 1;
	text-align: right}
}
#casestudy div .txt1{
	margin: 10px 0;
	font-size:16px;
	font-weight: bold;
	line-height: 2em
}
#casestudy div .txt1 span{
	border-bottom: 2px #333 solid;
}

/* タブレットレイアウト : 768 px 〜 959 px*/
@media screen and (max-width:959px)
{



/* スマホ設定  768 以下*/
@media screen and (max-width:768px)
{

#casestudy div{display: block;margin-bottom: 50px}
#casestudy div div{margin: 0 auto}
#casestudy div .img{width:90%}
#casestudy div .txt{width:90%;}
#casestudy .floor{width: 100%; margin: 40px auto;}

}