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


/*フォーム
=====================================*/

#contactForm header {
	height: 115px;
}
@media screen and (max-width: 767px) {
	#contactForm header {
		height: 65px;
	}	
}
#contactForm .header-global-navi {
	display: none!important;
}
#contactForm .header-logo {
	flex: none;
	width: 210px;
}
#contactForm #btn-hamburger {
	display: none!important;
}

#contactForm footer {
	padding-top: 0!important;
}
#contactForm footer .footer-logo,
#contactForm footer .link-list,
#contactForm footer .footer-banner{
	display: none;
}
#contactForm footer .copyright {
	margin-top: 0 !important;
	border-width: 0!important;
}

#contactForm #topicpath {
	display: none;
}


#form {
	margin-bottom: 80px;
}

#form .border-none {
	border: 0;
}

#form .form-flow {
	color: #fff;
	text-align: center;
	padding: 10px;
	background-color: #6998D1;
	font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
	#form {
		margin-bottom: 40px;
	}
	#form .form-flow {
		font-size: 1rem;
	}
}
#form .form-flow.no-actuve {
	opacity: 0.6;
}

#form .adjust-radius {
	border-radius: 5px;
	overflow: hidden;
	padding: 0;
	margin-bottom: 50px;
}

#form .wrap-select {
	position: relative;
	display: inline-block;
	line-height: 2;
	margin: 15px 20px 15px 0;
}
@media screen and (max-width: 991px) {
	#form .wrap-select {
		width: 100%;
		margin: 7px 20px 7px 0;
	}
}
@media screen and (max-width: 767px) {
	#form .wrap-choice .wrap-select {
		display: block;
		width: auto;
	}	
}
#form .wrap-select::after {
	position: absolute;
	top: calc(50% - 1px);
	right: 12px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	pointer-events: none;
}

#form input,
#form select,
#form textarea {
	font-size: 16px;
}

input:required, 
select:required, 
textarea:required {
	border-color: #c20c33;
	background-color: #fff;
}
input:invalid,
select:invalid, 
textarea:invalid {
    box-shadow: none;
}
#form .wrap-input-category .js-form-target.form-out {
	background-color: #FFF0F0;
}
#form .text-error {
/*	content: '必須項目です';*/
	font-size: 1rem;
	color: #ff7676;
	display: none;
}
#form .text-error.height-0 {
	height: 0;
	position: absolute;
}
@media screen and (max-width: 991px) {
	#form .text-error.height-0 {
		height: 0;
		position: relative;
	}	
}
#form .text-error-calender {
/*	content: '必須項目です';*/
	font-size: 1rem;
	color: #ff7676;
	display: none;
}
#form .text-error-calender.error-on {
	display: none;
}
/*
input:invalid + .text-error {
	display: block;
}
*/
#form .wrap-select {
	width: 300px;
}
@media screen and (max-width: 767px) {
	#form .wrap-select {
		max-width: 100%;
	}	
}
#form .wrap-select select,
#form .wrap-select .js-append-day {
	font-size: 1rem;
	width: 100%;
	height: 40px;
	padding-left: 10px;
	padding-right: 30px;
	border: 1px #555 solid;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	cursor: hand;
}
#form .js-datepicker2::placeholder {
	color: #000;
}
#form .js-datepicker2:-moz-placeholder {
	color: #000;
}
#form .js-datepicker2::-moz-placeholder {
	color: #000;
	opacity: 1;
}
#form .js-datepicker2::-webkit-input-placeholder {
	color: #000;
}
#form .js-datepicker2:-ms-input-placeholder {
	color: #000;
}
#form .wrap-select select::-ms-expand,
#form .wrap-select .js-append-day::-ms-expand {
    display: none;
}
/*
#form .wrap-select input::-ms-input-placeholder {
	color: #000;
}
#form .wrap-select input:-ms-input-placeholder {
	color: #000;
}
*/
#form .wrap-select select option,
#form .wrap-select select optgroup {
	background-color: #fff;
}
#form .wrap-select select optgroup {
	font-style: normal;
}
#form .wrap-select select::-ms-expand {
　display: none;
}
@media screen and (max-width: 575px) {
	#form .wrap-select {
		display: block;
		margin-right: 0;
	}
	#form .wrap-select .area-select {
		width: 100%;
	}
}

#form .adjust-border-form {
	border-top: 1px #333 dotted;
}
#form .adjust-border-form:last-of-type {
	border-bottom: 1px #333 dotted;
}

#form .target_nul {display: block!important;}
#form .adjust-radius .col-4 {
	padding: 0 5px;
} 
#form .adjust-radius .col-4:first-of-type {
	padding-left: 20px;
}
#form .adjust-radius .col-4:last-of-type {
	padding-right: 20px;
}
#form .adjust-radius .col-4:first-of-type .form-flow {
	border-radius: 5px 0 0 5px;
}
#form .adjust-radius .col-4:last-of-type .form-flow {
	border-radius: 0 5px 5px 0;
}
@media screen and (max-width: 767px) {
#form .adjust-radius {
	margin-bottom: 25px;
}
#form .adjust-radius .col-4:first-of-type {
	padding-left: 15px;
}
#form .adjust-radius .col-4:last-of-type {
	padding-right: 15px;
}
}
#form .title-input {
	font-size: 1.2rem;
	color: #447FC6;
	font-weight: 600;
	margin-top: 60px;
	margin-bottom: 20px;
	line-height: 1.8;
}

#form .wrap-input-category .acms-admin-table-admin-edit {
	border: 0;
}

