@charset "utf-8";
/* CSS Document */


/*///////// フォーム //////////*/
.sec1 a {
	color: #222;
}

.required {
	content: "";
	color: #FC0A0A;
	display: inline-block;
	margin-left: 0.5em;
}

.mb-_1 {
	margin-bottom: -10px;
}

#Form .control-label {
	background-color: #f2f2f2;
	border-top: 2px solid #222;
	width: 100%;
}

#Form .col-form-label {
	margin-top: 0.5rem;
}

#Form .border-bottom {
	border-color: #cccccc !important;
}

#Form .form-control,
#Form .form-select {
	border-radius: 6px;
	border-color: #707070 !important;
}

input {
	height:50px;
}

#Form .form-control.readonly,
#Form .form-control.preview,
#Form .form-select.readonly {
	border-color: transparent !important;
}

#Form .form-check {
	display: flex;
	align-items: center;
}

#Form .form-check .form-check-input {
	margin-right: 0.5rem;
}

#Form .form-check + .form-check {
	margin-top: 1rem;
}

#Form .small {
	font-size: 0.7rem !important;
}

#Form .btn {
	color: #fff;
	background-color: #707070;
	border-radius: 0;
	width: 80%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 !important;
}

#Form .btn:hover {
	background-color: #080A03;
	transition-duration: 0.3s;
	transition-property: all;
}

@media (min-width: 576px) {
	#Form .btn {
		width: 260px;
	}	
}


@media (min-width: 768px) {	
	.note3 {
		font-size: 0.95rem;
	}
	
	#Form .control-label {
		background-color: #f2f2f2;
		border-top: none;
	}
	
	#Form .col-md-4 {
		background-color: #f2f2f2;
	}

	#Form .py-md-5_5 {
		padding-top: 4em;
		padding-bottom: 4em;
	}
	
	#Form .py-md-6 {
		padding-top: 6em;
		padding-bottom: 6em;
	}
	
	#Form .border-md-bottom {
		border-bottom: 1px solid #ccc;
	}
	
	#Form .border-md-top {
		border-top: 2px solid;
		border-top-color: #222 !important;
	}
	
	#Form .border-bottom-end {
		border-bottom: 2px solid #222;
	}
	
	#Form .note {
		display: inline-block !important;
	}
	
	.w-md-50, .w-md-60, .w-md-70, .w-md-80 {
		display: inline-block !important;
	}
	
	.mb-_1 {
		margin-bottom: 0;
	}
	
	#Form .bg-glay {
		background-color: #f2f2f2;
		padding-top: 15% !important;
		padding-bottom: 15% !important;
	}
}


@media (min-width: 992px) {	
	#Form .py-md-6 {
		padding-top: 3.5em;
		padding-bottom: 3.5em;
	}
	
	#Form .bg-glay {
		padding-top: 8% !important;
		padding-bottom: 8% !important;
	}	
}