/*-------------------------------------------------
|- inquiry-block（共通）
-------------------------------------------------*/
.inquiry-item {
	display: grid;
	grid-template-columns: 34% 1fr;
}
.inquiry-ttl-box {
	padding: 20px 4% 20px 11%;
	background: #eeedea;
	box-sizing: border-box;
}
.inquiry-item__ttl {
	position: relative;
	padding-right: 45px;
	font-size: var(--fs13);
	font-weight: bold;
	box-sizing: border-box;
}
.inquiry-item__ttl-required:after,
.inquiry-item__ttl-optional:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	padding: 1px 0;
	color: #fff;
	font-size: var(--fs10);
	font-weight: bold;
	text-align: center;
}
.inquiry-item__ttl-required:after {
	content: '必須';
	background: #d75b6c;
}
.inquiry-item__ttl-optional:after {
	content: '任意';
	background: #80a2bc;
}
.inquiry-item__ttl__txt {
	margin-top: 20px;
    font-size: var(--fs13);
    width: 94%;
	text-indent: -1em;
	padding-left: 1em;
	@media screen and (max-width: 767px){
		margin: 15px auto 5px;
		font-size: var(--fs15);
		width: 74%;
	}
}
.inquiry-input-box {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}
.input-check-entry > * + * {
	margin-top: 15px;
}
.input-check-entry__item {
	position: relative;
	padding-left: 25px;
	box-sizing: border-box;
}
.input-check-label {
	font-size: var(--fs13);
	letter-spacing: .03rem;
	cursor: pointer;
}
.input-list {
	width: 100%;
}
.input-list > * + * {
	margin-top: 15px;
}
.input-list__item {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
}
.inquiry-btn {
	width: 300px;
	margin: 70px auto 0;
}
.input-next-btn {
	width: 100%;
	height: 43px;
	color: #fff;
	font-size: var(--fs17);
	font-weight: bold;
	background: #ac997c;
	border: 1px solid #ac997c;
	border-radius: 5px;
	cursor: pointer;
	transition: .3s;
}
/***** input *****/
.input-txt {
	width: 100%;
	padding: 3px 10px;
	border: 1px solid #959595;
	border-radius: 0;
	box-sizing: border-box;
}
.input-txt-w100 {
	width: 100px;
}
.input-txt-w120 {
	width: 120px;
}
.input-txt-w150 {
	width: 150px;
}
.input-txt-w215 {
	width: 215px;
}
.input-check {
	position: absolute;
	top: 3px;
	left: 0;
	appearance: none;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #959595;
	border-radius: 0;
}
.input-check:before {
	content: '';
	position: relative;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	border: solid #323333;
	border-width: 0 3px 3px 0;
	display: block;
	opacity: 0;
	transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
	transition: transform .2s ease-in-out, opacity .2s ease-in-out;
}
.input-check:checked::before {
	opacity: 1;
	transform: rotate(45deg) scale3d(1,1,1);
}
/***** button *****/
.input-btn {
	width: 86px;
	color: #fff;
	font-size: var(--fs12);
	font-weight: bold;
	background: #767777;
	border: 0;
	border-radius: 5px;
	display: block;
	cursor: pointer;
	transition: .3s;
}
/***** select *****/
.select-box {
	min-width: 215px;
	padding: 5px 10px;
	border: 1px solid #959595;
}
/***** textarea ******/
.textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #959595;
	resize: vertical;
}
@media (hover: hover){
	.input-btn:hover,
	.input-next-btn:hover {
		opacity: .8;
	}
}
@media screen and (max-width: 767px){
	.inquiry-item {
		width: 91%;
		margin: auto;
		padding: 15px 0;
		grid-template-columns: 1fr;
	}
	.inquiry-ttl-box {
		margin-bottom: 10px;
		padding: 0;
	}
	.inquiry-item__ttl {
		padding-right: 55px;
		font-size: var(--fs15);
		letter-spacing: .16rem;
	}
	.inquiry-item__ttl-required:after,
	.inquiry-item__ttl-optional:after {
		padding: 4px 0;
		font-size: var(--fs11);
	}
	.inquiry-input-box {
		padding: 0;
		gap: 0 2%;
	}
	.input-check-entry > * + * {
		margin-top: 10px;
	}
	.input-check-label {
		font-size: var(--fs15);
		letter-spacing: .16rem;
	}
	.input-list > * + * {
		margin-top: 25px;
	}
	.input-top-box {
		position: absolute;
		top: 33px;
		width: 100%;
	}
	.input-ttl__en {
		font-size: var(--fs18);
		text-align: center;
		letter-spacing: .22rem;
	}
	.input-ttl__jp {
		font-size: var(--fs15);
		font-weight: bold;
		text-align: center;
		letter-spacing: .10rem;
	}
	.inquiry-btn {
		width: 100%;
		margin: 0;
		padding: 15px 0 30px;
		background: #eeedea;
	}
	.input-next-btn {
		width: 90%;
		height: 50px;
		margin: auto;
		letter-spacing: .15rem;
		display: block;
	}
	/***** input *****/
	.input-txt {
		padding: 10px;
		font-size: var(--fs16);
	}
	.input-txt-w100 {
		width: 60%;
	}
	.input-txt-w120 {
		width: 49%;
	}
	.input-txt-w150,
	.input-txt-w215 {
		width: 100%;
	}
	.input-check {
		width: 17px;
		height: 17px;
	}
	.input-btn {
		width: auto;
		padding: 0 20px;
		font-size: var(--fs16);
		box-sizing: border-box;
	}
	.select-box {
		width: 100%;
		padding: 13px 10px;
		font-size: var(--fs16);
	}
}
/*-------------------------------------------------
|- inquiry-block(enquete)
-------------------------------------------------*/
.input-check-box {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.input-check-box__item {
	position: relative;
	padding-left: 25px;
	box-sizing: border-box;
}
.input-check-box__item .input-check-label {
	letter-spacing: 0;
}
@media screen and (max-width: 767px){
	.inquiry-area {
		position: relative;
		padding-top: 45px;
		background: #fff;
	}
	.enquete-box {
		width: 100%;
		padding-top: 65px;
		background: #eeedea;
	}
	.inquiry-no-ttl {
		margin: 0;
		padding: 0;
	}
	.inquiry-no-ttl .enquete-box {
		padding: 0;
	}
	.input-ttl__en {
		font-size: var(--fs18);
		text-align: center;
		letter-spacing: .22rem;
	}
	.input-ttl__jp {
		font-size: var(--fs15);
		font-weight: bold;
		text-align: center;
		letter-spacing: .10rem;
	}
	.input-check-box {
		padding: 20px;
		background: #fff;
		box-sizing: border-box;
		grid-template-columns: 1fr;
		gap: 15px 0;
	}
	.input-check-box__item .input-check-label {
		font-size: var(--fs13);
	}
}
/*-------------------------------------------------
|- inquiry-block(radio)
-------------------------------------------------*/
.input-radio-box {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}
.input-radio__item {
	position: relative;
	min-width: 190px;
	padding-left: 25px;
	box-sizing: border-box;
}
.input-radio-label {
	font-size: var(--fs13);
	letter-spacing: .03rem;
	cursor: pointer;
}
/***** radio *****/
.input-radio {
	position: absolute;
	top: 3px;
	left: 0;
	appearance: none;
	width: 16px;
	height: 16px;
	background: #fff;
	border: 1px solid #959595;
	border-radius: 10px;
	display: block;
}
.input-radio:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	background: #323333;
	border-radius: 10px;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) scale3d(.3,.3,1);
	transition: transform .2s ease-in-out, opacity .2s ease-in-out;
}
.input-radio:checked::before {
	opacity: 1;
	transform: translateX(-50%) translateY(-50%) scale3d(1,1,1);
}
@media screen and (max-width: 767px){
	.input-radio-box {
		width: 100%;
		padding: 20px;
		background: #fff;
		box-sizing: border-box;
		grid-template-columns: 1fr;
		gap: 15px 0;
	}
}
/*-------------------------------------------------
|- inquiry-calendar
-------------------------------------------------*/
.inquiry-calendar {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 0 5px;
}
.inquiry-calendar-time__item {
	max-width: 150px;
}
.inquiry-calendar__icon {
	width: 24px;
	cursor: pointer;
}
.inquiry-calendar-time {
	width: 100%;
	margin-top: 30px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 13px;
}
.input-calendar-btn {
	width: 100%;
	height: 31px;
	font-size: var(--fs15);
	font-weight: bold;
	letter-spacing: .10rem;
	background: #fff;
	border: 1px solid #959595;
	cursor: pointer;
	transition: .3s;
}
.input-calendar-btn.active {
	color: #fff;
	background: #3f3a39;
}
.input-calendar-btn.disabled {
	background: #9e9f9f;
	border: 1px solid #7b7b7b;
	pointer-events: none;
}
.inquiry-calendar__today {
    width: 100%;
    margin-top: 20px;
	@media screen and (max-width: 767px){
		text-align:center;
		margin:10px auto 5px;
	}
}
.inquiry-calendar__today-txt {
	display: inline-block;
	margin-right: 10px;
	font-size: var(--fs14);
	color: #e60012;
	font-weight: bold;
	@media screen and (max-width: 767px){
		font-size: var(--fs16);
	}
}
.inquiry-calendar__today-tel {
	display: inline-block;
    background-color: #a28e71;
	@media screen and (max-width: 767px){
		margin-top:5px;
	}
}
.inquiry-calendar__today-tel__txt {
	font-size: 1.5rem;
	margin: 0 0 10px 12px;
    padding: 0 12px 0 30px;
    color: #fff;
    letter-spacing: 0.2rem;
    line-height: 1.6;
    background: url(/assets/common/img/icon_tel_white.svg) no-repeat left center;
    background-size: 20px;
    box-sizing: border-box;
	@media screen and (max-width: 767px){
		font-size: 1.7rem;
		margin: 0 0 10px 22px;
		padding: 0 22px 0 35px;
		line-height: 1.7;
		background-size: 25px;
	}
}


