label {
	cursor: pointer;
}

label:hover {
	text-decoration: underline;
}

.siiLogo {
	text-align: center;
	margin: 50px auto 20px;
}

.siiFormContainer {
	margin-top: 10px;
}

.siiResultMessage {
	text-align: center;
	margin-top: 10pc;
}

.siiResultMessageValid {
	margin-top: 5pc;
}

.siiResultDetail {
	width: 60%;
	margin: 20px 20% 0;
	font-size: 14px;
}

@media screen and (max-width: 480px) {
	.siiLogo {
		margin: 28px auto 20px;
	}

	.siiQueryColumn,
	.siiResultColumn {
		width: 100%;
	}

	.siiQueryColumn .formContainer,
	.siiResultColumn .formContainer {
		box-sizing: border-box;
		width: 100%;
		padding-right: 12px;
		padding-left: 12px;
	}

	.siiDocumentKinds > .item_form_value {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		min-height: 30px;
		margin-bottom: 0;
	}

	.siiDocumentKinds > .item_form_value input[type="radio"] {
		flex: 0 0 auto;
		margin-right: 6px;
	}

	.siiDocumentKinds > .item_form_value label {
		line-height: 18px;
	}

	.siiQueryColumn .item_form_button button {
		width: 100%;
		height: 38px;
	}

	.siiResultMessage,
	.siiResultMessageValid {
		box-sizing: border-box;
		margin: 20px 0 24px;
		padding: 0 12px;
		font-size: 18px;
		line-height: 24px;
	}

	.siiResultDetail {
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		padding: 0 12px 20px;
	}
}