@charset "UTF-8";
/*!
Theme Name: 総合TOP用テーマ
Template: utsumi_theme
*/
.userreg-message {
	width: 100%;
	margin: 0rem auto 5rem auto;
	padding: 2rem 0rem;
	line-height: 1.8;
	background-color: #f2f2f2;
}
.userreg-message table.form-userreg {
	width: 100%;
}
table.form-userreg th {
	width: calc(36% - 0rem);
	padding-left: 8rem;
	text-align: left;
	font-size: 2.3rem;
	vertical-align: middle;
}
table.form-userreg td {
	width: calc(68% - 0rem);
	padding-left: 1rem;
	text-align: left;
	font-size: 1.8rem;
	vertical-align: middle;
}
.form-horizon.contact-form-area .form-box dt {
	width: 28%;
}
.contact-form-area .form-box dt span:nth-child(1)::after {
  content: "";
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0px;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: calc(45% - 16px) !important;
	padding: 0px 2px;
	margin: 0px 5px !important;
	font-size: 80% !important;
	background-color: #ffffff;
}
.contact-form-area .form-box .form-control-datepicker {
  width: 50%;
  background-image: url(../utsumi_theme/images/contact/arrow_select.png);
  background-repeat: no-repeat;
  background-position: right 1.1rem center;
  background-size: 1.55rem;
}
/* Responsive */
@media (max-width: 833px) {
	.lower-headline h2.headline-01 .title {
		font-size: 4.0rem;
	}
	table.form-userreg th {
		width: calc(100% - 0.8rem);
		padding-left: 0.8rem;
		font-size: 2.0rem;
		display: block;
	}
	table.form-userreg td {
		width: calc(100% - 1.6rem);
		padding-left: 1.6rem;
		font-size: 1.5rem;
		display: block;
	}
	.form-horizon.contact-form-area .form-box dt {
		width: 100%;
	}
	.contact-form-area .form-box .form-control-datepicker {
  		width: 100%;
	}
}