article {
	min-height:	600px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   group 1
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#group-1 {
	display: flex;
}
#data-left {
	margin-right: 15px;
	max-width: 200px;
}
#data-left img {
	width: 100%
}
#data-right {
	width: calc(100% - 220px);
	text-align: center;
}
#tagline {
	margin: 8% auto 0 auto;
}
@media screen and (min-width: 801px) {
	#tagline {
		padding: 10px;
		max-width: 450px;
		background-color: #f0f0f0;
		background-image: url("../site-img-sys/bg-grey-02.jpg");
		border-width: 1px;
		border-style: solid;
		border-color: #e3e3e3 #bbbbbb #bbbbbb #e3e3e3;
		border-radius: 10px;
	}
}
@media screen and (max-width: 700px) {
	#tagline { padding-top: 40px; }
}
@media screen and (max-width: 500px) {
	#tagline { padding-top: 70px; }
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 *   container-serv
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ----------
 * table
 * ---------- */
.col-1 {
	width: 15px;
	text-align: center;
	vertical-align: top;
}
@media screen and (max-width: 550px) {
	#fig-1 { display: none; }
}
@media screen and (min-width: 601px) {
	.container-serv {
		display: flex;
		gap: 20px;
	}
	.fig-right-mobile {
		display: none;
	}
	.fig-right-desktop img {
		width: 180px;
	}
}
@media screen and (max-width: 600px) {
	.container-serv {
	}
	.fig-right-mobile {
		float: right;
		margin-left: 15px;
		width: 150px;
	}
	.fig-right-mobile img {
		width: 100%;
	}
	.fig-right-desktop {
		display: none;
	}
}