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

header {
	background-color: rgba(34,34,34,1.00);
}

.pagetitle img {
	width: 260px;
}

.bg-padding {
	padding: 10px 0 45px;
}

.bg-glay2 {
	display: none;
}

@media (min-width: 576px) {
	.pagetitle img {
		width: 280px;
	}
	
	.bg-padding {
		padding-bottom: 55px;
	}
}

@media (min-width: 768px) {
	.pagetitle img {
		width: 300px;
	}
}

@media (min-width: 992px) {
	.pagetitle img {
		width: 320px;
	}
	
	.bg-padding {
		padding-bottom: 70px;
	}
}

@media (min-width: 1200px) {
	.bg-padding {
		padding-bottom: 90px;
	}
}


/*///////// フォーム //////////*/
.sec1 .container {
	max-width: 940px !important;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 5px 5px 7px rgba(34,34,34,0.20);
	padding: 20px 20px 30px;
}

.required {
	content: "";
	color: #fff;
	background-color: #e80000;
	padding: 0 0.25rem;
	margin-left: 0.25rem;
	font-size: 0.75rem;
	text-align: center;
}

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

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

#Form .form-control,
#Form .form-select {
  border-radius: 0;
  border-color: #b3b3b3 !important;
}
#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: #BD0C24;
	border-radius: 0;
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#Form .btn:hover {
	background-color: rgba(189,12,36,0.60);
	transition-duration: 0.3s;
	transition-property: all;
}


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


@media (min-width: 768px) {
	.sec1 .container {
		padding: 30px;
	}
	
	form {
		font-size: 0.95rem !important;
	}	
}

@media (min-width: 992px) {
	.sec1 .container {
		padding: 40px;
	}
}

@media (min-width: 1200px) {
	.sec1 .container {
		padding: 50px;
	}
}