@charset "utf-8";
#page__contact {
	display: none;
}
#contact {
	width: 100%;
	height: auto;
	position: relative;
	padding: 22px 0 0;
	overflow: hidden;
}
	#contact .page__wrap::before {
		height: 100%;
	}
	.contact__inner {
		width: 100%;
		height: auto;
	}
		.contact__contents {
			width: 100%;
			height: auto;
			padding: 0 0 153px;
		}
			.contact__contents__inner {
				width: 85%;
				max-width: 890px;
				height: auto;
				margin: 0 auto;
				position: relative;
				z-index: 3;
			}
				from#form {
					width: 100%;
					height: auto;
				}
					.form__list_container {
						width: 100%;
						height: auto;
					}
						.form__wrap {
							width: 100%;
							height: auto;
						}
							.form__list {
								width: 100%;
								height: auto;
							}
								.form__item {
									width: 100%;
									height: auto;
									padding: 20px 0 24px;
									border-radius: 5px;
									background-color: var(--color--white);
								}
								.form__item:first-of-type {
									padding-top: 25px;
									padding-bottom: 23px;
								}
								.form__item:not(:last-of-type) {
									margin-bottom: 4px;
								}
									.form__item_heading {
										width: 90%;
										max-width: 750px;
										height: auto;
										margin: 0 auto 12px;
										font-size: 18px;
										font-weight: 700;
										line-height: 1.5;
										letter-spacing: 0.03em;
									}
									.license_item .form__item_heading {
										padding-bottom: 10px;
										margin: 0 auto 18px;
										border-bottom: solid 1px var(--color--gray);
									}
										.mandatory {
											padding: 1px 5px 2px;
											margin-left: 10px;
											border-radius: 3px;
											background-color: var(--color--red);
											font-size: 10px;
											font-weight: 700;
											line-height: 1;
											color: var(--color--white);
											position: relative;
											top: -2px;
										}
									/* 入力ページ */
									.form__item_inputbox {
										width: 90%;
										max-width: 750px;
										height: auto;
										margin: 0 auto;
									}
									.form__item_inputbox__tel {
										display: flex;
										justify-content: flex-start;
										align-items: center;
									}
										.form__item_inputbox input[type="text"],
										.form__item_inputbox input[type="email"],
										.form__item_inputbox input[type="number"],
										.form__item_inputbox select, 
										.form__item_inputbox textarea {
											width: 100%;
											padding: 10px 13px 8px;
											border-radius: 5px;
											background-color: var(--color--pink);
											border: solid 1px #BEBEBE;
											font-size: 14px;
											font-weight: 500;
											letter-spacing: 0.03em;
											color: var(--color--black);
										}
										.form__item_inputbox input::placeholder,
										.form__item_inputbox select::placeholder,
										.form__item_inputbox textarea::placeholder {
											color: #A2A2A2;
										}
										.form__item_inputbox input[name="honseki_post_code"],
										.form__item_inputbox input[name="current_post_code"] {
											width: 180px;
										}
										.form__item_inputbox select {
											padding: 13px 13px 12px;
										}
										input[type="radio"] {
											display: none;
										}
										label.radiobox {
											display: block;
											padding-left: 28px;
											position: relative;
											cursor: pointer;
										}
										label.radiobox:not(:last-of-type) {
											margin-bottom: 5px;
										}
										label.radiobox::before,
										label.radiobox::after {
											content: '';
											display: block;
											border-radius: 50%;
											position: absolute;
											top: 52%;
										}
										label.radiobox::before {
											width: 18px;
											height: 18px;
											border: solid 2px #BEBEBE;
											left: 0;
											transform: translate(0%,-50%);
										}
										label.radiobox::after {
											width: 10px;
											height: 10px;
											background-color: var(--color--black);
											left: 9px;
											transform: translate(-50%,-50%);
											opacity: 0;
											transition: opacity .2s;
										}
										input[type="radio"]:checked + label.radiobox::after {
											opacity: 1;
										}
										.form__item_inputbox textarea {
											width: 100%;
											height: auto;
											line-height: 1.6;
											padding-top: 10px;
											padding-bottom: 10px;
										}
										/* 免許選択済みverの記述 */
										.form__item_inputbox__license__list {
											width: 100%;
											height: auto;
										}
											.form__item_inputbox__license__item {
												width: 100%;
												height: auto;
												position: relative;
											}
											.form__item_inputbox__license__item:not(:last-of-type) {
												padding-bottom: 15px;
												margin-bottom: 14px;
												border-bottom: solid 2px #EDEBEB;
											}
												.form__item_inputbox__license__heaing {
													width: 100%;
													height: auto;
													margin-bottom: 10px;
													font-size: 16px;
													font-weight: 700;
													letter-spacing: 0.03em;
												}
												.form__item_inputbox__license__details {
													width: 100%;
													height: auto;
													font-size: 18px;
													font-weight: 500;
													letter-spacing: 0.03em;
													text-align: right;
												}
													.form__item_inputbox__license__details__price {
														margin-right: 5px;
														font-size: 32px;
														font-weight: 700;
														line-height: 1;
														position: relative;
														top: 2px;
													}
													.form__item_inputbox__license__details__car_type {
														display: flex;
														justify-content: center;
														align-items: center;
														width: 234px;
														height: 40px;
														margin-top: 7px;
														margin-bottom: 10px;
														background-color: var(--color--pink);
														border-radius: 5px;
													}
														.form__item_inputbox__license__details__car_type p {
															width: 100%;
															height: auto;
															font-size: 18px;
															font-weight: 700;
															line-height: 1;
															letter-spacing: 0;
															text-align: center;
															color: var(--color--black);
														}
												.form__item_inputbox__license__image {
													width: 313px;
													height: auto;
													position: absolute;
													bottom: 25px;
													right: 0;
												}
													.form__item_inputbox__license__image__car {
														width: 188px;
														height: auto;
														position: absolute;
														bottom: 1px;
														left: 50%;
														transform: translate(-50%,0%);
														z-index: 2;
													}
														.form__item_inputbox__license__image__car img {
															width: 100%;
															height: auto;
														}
													.form__item_inputbox__license__image__line {
														width: 100%;
														height: 3.6px;
														position: absolute;
														bottom: 0;
														left: 0;
														z-index: 1;
													}
														.form__item_inputbox__license__image__line img {
															width: 100%;
															height: 100%;
														}
										/* 免許未選択verの記述 */
										.form__item_inputbox__license__heaing {
											width: 100%;
											height: auto;
											margin-bottom: 10px;
											font-size: 16px;
											font-weight: 700;
											letter-spacing: 0.03em;
										}
										.form__item_inputbox__license__choice {
											display: flex;
											justify-content: space-between;
											align-items: flex-start;
											flex-wrap: wrap;
											width: 100%;
											height: auto;
										}
											.form__item_inputbox__license__choice::before,
											.form__item_inputbox__license__choice::after {
												content: '';
												display: block;
												width: 19.466%;
												height: 0;
											}
											.form__item_inputbox__license__choice::before {
												order: 1;
											}
											.form__item_inputbox__license__choice__item {
												width: 19.466%;
												height: 40px;
											}
											.form__item_inputbox__license__choice__item:not(:nth-last-of-type(-n+6)) {
												margin-bottom: 5px;
											}
											.form__item_inputbox__license__choice__item.empty {
												width: 19.466%;
												height: 0;
											}
												.form__item_inputbox__license__choice__item label.choice {
													display: flex;
													justify-content: center;
													align-items: center;
													width: 100%;
													height: 100%;
													border-radius: 5px;
													background-color: var(--color--pink);
													font-size: 15px;
													font-weight: 700;
													line-height: 1;
													letter-spacing: 0em;
													transition: background-color .2s, color .2s;
													cursor: pointer;
												}
												.form__item_inputbox__license__choice__item label.choice:hover {
													background-color: var(--color--darkgray);
													/* color: var(--color--white); */
												}
												.form__item_inputbox__license__choice__item input:checked + label.choice {
													background-color: var(--color--black);
													color: var(--color--white);
												}
										/* 住所 */
										.form__item_inputbox__item {
											width: 100%;
											height: auto;
										}
										.form__item_inputbox__item:not(:last-of-type) {
											margin-bottom: 11px;
										}
											.form__item_inputbox__item__heading {
												width: 100%;
												height: auto;
												margin-bottom: 3px;
												font-size: 14px;
												font-weight: 700;
											}
												.form__item_inputbox__item__heading span {
													margin-left: 5px;
													font-size: 12px;
													color: var(--color--blackgray);
												}
											.form__item_inputbox__item__details {
												width: 100%;
												height: auto;
											}
												.honseki_btn,
												.current_btn {
													padding: 0;
													margin-left: 26px;
													font-size: 14px;
													font-weight: 700;
													cursor: pointer;
													position: relative;
												}
												.honseki_btn::after,
												.current_btn::after {
													content: '';
													display: block;
													width: 100%;
													height: 1px;
													background-color: var(--color--black);
													position: absolute;
													bottom: 1px;
													left: 0;
													pointer-events: none;
													transition: opacity .2s;
												}
												.honseki_btn:hover::after,
												.current_btn:hover::after {
													opacity: 0;
												}
												.form__item_inputbox__item__select_wrap {
													width: 205px;
													position: relative;
												}
												.form__item_inputbox__item__select_wrap::after {
													content: '';
													display: block;
													pointer-events: none;
													width: 0;
													height: 0;
													border-style: solid;
													border-width: 9px 6.5px 0 6.5px;
													border-color: #A2A2A2 transparent transparent transparent;
													position: absolute;
													top: 53%;
													right: 16px;
													transform: translate(0%,-50%);
													z-index: 1;
												}
										/* 誕生日 */
										.form__item_inputbox__birth {
											display: flex;
											justify-content: center;
											align-items: center;
											width: 100%;
											height: auto;
										}
											.birth__era {
												width: 101px;
												height: auto;
												position: relative;
											}
												.birth__era::after {
													content: '';
													display: block;
													width: 1px;
													height: 87%;
													background-color: #707070;
													position: absolute;
													top: 50%;
													right: 0;
													transform: translate(0%,-50%);
												}
											.birth__day {
												display: flex;
												justify-content: flex-start;
												align-items: center;
												width: calc(100% - 101px);
												height: auto;
												padding-left: 41px;
											}
												.birth__day input[name="birth_year"] {
													flex: 1;
													max-width: 150px;
												}
												.birth__day input[name="birth_month"],
												.birth__day input[name="birth_day"] {
													flex: 1;
													max-width: 100px;
												}
												.birth__day .birth__day__txt {
													margin: 0 15px 0 7px;
												}
										/* 職業 */
										.form__item_inputbox__ather_input {
											width: 200px;
											padding-left: 28px;
											margin-top: 4px;
										}
										/* 電話番号 */
										.form__item_inputbox__tel input[type="text"] {
											flex: 1;
											max-width: 108px;
										}
										.form__item_inputbox__tel .hyphen {
											margin: 0 7px;
										}
							.form_privacy_policy {
								width: 100%;
								height: auto;
								margin-top: 48px;
								text-align: center;
							}
								.form_privacy_policy input {
									display: none;
								}
								.form_privacy_policy label.privacy_policy__txt {
									padding-left: 28px;
									position: relative;
									cursor: pointer;
								}
									label.privacy_policy__txt::before,
									label.privacy_policy__txt::after {
										content: '';
										display: block;
										position: absolute;
										top: 52%;
									}
									.form_privacy_policy label.privacy_policy__txt::before {
										width: 18px;
										height: 18px;
										border-radius: 4px;
										background-color: var(--color--white);
										border: solid 2px #BEBEBE;
										left: 0;
										transform: translate(0%,-50%);
									}
									.form_privacy_policy label.privacy_policy__txt::after {
										width: 15.65px;
										height: 12.78px;
										background-image: url('../image/contact/contact-privacy_policy_check.svg');
										background-position: center;
										background-repeat: no-repeat;
										background-size: 100% 100%;
										top: 50%;
										left: 11px;
										transform: translate(-50%,-50%);
										opacity: 0;
										transition: opacity .2s;
									}
									.form_privacy_policy input[type="checkbox"]:checked + label.privacy_policy__txt::after {
										opacity: 1;
									}
									.form_privacy_policy label.privacy_policy__txt a {
										color: var(--color--black);
										position: relative;
									}
									.form_privacy_policy label.privacy_policy__txt a::after {
										content: '';
										display: block;
										width: 100%;
										height: 1px;
										background-color: var(--color--black);
										position: absolute;
										bottom: 1px;
										left: 0;
										opacity: 1;
										transition: opacity .2s;
									}
									.form_privacy_policy label.privacy_policy__txt a:hover::after {
										opacity: 0;
									}
							.submit__container {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 100%;
								height: auto;
								margin-top: 57px;
							}
								.submit__container button {
									display: flex;
									justify-content: center;
									align-items: center;
									width: 260px;
									height: 56px;
									margin: 0 15px;
									border-radius: 10px;
									font-size: 15px;
									font-weight: 700;
									cursor: pointer;
									position: relative;
									transition: filter .2s, background-color .2s;
								}
								.submit__container button[type="submit"] {
									background-color: var(--color--black);
									color: var(--color--white);
								}
								.submit__container button[type="button"] {
									background-color: #E0E0E0;
									color: var(--color--black);
								}
								.submit__container button.disabled {
									background-color: var(--color--blackgray);
									pointer-events: none;
								}
								.submit__container button:hover {
									filter: brightness(1.4);
								}
									.submit__container button::after {
										content: '';
										display: block;
										width: 23px;
										height: 23px;
										background-position: center;
										background-repeat: no-repeat;
										background-size: cover;
										position: absolute;
										top: 50%;
										transform: translate(0%,-50%);
										transition: .2s;
									}
									.submit__container button[type="submit"]::after {
										right: 21px;
										background-image: url('../image/contact/contact-next_arrow.svg');
									}
									.submit__container button[type="submit"]:hover::after {
										right: 18px;
									}
									.submit__container button[type="button"]::after {
										left: 21px;
										background-image: url('../image/contact/contact-back_arrow.svg');
									}
									.submit__container button[type="button"]:hover::after {
										left: 18px;
									}

								/* 入力確認ページ */
								.confirmation .form__item {
									padding: 17px 0 19px;
								}
								.confirmation .form__item.license_item {
									padding-top: 25px;
									padding-bottom: 23px;
								}
									.form__item_confirmationbox {
										width: 90%;
										max-width: 750px;
										height: auto;
										margin: 0 auto;
										font-size: 18px;
										font-weight: 500;
										line-height: 1.5;
										letter-spacing: 0.03em;
									}
				/* 完了ページ */
				.thanks__body {
					width: 100%;
					max-width: 786px;
					height: auto;
					padding: 43px 50px;
					margin: 0 auto;
					border-radius: 60px;
					background-color: var(--color--white);
				}
					.thanks__body__heading {
						width: 100%;
						height: auto;
						margin: 0 auto 20px;
						font-size: 18px;
						font-weight: 700;
						letter-spacing: 0.01em;
						text-align: center;
					}
					.thanks__body__txt {
						width: 100%;
						height: auto;
						margin: 0 auto 12px;
						font-size: 14px;
						font-weight: 500;
						letter-spacing: 0.01em;
					}
					.thanks__body__note {
						width: 100%;
						height: auto;
						font-size: 12px;
						font-weight: 500;
						letter-spacing: 0.01em;
					}