@media (hover: hover){
	.input-calendar-btn:hover {
		color: #fff;
		background: #3f3a39;
	}
}
@media screen and (max-width: 767px){
	.inquiry-calendar__icon {
		display: none;
	}
	.inquiry-calendar .input-txt {
		background-image: url(/assets/img/newhouse/icon_calendar.svg);
		background-repeat: no-repeat;
		background-size: 30px;
		background-position: 97% center;
	}
	.inquiry-calendar-time {
		margin-top: 15px;
		gap: 15px 10px;
	}
	.input-calendar-btn {
		height: 48px;
	}
}
/*-------------------------------------------------
|- inquiry-selection
-------------------------------------------------*/
.inquiry-selection {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px 15px;
}
.btn {
	width: 100%;
	padding: 5px;
	font-size: var(--fs15);
	font-weight: bold;
	letter-spacing: .1rem;
	background: #fff;
	border: 1px solid #959595;
	border-radius: 0;
	transition: .3s;
	cursor: pointer;
}
.btn.active {
	color: #fff;
	background: #3f3a39;
}
@media (hover: hover){
	.btn:hover {
		color: #fff;
		background: #3f3a39;
	}
}
@media screen and (max-width: 767px){
	.inquiry-selection {
		gap: 10px;
	}
	.btn {
		padding: 10px 5px;
		font-size: var(--fs14);
	}
}
/*-------------------------------------------------
|- pickup-list
-------------------------------------------------*/
.pickup-list {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.pickup-list__item {
	width: 100%;
	max-width: 310px;
}
.pickup-check-label {
	width: 100%;
	padding: 10px;
	background: #fff;
	border: 2px solid #a08d70;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 5px 10px;
	cursor: pointer;
	transition: .3s;
}
.pickup-check-label.active {
	border: 5px solid #a08d70;
}
.pickup-check-box {
	position: relative;
	width: calc(100% - 90px);
	margin-right: 10px;
	padding-left: 25px;
	line-height: 1.4;
	box-sizing: border-box;
}
.pickup-check-ttl {
	font-size: var(--fs15);
	font-weight: bold;
}
.pickup-check-time {
	position: relative;
	width: 70px;
	text-align: center;
	background: #ededed;
	border-radius: 30px;
}
.pickup-check-time:after {
	content: '約';
	position: absolute;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
	font-size: var(--fs12);
}
.pickup-check-time__m {
	font-size: var(--fs17);
}
.pickup-check-time__unit {
	font-size: var(--fs11);
}
.pickup-txt__main,
.pickup-txt__sub {
	width: 100%;
	margin-left: 25px;
	font-size: var(--fs12);
}
.pickup-txt__main {
	font-weight: bold;
}
.pickup-conclusion-block {
	position: relative;
	width: 100%;
	max-width: 310px;
	padding-top: 50px;
}
.pickup-conclusion-block:after {
	content: '';
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	width: 90px;
	height: 21px;
	background: url(/assets/img/img_contact_arrow.svg) no-repeat;
}
.pickup-conclusion {
	padding: 10px;
	background: #a08d70;
	box-sizing: border-box;
}
.pickup-sum {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.pickup-sum__item {
	padding: 0 20px;
	font-weight: bold;
	text-align: center;
	background: #ededed;
	border-radius: 30px;
	box-sizing: border-box;
}
.pickup-sum__nosel {
	color: #fff;
}
.pickup-total {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0 20px;
}
.pickup-total__txt {
	color: #fff;
	font-size: var(--fs13);
}
.pickup-total__item {
	padding: 0 20px;
	background: #ededed;
	border-radius: 30px;
	box-sizing: border-box;
}
.pickup-total__sum {
	font-size: var(--fs19);
}
.pickup-total__unit {
	font-size: var(--fs12);
}
@media screen and (max-width: 767px){
	.pickup-list {
		position: relative;
		padding-top: 30px;
		gap: 10px 0;
	}
	.required:after {
		content: '必須';
		position: absolute;
		top: 0;
		right: 0;
		width: 45px;
		padding: 4px 0;
		color: #fff;
		font-size: var(--fs11);
		font-weight: bold;
		text-align: center;
		letter-spacing: .10rem;
		background: #d75b6c;
		box-sizing: border-box;
	}
	.pickup-list__item {
		max-width: none;
	}
	.pickup-check-box {
		width: calc(100% - 100px);
	}
	.pickup-check-ttl {
		font-size: var(--fs18);
		letter-spacing: .16rem;
	}
	.pickup-check-time {
		width: 80px;
		display: flex;
		align-items: baseline;
		justify-content: center;
	}
	.pickup-check-time:after {
		color: #a08d70;
		font-weight: bold;
	}
	.pickup-check-time__m {
		font-size: var(--fs20);
	}
	.pickup-check-time__unit {
		font-size: var(--fs13);
	}
	.pickup-txt__main {
		font-size: var(--fs13);
		line-height: 1.4;
	}
	.pickup-txt__sub {
		font-size: var(--fs13);
		line-height: 1.6;
	}
	.pickup-conclusion-block {
		max-width: none;
		padding-top: 55px;
	}
	.pickup-conclusion-block:after {
		top: 18px;
	}
	.pickup-conclusion {
		padding: 10px 15px;
	}
	.pickup-sum__item {
		padding: 2px 15px;
		font-size: var(--fs16);
		letter-spacing: .16rem;
	}
	.pickup-total__txt {
		font-size: var(--fs16);
	}
	.pickup-total__txt span {
		font-size: var(--fs16);
		font-weight: bold;
	}
	.pickup-total__item {
		padding: 0 25px;
		display: flex;
		align-items: baseline;
		justify-content: center;
	}
	.pickup-total__sum {
		color: #bb6970;
		font-size: var(--fs24);
	}
	.pickup-total__unit {
		color: #bb6970;
		font-size: var(--fs15);
	}
}
.inquiry-change-box {
	width: 100%;
	/* display: none; */
}

/*-------------------------------------------------
|- nextBtn
-------------------------------------------------*/
.nextBtn-min200 {
	min-width: 200px;
	@media screen and (max-width: 767px){
		min-width: auto;
	}
}