@charset "UTF-8";

.enq_form_wrap {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 15px;
		color: #000;
		position: fixed;
		left: 0px;
		bottom: 0px;
		width: 100%;
		overflow: auto;
		display: none;
		text-align: left;
		z-index: 6000;
}
.enq_form_wrap * {
		margin: 0;
		padding: 0;
}
.enq_form_wrap input[type="submit"], .enq_form_wrap input[type="button"] {
		border-radius: 0;
		-webkit-appearance: button;
		appearance: button;
		border: none;
}
@media(min-width: 552px) {
		.enq_form_wrap {
				width: 496px;
				box-shadow: rgba(0, 0, 0, 0.16) 0px 4px 8px;
				inset: auto 10% 32px auto;
				overflow: hidden;
		}
}
.enq_form_body {
		color: #595959;
		border-top: 1px solid rgb(191, 0, 0);
		background: #fff;
		position: relative;
}
.enq_form_body_inner {
		padding: 15px 0 10px;
}
.enq_Q {
		line-height: 1.8;
		margin: 0;
		padding: 15px 15px 20px;
}
.enq_form_first .enq_Q, .enq_form_more .enq_Q:first-child {
		padding-top: 0;
		padding-right: 50px;
}
.enq_A_flex {
		display: flex;
		justify-content: space-between;
		height: 100px;
		margin: 0 15px;
}
.enq_A_item5 {
		width: 20%;
		text-align: center;
		font-size: 11px;
		color: #595959;
}
.enq_A_item_circle {
		position: relative;
}
.enq_A_item_circle input {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
}
.enq_A_item_circle label {
		display: inline-block;
		position: relative;
		padding-top: 60px;
		cursor: pointer;
}
.enq_A_item_circle span {
		display: inline-block;
		position: relative;
		cursor: pointer;
}
.enq_A_item_circle span::before {
		content: '';
		display: block;
		position: absolute;
		top: -60px;
		left: calc(50% - 25px);
		border: 2px solid #000;
		border-radius: 25px;
		box-sizing: border-box;
		cursor: pointer;
		height: 50px;
		width: 50px;
		background-color: #fff;
		pointer-events: none;
}
.enq_A_flex .enq_A_item5:first-child .enq_A_item_circle span::before {
		border: 2px solid #ec0606;
}
.enq_A_flex .enq_A_item5:nth-child(2) .enq_A_item_circle span::before {
		border: 2px solid #ef0aa1;
}
.enq_A_flex .enq_A_item5:nth-child(3) .enq_A_item_circle span::before {
		border: 2px solid #0085c7;
}
.enq_A_flex .enq_A_item5:nth-child(4) .enq_A_item_circle span::before {
		border: 2px solid #b87100;
}
.enq_A_flex .enq_A_item5:nth-child(5) .enq_A_item_circle span::before {
		border: 2px solid #009500;
}
.secondForm input[type="radio"]:checked + span {}
.enq_A_flex .enq_A_item5:first-child input[type="radio"]:checked + span::before, .enq_A_flex .enq_A_item5:first-child .enq_A_item_circle label:active::before, .enq_A_flex .enq_A_item5:first-child .enq_A_item_circle label:active::before {
		background: #ec0606;
}
.enq_A_flex .enq_A_item5:nth-child(2) input[type="radio"]:checked + span::before, .enq_A_flex .enq_A_item5:nth-child(2) .enq_A_item_circle label:active::before {
		background: #ef0aa1;
}
.enq_A_flex .enq_A_item5:nth-child(3) input[type="radio"]:checked + span::before, .enq_A_flex .enq_A_item5:nth-child(3) .enq_A_item_circle label:active::before {
		background: #0085c7;
}
.enq_A_flex .enq_A_item5:nth-child(4) input[type="radio"]:checked + span::before, .enq_A_flex .enq_A_item5:nth-child(4) .enq_A_item_circle label:active::before {
		background: #b87100;
}
.enq_A_flex .enq_A_item5:nth-child(5) input[type="radio"]:checked + span::before, .enq_A_flex .enq_A_item5:nth-child(5) .enq_A_item_circle label:active::before {
		background: #009500;
}
.enq_A_item_circle span::after {
		content: '1';
		font-size: 16px;
		position: absolute;
		top: -60px;
		left: calc(50% - 25px);
		height: 50px;
		width: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333;
}
.enq_A_flex input[type="radio"]:checked + span::after {
		color: #fff !important;
}
.enq_A_flex .enq_A_item5:first-child .enq_A_item_circle span::after {
		content: '1';
		color: #ec0606;
}
.enq_A_flex .enq_A_item5:nth-child(2) .enq_A_item_circle span::after {
		content: '2';
		color: #ef0aa1;
}
.enq_A_flex .enq_A_item5:nth-child(3) .enq_A_item_circle span::after {
		content: '3';
		color: #0085c7;
}
.enq_A_flex .enq_A_item5:nth-child(4) .enq_A_item_circle span::after {
		content: '4';
		color: #b87100;
}
.enq_A_flex .enq_A_item5:nth-child(5) .enq_A_item_circle span::after {
		content: '5';
		color: #009500;
}
.check_gr_flex, .radio_gr_flex {
		display: flex;
		flex-wrap: wrap;
		padding: 0 15px 12px;
		border-bottom: 1px solid rgb(235, 235, 235);
}
.thirdCheckGr, .fourthCheckGr {
		display: flex;
		flex-wrap: wrap;
}
.check_gr_item, .radio_gr_item {
		min-width: 50%;
		margin: 0 0 20px;
		font-size: 14px;
}
.check_gr_item.extraSmall {
		font-size: 13px;
}
.check_gr_item label, .radio_gr_item label {
		display: inline-block;
		position: relative;
}
.check_gr_item label input[type="checkbox"] + span, .radio_gr_item label input[type="radio"] + span {
		position: relative;
		padding: 0 0 0 30px;
		cursor: pointer;
}
.check_gr_item label input[type="checkbox"] + span::before, .check_gr_item label input[type="checkbox"] + span::after, .radio_gr_item label input[type="radio"] + span::before, .radio_gr_item label input[type="radio"] + span::after {
		display: block;
		content: '';
		position: absolute;
		top: -3px;
		left: 0;
		box-sizing: border-box;
}
.check_gr_item label input[type="checkbox"] + span::before {
		z-index: 0;
		background-color: #fff;
		width: 24px;
		height: 24px;
		border-radius: 4px;
		border: 2px solid rgb(182, 182, 182);
		box-sizing: border-box;
}
.radio_gr_item label input[type="radio"] + span::before {
		z-index: 0;
		background-color: #fff;
		width: 24px;
		height: 24px;
		border-radius: 12px;
		border: 2px solid rgb(182, 182, 182);
		box-sizing: border-box;
}
.check_gr_item label input[type="checkbox"], .radio_gr_item label input[type="radio"] {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
}
.check_gr_item label input[type="checkbox"]:checked + span::before {
		background-color: rgb(0, 154, 233);
		border: 2px solid rgb(0, 154, 233);
}
.check_gr_item label input[type="checkbox"]:checked + span::after {
		width: 15px;
		height: 8px;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		top: 3px;
		left: 5px;
		transform: rotate(-40deg);
}
.radio_gr_item label input[type="radio"]:checked + span::after {
		width: 12px;
		height: 12px;
		border-radius: 8px;
		background-color: rgb(0, 154, 233);
		top: 3px;
		left: 6px;
}
/*
.enq_form_sendBtn {
		padding: 15px 15px 0;
}
*/
.enq_btn_flex {
		display: flex;
		padding: 15px 15px 0;
}
.enq_form_backBtn {
		width: 100px;
		margin-right: 15px;
}
.enq_btn_flex .enq_form_sendBtn {
		flex: 1;
}
.enq_form_sendBtn input, .enq_form_sendBtn a, .enq_form_backBtn a {
		background: #bf0000;
		border: 1px solid #bf0000;
		color: #fff;
		font-size: 16px;
		text-align: center;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 4px !important;
		-webkit-border-radius: 4px !important;
		height: 40px;
		line-height: 38px;
		cursor: pointer;
		text-decoration: none;
		position: relative;
}
.enq_form_sendBtn a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 3.5px);
		right: 15px;
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		pointer-events: none;
}
.enq_form_backBtn a {
		border: 1px solid #ccc;
		background: #ededed;
		color: #333;
}
.enq_form_backBtn a::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 3.5px);
		left: 15px;
		width: 6px;
		height: 6px;
		border-top: 2px solid #666;
		border-left: 2px solid #666;
		transform: rotate(-45deg);
		pointer-events: none;
}
.enq_form_sendBtn a span, .enq_form_backBtn a span {
		position: relative;
		display: inline-block;
		transform: translateY(1px);
}
.secondForm, .thirdForm, .fourthForm {
		background: #fff;
}
.secondForm {
		display: none;
		position: relative;
		z-index: 2;
}
.thirdForm {
		display: none;
		position: relative;
		z-index: 3;
}
.fourthForm {
		display: none;
		position: relative;
		z-index: 2;
}
.enqFormOpen {
		position: relative;
}
.formHide {
		position: absolute;
		z-index: -1;
}
.enq_form_body_inner.enqFormOpen .enq_form_first {
		position: absolute;
		z-index: -1;
}
.enq_form_body .enq_form_close {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 24px;
		height: 24px;
		cursor: pointer;
		z-index: 100;
}
.enq_form_close::before, .enq_form_close::after {
		content: '';
		display: block;
		width: 24px;
		height: 2px;
		background: rgb(191, 0, 0);
		position: absolute;
		left: 0;
		top: 11px;
		pointer-events: none;
}
.enq_form_close::before {
		transform: rotate(45deg)
}
.enq_form_close::after {
		transform: rotate(-45deg)
}
@media(max-width: 511px) {
		.enq_form_wrap {
				font-size: 14px;
		}
		.enq_form_wrap.formFixedTop {
				position: fixed;
				bottom: inherit;
				top: 0;
				left: 0;
		}
		.formFixedTop .enq_form_body {
				height: 100vh;
				overflow: auto;
		}
		.formFixedTop .enq_btn_flex {
				display: flex;
				padding: 15px 15px 150px;
		}
		.formFixedTop .enq_progressbar {
				bottom: 150px;
		}
		.enq_form_more {
				padding-top: 30px;
		}
		.formFixedTop .enq_form_close_bar {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 36px;
				background: rgb(191, 0, 0);
				z-index: 100;
		}
		.enq_form_close::before, .enq_form_close::after {
				width: 20px;
				top: 10px;
		}
		.formFixedTop .enq_form_body .enq_form_close {
				top: 7px;
				right: 9px;
		}
		.formFixedTop .enq_form_close::before, .formFixedTop .enq_form_close::after {
				background: #fff;
				left: 0;
				top: 11px;
		}
		.enq_form_more .enq_Q:first-child {
				padding-right: 15px;
		}
		.enq_Q {
				line-height: 1.5;
				padding-bottom: 15px;
		}
		.check_gr_flex, .radio_gr_flex {
				display: block;
		}
		.thirdCheckGr, .fourthCheckGr {
				display: block;
		}
		.check_gr_item, .radio_gr_item {
				width: 100%;
				font-size: 10px;
		}
  .thirdCheckGr .check_gr_item, .thirdCheckGr .radio_gr_item{
				font-size: 14px;
  }
		.check_gr_item.extraSmall {
				font-size: 15px;
		}
}
/* ================== */
.enq_form_body {
		padding-bottom: 15px;
}
.enq_progressbar {
		height: 5px;
		margin: 10px 15px 0;
		position: relative;
		display: flex;
		display: none;
		z-index: 5;
}
.enq_progressbar::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 45px);
		height: 5px;
		background: #ededed;
		z-index: 0;
}
.enq_progressbar::after {
		content: '1/4';
		display: block;
		font-size: 13px;
		position: absolute;
		right: 5px;
		top: -8px;
		color: rgb(191, 0, 0);
}
.enq_progressbar div {
		height: 5px;
		background: rgb(191, 0, 0);
		width: calc(calc(100% - 45px) * 0.25);
		z-index: 1;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		transform-origin: left center;
}
.enq_progressbar div:nth-child(2), .enq_progressbar div:nth-child(3), .enq_progressbar div:nth-child(4) {
		transform: scaleX(0);
}
.enq_progressbar.second div:nth-child(2) {
		transform: scaleX(1);
}
.enq_progressbar.third div:nth-child(3) {
		transform: scaleX(1);
}
.enq_progressbar.second::after {
		content: '2/3';
}
.enq_progressbar.third::after {
		content: '3/3';
}
/* =============== */
.notSelect1, .notSelect2 {
		position: relative;
}
.notSelect1::after, .notSelect2::after {
		content: '';
		display: block;
		position: absolute;
		top: -3px;
		left: 0;
		width: 100%;
		height: calc(100% + 6px);
		background: rgba(255, 255, 255, 0.7);
		transition: all 0.4s;
		display: none;
}
.notSelect1.disAble::after, .notSelect2.disAble::after {
		display: block;
}
/* =============== */
@media(max-width: 767px) {
		.enq_A_item_circle span {
				letter-spacing: -1px;
		}
}
@media(max-width: 375px) {
		.enq_A_item_circle span {
				font-size: 10px;
		}
}