@charset "utf-8";

.ds-title {background:#f5f6c1;}
.ds-article {background:#2d5eaa;}

.ds-title>div>div {padding:8% 0; display:flex; justify-content:space-between; align-items:center; gap:5%;}
.ds-title img {display:block;}

.ds-article {overflow:hidden;}
.ds-article ul {margin:8% auto; display:flex; flex-wrap:wrap; justify-content:center; gap:2rem; align-items:stretch; max-width:1024px;}
.ds-article ul li {display:flex; justify-content:center; align-items:center; flex:25% 0 0;}
.ds-article ul img {display:block; width:100%;}

@media all and (min-width:769px) and (max-width:1024px) { /* TABLET */
	.ds-article ul {gap:2rem 0; justify-content:space-evenly}
	.ds-article ul li {flex:30% 0 0;}
}

@media all and (max-width:768px) { /* MOBILE */
	.ds-article ul {gap:2rem 0; justify-content:space-evenly;}
	.ds-article ul li {flex:45% 0 0;}
}