#form .wrap-input-category th {
	font-weight: 500;
	vertical-align: middle;
	font-size: 1.2rem;
	padding: 20px 0;
}
@media screen and (max-width: 767px) {
	#form .wrap-input-category th {
		padding: 20px 0 0 20px;
	}
}

#form .wrap-input-category td {
	padding: 20px 25px 20px 25px;
}
@media screen and (max-width: 767px) {
	#form .wrap-input-category td {
		padding: 0 20px 20px 20px;
	}
	#form .wrap-input-category .textarea {
		padding-top: 20px;
	}
}

#form .wrap-input-category th .mark-required {
	font-size: 1rem;
	color: #fff;
	background-color: #E2005D;
	border-radius: 4px;
	padding: 3px 5px;
	margin: 0 0 2px 15px;
}
#form .wrap-input-category th .mark-required.no-required {
	background-color: rgba(0,0,0,0);
}

#form .wrap-input-category .adjust-border {
	min-height: 40px;
	padding: 5px;
	margin: 15px 0;
	border: 1px #555 solid;
	border-radius: 4px;
}


#form .wrap-input-category .acms-admin-form-width-full.adjust-height {
	height: 120px;
}

#form .wrap-input-category .text-consent {
	height: 300px;
	padding: 15px;
	margin: 0px 25px 0px 25px;
	overflow-y: scroll;
}

#form .wrap-input-category .text-consent .text-bold {
	font-weight: 700;
}

#form .wrap-input-category .text-consent .img-mail {
	width: 125px;
	position: relative;
	top: -3px;
}

#form .cmn-btn-form {
	display: block;
	line-height: 56px;
	margin: 40px auto 40px auto;
	font-size: 1.2rem;
	color: #000;
	background-color: #fff;
	width: 100%;
	border: 2px rgba(214,126,162,0.75) solid;
	border-radius: 4px;
}
#form .cmn-btn-form.adjust-margin {
	margin: 100px auto 40px auto;
}
#form .cmn-btn-form.btn-back {
	border-color: #7B7B7B;
}
@media screen and (max-width: 767px) {
	#form .cmn-btn-form {
		font-size: 1.1rem;
		line-height: 46px;
		margin: 20px auto 20px auto;
	}
	#form .cmn-btn-form.adjust-margin {
		margin: 50px auto 20px auto;
	}
}


#form .icon-arrow {
	position: relative;
}
#form .icon-arrow::before {
	display: inline-block;
	font-size: 1.8rem;
	font-family: "font Awesome 5 free";
	font-weight: 700;
	position: absolute;
	top: -90px;
}
@media screen and (max-width: 767px) {
	#form .icon-arrow::before {
		top: -65px;
	}
}

#form .icon-next::before {
	color: rgba(214,126,162,0.75);
	content: "\f105";
	right: 30px;
}

#form .icon-prev::before {
	color: #7B7B7B;
	content: "\f104";
	left: 30px;
}


#form .table-confirm {
	font-size: 1.1rem;
	border-right: 0;
	border-left: 0;
}
#form .table-confirm th {
	width: 100%;
	padding: 5px 0;
	text-align: left;
}
#form .table-confirm td {
	padding: 5px 0;
	padding-bottom: 20px;
	width: 100%;
}
#form .table-confirm th .title-input {
	font-size: 1.2rem;
	margin: 15px 0;
}
#form .table-confirm th.border-top {
	border-top: 1px solid #ddd;
}
#form .table-confirm .text-bold {
	font-weight: 700;
}


#form .text-form-confirm {
	font-size: 1.2rem;
	margin-left: 15px;
	margin-bottom: 20px!important;
}

/*フォーム種類選択*/
#form .wrap-btn-contact-type {
	border: 0;
}

#form textarea.adjust-border {
	border: 1px #DEE2E6 solid;
	border-radius: 4px;
}
#form .area-close {
	display: none;
}
#form .area-close.area-open {
	display: block;
}


#form .wrap-btn-reservation {
	display: flex;
}

#form .counter {
	position: fixed;
	bottom: 30px;
	right: 90px;
	z-index: 99999;
	color: #fff;
	line-height: 2rem;
	background-color: #447FC6;
	border-radius: 30px;
	padding: 3px 12px;
}
#form .counter .score {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-right: 3px;
	position: relative;
	top: 2px;
}
@media screen and (max-width: 767px) {
	#form .counter {
		bottom: 50px;
		right: 20px;
		padding: 3px 8px;
	}
	#form .counter .score {
		font-size: 1.2rem;
		top: 1px;
	}
}

#form .title-small {
	font-size: 1rem;
}

/*チェックボックス チェックマーク*/
#form .checkbox-trg:checked + label .icon-checkbox::before {
	position: absolute;
	top: 0px;
	z-index: 22;
	display: block;
	font-family: "Font Awesome 5 free";
	color: #f44;
	content: '\f00c';
	font-weight: 700;
}

/*チェックボックス*/
#form .icon-checkbox {
	background: url();
	border: 2px #777 solid;
	border-radius: 2px;
	width: 20px;
	height: 20px;
}
@media screen and (max-width: 767px) {
	#form .icon-checkbox {
		width: 18px;
		height: 18px;
	}
}

/*ラジオボタンテキスト*/
#form .text-radio {
	font-size: 1.2rem;
	margin: 15px 15px 15px 0;
}


#form .img-privacy {
	width: 100px;
}


.flatpickr-day.no-select {
	color: rgba(57,57,57,.3)!important;
}



#contactForm .footer-bnr {
	display: none;
}