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

about.css

------------------------------------------------------------ */

.boxList {
	max-width:920px;
	margin:0 auto;
}

.boxList .box_photo_txt .photo {
	border-radius:20px;
	border:5px solid #ffffff;
	background:#ffffff;
	overflow:hidden;
}
.boxList .box_photo_txt .txt {
	padding:25px 10px 50px;
	color:#ffffff;
	position:relative;
}

@media screen and (min-width: 768px){
	.boxList .box_photo_txt {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-pack: wrap;
		margin:20px 0;
	}
	
	.boxList .box_photo_txt:nth-child(even) {
		-webkit-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.boxList .box_photo_txt .photo {
		width:35%;
	}
	.boxList .box_photo_txt .txt {
		width:62.5%;
		padding:0 0 0 20px;
	}
	.boxList .box_photo_txt .txt p {
		position: absolute;
		top: 50%;
		transform: translateY(-50%) ;
		-webkit- transform: translateY(-50%) ;
	}
}

@media screen and (min-width: 960px){
	
	.boxList .box_photo_txt {
		margin-bottom:0;
	}
	.boxList .box_photo_txt .txt {
		padding:0 0 0 30px;
	}
	.boxList .box_photo_txt:last-child {
		margin-bottom:35px;
	}
	
}