/* PC ================================================== */
@media all and (min-width:1025px){

}

/* Tablet ================================================== */
@media all and (max-width:1024px){
#contact {
	padding: 28px 0 0;
}
		.contact__contents {
			padding: 0 0 81px;
			border-radius: 30px 30px 0 0;
		}
			.contact__contents__inner {
				width: 87.2%;
				max-width: initial;
			}
								.form__item {
									padding: 15px 0 20px;
								}
								.form__item:first-of-type {
									padding-top: 20px;
									padding-bottom: 18px;
								}
									.form__item_heading {
										max-width: initial;
										margin: 0 auto 8px;
										font-size: 16px;
									}
									.license_item .form__item_heading {
										padding-bottom: 5px;
										margin: 0 auto 10px;
									}
									/* 入力ページ */
									.form__item_inputbox {
										max-width: initial;
										font-size: 14px;
									}
										.form__item_inputbox input[type="text"],
										.form__item_inputbox input[type="email"],
										.form__item_inputbox input[type="number"],
										.form__item_inputbox select, 
										.form__item_inputbox textarea {
											padding: 5px 12px 3px;
										}
										.form__item_inputbox select {
											padding: 8px 12px 7px;
										}
										label.radiobox {
											font-size: 14px;
										}
										label.radiobox::before,
										label.radiobox::after {
											top: 51%;
										}
										/* 免許選択済みverの記述 */
											.form__item_inputbox__license__item:not(:last-of-type) {
												padding-bottom: 12px;
												margin-bottom: 10px;
											}
												.form__item_inputbox__license__heaing {
													margin-bottom: 6px;
													font-size: 16px;
												}
												.form__item_inputbox__license__details {
													font-size: 14px;
												}
													.form__item_inputbox__license__details__price {
														font-size: 28px;
														position: relative;
														top: 1px;
													}
													.form__item_inputbox__license__details__car_type {
														width: 49.1%;
														height: 36px;
														margin-top: 5px;
														margin-bottom: 6px;
													}
														.form__item_inputbox__license__details__car_type p {
															font-size: 14px;
														}
												.form__item_inputbox__license__image {
													width: 43.4%;
													bottom: 18px;
												}
													.form__item_inputbox__license__image__car {
														width: 105px;
													}
										/* 免許未選択verの記述 */
										.form__item_inputbox__license__heaing {
											margin-bottom: 7px;
										}
										.form__item_inputbox__license__choice {
											padding-bottom: 8px;
										}
											.form__item_inputbox__license__choice::before,
											.form__item_inputbox__license__choice::after {
												display: none;
											}
											.form__item_inputbox__license__choice__item {
												width: 32.7%;
												height: 40px;
											}
											.form__item_inputbox__license__choice__item:not(:nth-last-of-type(-n+6)) {
												margin-bottom: initial;
											}
											.form__item_inputbox__license__choice__item:not(:nth-last-of-type(-n+3)) {
												margin-bottom: 5px;
											}
											.form__item_inputbox__license__choice__item.empty {
												width: 32.7%;
											}
												.form__item_inputbox__license__choice__item label.choice {
													font-size: 14px;
												}
										/* 住所 */
										.form__item_inputbox__item:not(:last-of-type) {
											margin-bottom: 9px;
										}
												.form__item_inputbox__item__heading span {
													margin-left: 3px;
													font-size: 11px;
												}
												.form__item_inputbox__item__select_wrap {
													width: 100%;
													max-width: 205px;
												}
												.form__item_inputbox__item__select_wrap::after {
													border-width: 7px 4.5px 0 4.5px;
													top: 53%;
													right: 12px;
												}
										/* 誕生日 */
										.form__item_inputbox__birth {
											display: block;
											width: 90%;
										}
											.birth__era {
												display: flex;
												justify-content: flex-start;
												align-items: center;
												width: 100%;
												height: auto;
												margin-bottom: 9px;
												position: relative;
											}
												.birth__era::after {
													display: none;
												}
												.birth__era label.radiobox:not(:last-of-type) {
													margin-bottom: 0;
													margin-right: 35px;
												}
											.birth__day {
												align-items: flex-end;
												width: 100%;
												padding-left: 0px;
											}
												.birth__day input[name="birth_year"] {
													flex: 1;
													max-width: 150px;
												}
												.birth__day input[name="birth_month"],
												.birth__day input[name="birth_day"] {
													max-width: 100px;
												}
												.birth__day .birth__day__txt {
													margin: 0 10px 0 5px;
												}
												.birth__day .birth__day__txt:last-of-type {
													margin: 0 0px 0 7px;
												}
										/* 性別 */
										.form__item_inputbox__gender {
											display: flex;
											justify-content: flex-start;
											align-items: center;
											width: 100%;
											height: auto;
										}
											.form__item_inputbox__gender label.radiobox:not(:last-of-type) {
												margin-bottom: 0;
												margin-right: 35px;
											}
										/* 職業 */
										.form__item_inputbox__profession {
											display: flex;
											justify-content: flex-start;
											align-items: flex-start;
											flex-wrap: wrap;
											width: 100%;
											height: auto;
										}
											.form__item_inputbox__profession label.radiobox {
												width: 34%;
												margin-right: 20px;
											}
											.form__item_inputbox__profession label.radiobox:not(:last-of-type) {
												margin-bottom: 0;
											}
											.form__item_inputbox__profession label.radiobox:not(:nth-last-of-type(-n+2)) {
												margin-bottom: 5px;
											}
										.form__item_inputbox__ather_input {
											width: 100%;
											padding-left: 28px;
											margin-top: 4px;
										}
											.form__item_inputbox__ather_input input {
												max-width: 200px;
											}
										/* 電話番号 */
										.form__item_inputbox__tel input[type="text"] {
											flex: 1;
											max-width: initial;
										}
										.form__item_inputbox__tel .hyphen {
											margin: 0 6px;
										}

								.submit__container button:hover {
									filter: initial;
								}
									.submit__container button[type="submit"]:hover::after {
										right: 21px;
									}
									.submit__container button[type="button"]:hover::after {
										right: 21px;
									}

								/* 入力確認ページ */
									.form__item_confirmationbox {
										max-width: initial;
										font-size: 14px;
									}
}

