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

.sec1 .container {
	max-width: 1000px;
}

.sec1 .title {
	margin-bottom: 0.2rem;
}

.sec1 .note {
	margin-top: 0.2rem;
}

.sec1 .note2 {
	font-size: 1rem;
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.sec1 .required {
	background-color: #E50000;
	color: #fff;
	display: inline-block;
	font-size: 0.7rem;
	line-height: 1.1em;
	padding: 0.25rem 0.4rem;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
	vertical-align: 0.1rem;
}

.sec1 .form-check {
	margin-right: 1rem;
	display: flex !important;
	align-items: center !important;
}

.sec1 .form-check-input, .sec1 .form-check-label {
	display: block;
	margin-right: 0.4rem;
}

.sec1 .d-flex {
	justify-content: flex-start;
}

.sec1 .btn {
	background-color: #4d4d4d;
	width: 70%;
	color: #fff;
}

.sec1 .btn:hover {
	background-color: #C7B4A0;
	transition-duration: 0.3s !important;
}



@media (min-width: 768px) {
	.sec1 .container {
		padding-left: 5%;
		padding-right: 5%;
	}	
	.sec1 .title {
		margin-bottom: 0;
	}	
	
	.sec1 .btn {
		width: 240px;
	}

	
	.sec1 .control-group {
		border-top: 1px solid #CCC;	
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	
	.sec1 .control-group:nth-last-child(2) {
		border-bottom: 1px solid #CCC;	
	}
	
	.sec1 .col-md-3 {
		border-right: 1px solid #CCC;
		background-color: #F2F2F2;
		padding: 2rem 1rem;
	}
	
	.sec1 .d-md-flex {
		justify-content: flex-start;
		align-items:center;
	}
	
	.sec1 .py-md-6 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}	

}