@charset "UTF-8";


/* ===============================
   cont1
=============================== */
#cont1 .imgBox picture {
	margin-top: -150%;
	margin-left: -40px;
}
@media (min-width: 576px) {
	#cont1 .imgBox picture {
		margin-top: -40%;
	}
}
@media (min-width: 768px) {
	#cont1 .imgBox picture {
		margin-left: -20px;
		margin-top: -25%;
	}
}
@media (min-width: 992px) {
	#cont1 .imgBox picture {
		margin-left: -60px;
		margin-top: -25%;
	}
}
@media (min-width: 1200px) {
	#cont1 .imgBox picture {
		margin-left: -40px;
	}
}


/* ===============================
   cont2
=============================== */
#cont2 .card .headline {
	flex-direction: row;
	align-items: center;
	margin: 1.25em 0 .75em;
}
#cont2 .card .headline .ttl {
	margin: 0 0 0 1.25em;
}
@media (min-width: 1200px) {
	#cont2 .cards {
		padding-left: 9%;
	}
}