/* SP ================================================== */
@media all and (max-width:599px){
	
										/* 免許未選択verの記述 */
											.form__item_inputbox__license__choice__item {
												width: 49.1%;
												height: 35px;
											}
											.form__item_inputbox__license__choice__item:not(:nth-last-of-type(-n+2)) {
												margin-bottom: 5px;
											}
										/* 住所 */
												.form__item_inputbox__item__select_wrap {
													max-width: 150px;
												}

							.submit__container {
								flex-direction: column-reverse;
							}
								.submit__container button {
									width: 100%;
									margin: 0;
									font-size: 16px;
								}
								.submit__container button[type="button"] {
									margin-top: 10px;
								}
								.submit__container button.disabled {
									background-color: var(--color--blackgray);
									pointer-events: none;
								}

								/* 入力確認ページ */
								.confirmation .form__item {
									padding: 13px 0 14px;
								}

				/* 完了ページ */
				.thanks__body {
					max-width: initial;
					padding: 35px 24px;
					border-radius: 40px;
				}
					.thanks__body__heading {
						margin: 0 auto 15px;
						font-size: 16px;
					}
					.thanks__body__txt {
						margin: 0 auto 10px;
						font-size: 14px;
					}
					.thanks__body__note {
						font-size: 10px;
					}
}