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

#studio .probootstrap-section-bg .probootstrap-heading {
	margin-top: 140px;
}
#studio .probootstrap-section-bg{
	height: 500px;
}
.studio-list-1st{
	display:flex;
	justify-content:space-between;
	margin-top: 130px;
}
.container .studio-list:first-of-type .studio-list-1st {
	margin-top: 0;
}
.studio-text {
	width: 47%;
	display: block;
	margin-top: 1%;
}
.studio-text h4 {
	padding: .75em 0;
	margin: 0 0 .75em;
}
.studio-thmb {
	width: 50%;
}
.studio-thmb img{
	width:100%;
}
.studio-list-1st.odd > .studio-text,
.studio-list-1st.even > .studio-thmb{
	order: -1;
}
.studio-list-1st.odd > .studio-thmb,
.studio-list-1st.even > .studio-text{
	order: 0;
}

.studio-list-2nd{
	display:flex;
	justify-content:space-between;
	margin-top: 50px;
}
.studio-list-2nd > div{
	width: calc(25% - 7px);
	margin: 7px 7px 7px 0;
	padding: 0;
}
.studio-list-2nd > div:last-of-type{
	margin:7px 0;
}

@media screen and (max-width: 767px){
	#studio .probootstrap-section-bg{
		height: 300px;
	}
	#studio .sp-only .secondary-heading {
		margin-top: -25px;
	}
	.studio-list-1st{
		width: 90%;
		flex-direction: column-reverse;
		margin: 0 auto;
	}
	.studio-text {
		width: 100%;
		margin-top: 0;
	}
	.studio-text h4{
		font-size: 1.5em;
		font-weight: bold;
		padding: .5em 0 0;
		margin: 0 0 .5em;
	}
	.studio-text p {
		font-size: .9em;
		line-height: 1.8;
	}
	.studio-thmb {
		width: 100%;
	}
	.studio-list-1st.odd > .studio-text,
	.studio-list-1st.even > .studio-text{
		order: -1;
	}
	.studio-list-1st.odd > .studio-thmb,
	.studio-list-1st.even > .studio-thmb{
		order: 0;
	}
	.studio-list-2nd{
		flex-wrap: wrap;
		width: 90%;
		padding-bottom: 45px;
		margin: 0 auto 50px;
		border-bottom: 1px solid #ccc;
	}
	.container .studio-list:last-of-type .studio-list-2nd {
		padding-bottom: 0;
		margin: 0 auto;
		border-bottom: none;
	}
	.studio-list-2nd > div,
	.studio-list-2nd > div:last-of-type{
		width: calc(50% - 7px);
		margin: 0 7px 7px 0;
		padding: 0;
	}
	#studio .probootstrap-block-image {
		margin-bottom: 0;
	}
}