.takearest-diag {
	max-width: 680px;
	margin: 0 auto;
	padding: 1.5rem 1rem;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.7;
	color: #222;
}

.takearest-diag__title {
	font-size: 1.4rem;
	margin: 0 0 .5rem;
}

.takearest-diag__lead {
	margin: 0 0 1.5rem;
	color: #555;
}

.takearest-diag__group {
	border: 1px solid #ddd;
	border-radius: 10px;
	padding: 1rem 1.1rem;
	margin: 0 0 1.2rem;
}

.takearest-diag__legend {
	font-weight: 700;
	padding: 0 .4rem;
	font-size: 1.05rem;
}

.takearest-diag__option {
	display: flex;
	align-items: flex-start;
	gap: .6rem;
	padding: .55rem .2rem;
	cursor: pointer;
}

.takearest-diag__option input {
	margin-top: .25rem;
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
}

.takearest-diag__field {
	display: block;
	margin: 0 0 1rem;
}

.takearest-diag__field span {
	display: block;
	font-weight: 600;
	margin-bottom: .3rem;
}

.takearest-diag__field input {
	width: 100%;
	box-sizing: border-box;
	padding: .7rem .8rem;
	border: 1px solid #bbb;
	border-radius: 8px;
	font-size: 16px;
}

.takearest-diag__submit {
	display: block;
	width: 100%;
	padding: .9rem 1rem;
	background: #1f6f5c;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 1.05rem;
	font-weight: 700;
	cursor: pointer;
}

.takearest-diag__submit:hover {
	background: #185445;
}

.takearest-diag__category {
	background: #f4f8f6;
	border: 1px solid #cfe3da;
	border-radius: 10px;
	padding: 1rem 1.2rem;
	margin: 1rem 0;
	text-align: center;
}

.takearest-diag__category-label {
	display: block;
	font-size: .9rem;
	color: #567;
}

.takearest-diag__category-name {
	font-size: 1.6rem;
	color: #1f6f5c;
}

.takearest-diag__insight {
	background: #fff;
	border-left: 4px solid #1f6f5c;
	padding: 1rem 1.2rem;
	margin: 1rem 0;
}

.takearest-diag__detail {
	margin: 1rem 0;
}

.takearest-diag__note {
	font-size: .9rem;
	color: #666;
}

@media (max-width: 600px) {
	.takearest-diag {
		padding: 1rem .8rem;
	}
	.takearest-diag__title {
		font-size: 1.2rem;
	}
	.takearest-diag__category-name {
		font-size: 1.35rem;
	}
}

.takearest-diag__hint {
	font-size: .85rem;
	color: #777;
	margin: 0 0 .8rem;
}

.takearest-diag__sep {
	border: none;
	border-top: 1px solid #ddd;
	margin: 2rem 0;
}

.takearest-diag__subtitle {
	font-size: 1.2rem;
	margin: 0 0 .5rem;
}

.takearest-diag__field textarea {
	width: 100%;
	box-sizing: border-box;
	padding: .7rem .8rem;
	border: 1px solid #bbb;
	border-radius: 8px;
	font-size: 16px;
}

.takearest-diag__errors {
	background: #fdecea;
	border: 1px solid #f5c6cb;
	border-radius: 8px;
	padding: .8rem 1.2rem;
	color: #a3261c;
}