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


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

.sec1 .container {
	max-width: 960px !important;
}

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

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

#Form .control-label {
	background-color: #F0F0F0;
	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: #F0F0F0;
		border-top: none;
	}
	
	#Form .col-md-4 {
		background-color: #F0F0F0;
	}

	#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 dashed #222;
	}
	
	#Form .border-top-start {
		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;
	}	
}


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


/*//////////// セクション1（高さ調整） ///////////////*/
.under-layer .height-control {
	height: 70px;
}

@media (min-width: 414px) {
	.under-layer .height-control {
		height: 80px;
	}
}

@media (min-width: 576px) {
	.under-layer .mv2 .sec-title {
		top: 65%;
	}
	
	.under-layer .height-control {
		height: 95px;
	}
}

@media (min-width: 744px) {
	.under-layer .height-control {
		height: 85px;
	}
}

@media (min-width: 768px) {	
	.under-layer .height-control {
		height: 90px;
	}	
}

@media (min-width: 992px) {
	.under-layer .mv2 .sec-title {
		top: 52.5%;
	}
	
	.under-layer .height-control {
		height: 110px;
	}	
}

@media (min-width: 1200px) {
	.under-layer .height-control {
		height: 100px;
	}
}