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



/*--------------------------------------
　COOP
---------------------------------------*/
.lower .mv.coop {
    background: url("../images/coop/mv.png") repeat top center;
	background-size: cover;
	position: relative;
}
.lower .mv.coop:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
    background: rgba(196,119,193,0.75);
	position: absolute;
	top: 0;
	left: 0;
}
.coop .itemBoxWrap {
	margin: 10rem 0;
}
.coop .itemBox {
	display: flex;
	margin: 0 0 8rem;
}
.coop .itemBox:last-child {
	margin: 0;
}
.coop .itemBox:nth-child(2n) {
	flex-direction: row-reverse;
}
.coop .itemBox .thumb {
	width: 536px;
}
.coop .itemBox .txtBox {
	flex: 1;
	padding: 3rem 0 0;
}
.coop .itemBox .txtBox .tit_bb {
	text-align: left;
	padding: 0 0 2.5rem 6rem;
	margin: 0 0 4rem;
}
.coop .itemBox:nth-child(2n) .txtBox .tit_bb {
	padding: 0 6rem 2.5rem 0;
}
.coop .itemBox .txtBox p {
	padding: 0 0 0 6rem;
}
.coop .itemBox:nth-child(2n) .txtBox p {
	padding: 0 6rem 0 0;
}








@media screen and (max-width: 834px) {


/*--------------------------------------
　COOP
---------------------------------------*/
.coop .itemBoxWrap {
	margin: 6rem 0;
}
.coop .itemBox {
	display: block;
	margin: 0 0 4rem;
}
.coop .itemBox .thumb {
	width: 100%;
}
.coop .itemBox .txtBox {
	padding: 2rem 0 0;
}
.coop .itemBox .txtBox .tit_bb {
	padding: 0 4% 2rem;
	margin: 0 0 3rem;
}
.coop .itemBox:nth-child(2n) .txtBox .tit_bb {
	padding: 0 4% 2rem;
}
.coop .itemBox .txtBox p {
	padding: 0 4%;
}
.coop .itemBox:nth-child(2n) .txtBox p {
	padding: 0 4%;
}
	
}