@charset "utf-8";

	#dankai{
		display:grid;
		grid-template-columns: repeat(2,1fr);
		gap:20px;
		article{
			border:2px solid rgb(var(--mainColor));
			border-radius: 10px;
			overflow: hidden;
			padding:0 0 20px 0;
			background:white;

			display: grid;
			grid-template-rows: subgrid;
			grid-row: span 3;
			gap:10px;
			h5{
				background:rgb(var(--mainColor));
				color:white;
				text-align: left;
				padding:.5em .7em;
				font-size: 1.1em;
				font-weight: 500;
			}
			> * + *{
				margin:0 20px;
			}
		}
		@media (max-width: 768px) {
			grid-template-columns: 1fr;
		}
	}