/*----- index -----*/
html {
	overscroll-behavior: none;
}

/*text*/
.title-area p img {
	width: 0.9em;
	vertical-align: -1px;
	margin-left: 3px;
}

.container {
	padding-bottom: 5%;
	font-size: 200%;
}

/*form*/
input::placeholder {
	color: #ccc !important;
}

.input-validation.was-validated .form-control:valid {
	border-color: #dc3545;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.input-validation.was-validated .form-control:valid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
}

.was-validated .form-control:valid~.invalid-feedback,
.was-validated .form-check:has(:invalid)~.invalid-feedback {
	display: block;
}

.was-validated .form-check-input:valid~.form-check-label {
	color: inherit;
}

.form-control:disabled+.invalid-feedback {
	display: none !important;
}

.request-no .d-sm-flex {
	align-items: center;
}

.request-no .d-sm-flex>div:last-child {
	flex-grow: 1;
}


/*modal*/
body.modal-open {
	pointer-events: none !important;
}

.modal-content {
	max-height: 90vh;
	overflow-y: auto;
}

.modal-content .modal-header {
	justify-content: center;
}

.modal-content .modal-val dl {
	flex-wrap: wrap;
}

.modal-content .modal-val dt {
	flex-basis: 50%;
	border-bottom: 1px solid #d5d5d5;
}

.modal-content .modal-val dd {
	flex-basis: 45%;
	flex-grow: 1;
	border-bottom: 1px solid #d5d5d5;
}

.modal-content .modal-val dd#corporate-num+dt,
.modal-content .modal-val dd#code {
	border-bottom: none;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 70%;
	}
}

@media (max-width: 768px) {
	.modal-content .modal-val dt {
		border-bottom: none;
	}
}

/*print*/
@media print {

	body.modal-open main,
	.title-area>div p,
	.title-area>div div,
	button#send {
		display: none;
	}

	main.py-5,
	.title-area,
	.form-area {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
		background-color: #fff !important;
	}

	header .head-logo {
		height: 40px;
	}

	footer {
		position: absolute;
		bottom: 0;
	}

	section.modal.show {
		position: relative;
	}

	section.modal.show .modal-content {
		max-height: 100%;
		overflow-y: visible;
	}

	div.modal-backdrop.show {
		opacity: 0;
	}
}