@charset "utf-8";

.garden_contents table {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
	font-size: 16px;
	border: solid 1px #ccc;
}
.garden_contents table th {
	width: 30%;
	text-align: left;
	padding: 10px;
	border: solid 1px #ccc;
	background: #eee;
}
.garden_contents table th .cell-heading {
	display: flex;
}
.garden_contents table th .cell-heading .cell-heading-label {
	max-width: 190px;
	padding: 0 15px 0 0;
}
.garden_contents table th .cell-heading .required {
	align-self: baseline;
	padding: 1px 15px;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	background: #e10000;
}
.garden_contents table td {
	padding: 10px;
	border: solid 1px #ccc;
}
.garden_contents table td .input-mail {
	margin: 0 0 5px;
}

@media screen and (min-width: 0px) and (max-width: 1199px) {
	

	.garden_contents table {
		display: block;
		margin: 0 0 4vw;
		font-size: 4vw;
	}
	.garden_contents table tbody {
		display: block;
	}
	.garden_contents table tr {
		display: block;
	}
	.garden_contents table th {
		display: block;
		width: auto;
		padding: 2vw;
	}
	.garden_contents table th .cell-heading .cell-heading-label {
		max-width: 80vw;
		padding: 0 3vw 0 0;
	}
	.garden_contents table th .cell-heading .required {
		padding: 0.5vw 3vw;
		border-radius: 1vw;
		font-size: 3vw;
	}
	.garden_contents table td {
		display: block;
		width: auto;
		padding: 2vw;
	}
	.garden_contents table td .input-mail {
		margin: 0 0 2vw;
	}
	
}