@charset "utf-8";
::placeholder {
	color: var(--color--gray);
}

#contact {
	width: 100%;
	height: auto;
	padding: 140px 0 calc((250 / 1280) * 100vw);
}
	.contact__inner {
		width: 100%;
		height: auto;
	}
			.section__heading {
				width: calc((1057.11 / 1280) * 100vw);
				height: auto;
				margin: 0 auto 0 calc((30 / 1280) * -100vw);
			}
			.contact_form__wrap {
				width: calc((1088 / 1280) * 100vw);
				height: auto;
				padding: calc((76 / 1280) * 100vw);
				margin: 0 auto;
				border-radius: calc((10 / 1280) * 100vw);
				background-color: var(--color--white);
				filter: var(--dropshadow_s);
			}
				.contact_form__wrap form {
					width: 100%;
					height: auto;
				}
					.contact_form__list {
						width: 100%;
						height: auto;
					}
						.contact_form__list__item {
							width: 100%;
							height: auto;
						}
						.contact_form__list__item:not(:last-of-type) {
							margin: 0 auto calc((30 / 1280) * 100vw);
						}
							.contact_form__list__item_heading {
								width: 100%;
								height: auto;
								margin: 0 auto calc((15 / 1280) * 100vw);
							}
								.contact_form__list__item_heading label {
									font-size: 24px;
									font-weight: 800;
									line-height: 1.6;
									letter-spacing: 0em;
									color: var(--color--tairai_red);
								}
								.contact_form__list__item_heading .mandatory {
									margin-left: 10px;
									display: inline-flex;
									justify-content: center;
									align-items: center;
									border-radius: 4px;
									padding: 3px 5px;
									background-color: var(--color--white);
									filter: var(--dropshadow_s);
									font-size: 10px;
									font-weight: 700;
									line-height: 1;
									letter-spacing: 0em;
									color: var(--color--tairai_red);
									position: relative;
									top: -3px;
								}
							.contact_form__list__item_inputbox {
								width: 100%;
								height: auto;
							}
								.contact_form__list__item_inputbox input,
								.contact_form__list__item_inputbox textarea {
									width: 100%;
									padding: 23px;
									border: solid 1px var(--color--gray);
									background-color: var(--color--white);
									border-radius: 8px;
									font-size: 20px;
									font-weight: 500;
									line-height: 1.6;
									letter-spacing: 0em;
									color: var(--color--black);
									transition: .25s;
								}
								.contact_form__list__item_inputbox input:focus,
								.contact_form__list__item_inputbox input:active,
								.contact_form__list__item_inputbox textarea:focus,
								.contact_form__list__item_inputbox textarea:active {
									filter: var(--dropshadow_s);
									border: solid 1px rgba(0, 0, 0, 0);
									/* border-color: var(--color--tairai_red);
									background-color: var(--color--tairai_red);
									color: var(--color--white); */
								}
								.contact_form__list__item_inputbox input:-webkit-autofill,
								.contact_form__list__item_inputbox textarea:-webkit-autofill {
									box-shadow: 0 0 0px 999px var(--color--white) inset;
									-webkit-text-fill-color: var(--color--black) !important;
								}
								.contact_form__list__item_inputbox .confirmation__txt {
									width: 100%;
									height: auto;
									font-size: 16px;
									font-weight: 500;
									line-height: 1.8;
									letter-spacing: 0em;
								}
					.submit__container {
						display: flex;
						justify-content: center;
						align-items: center;
						column-gap: 30px;
						width: 100%;
						height: auto;
						margin: 60px auto 0;
					}
						.confirm_btn,
						.back_btn,
						.submit_btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 300px;
							height: 60px;
							border-radius: 6px;
							outline: none;
							border: none;
							background-color: var(--color--white);
							filter: var(--dropshadow_s);
							font-size: 20px;
							font-weight: 800;
							line-height: 1;
							letter-spacing: -0.05em;
							color: var(--color--tairai_red);
							cursor: pointer;
						}
						.back_btn {
							color: var(--color--black);
						}
					@media (any-hover: hover) {
						.confirm_btn,
						.back_btn,
						.submit_btn {
							transition: .3s;
						}
						.confirm_btn:hover,
						.submit_btn:hover {
							filter: none;
							background-color: var(--color--tairai_red);
							color: var(--color--white);
						}
						.back_btn:hover {
							filter: none;
							background-color: var(--color--gray);
						}
					}
			.thanks__contents {
				width: calc((1088 / 1280) * 100vw);
				height: auto;
				margin: 0 auto;
			}
				.thanks__txt {
					width: 100%;
					height: auto;
					font-size: 18px;
					font-weight: 500;
					line-height: 1.8;
					letter-spacing: 0em;
				}
				.thanks__link {
					width: 100%;
					height: auto;
					margin: 50px auto 0;
					font-size: 18px;
					font-weight: 800;
					line-height: 1.8;
					letter-spacing: 0em;
					text-align: center;
				}
					.thanks__link a {
						color: var(--color--tairai_red);
						text-decoration: underline;
					}
				@media (any-hover: hover) {
					.thanks__link a:hover {
						text-decoration: none;
					}
				}

/* PC ================================================== */
@media all and (min-width: 769px){

}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#contact {
	padding: 90px 0 calc((100 / 375) * 100vw);
}
			.section__heading {
				width: calc((319.53 / 375) * 100vw);
				height: auto;
				margin: 0 auto 0 calc((10 / 375) * -100vw);
			}
			.contact_form__wrap {
				width: calc((346 / 375) * 100vw);
				padding: calc((24 / 375) * 100vw) calc((20 / 375) * 100vw);
				border-radius: calc((6 / 375) * 100vw);
			}
						.contact_form__list__item:not(:last-of-type) {
							margin: 0 auto calc((20 / 375) * 100vw);
						}
							.contact_form__list__item_heading {
								margin: 0 auto calc((10 / 375) * 100vw);
							}
								.contact_form__list__item_heading label {
									font-size: 18px;
								}
								.contact_form__list__item_heading .mandatory {
									border-radius: 2px;
									top: -3px;
								}
								.contact_form__list__item_inputbox input,
								.contact_form__list__item_inputbox textarea {
									padding: 7px 12px;
									border-radius: 5px;
									font-size: 16px;
								}

					.submit__container {
						display: flex;
						flex-direction: column-reverse;
						justify-content: flex-start;
						align-items: center;
						column-gap: 0;
						row-gap: 15px;
						margin: 40px auto 0;
					}
						.confirm_btn,
						.back_btn,
						.submit_btn {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 300px;
							height: 60px;
							border-radius: 6px;
							outline: none;
							border: none;
							background-color: var(--color--white);
							filter: var(--dropshadow_s);
							font-size: 20px;
							font-weight: 800;
							line-height: 1;
							letter-spacing: -0.05em;
							color: var(--color--tairai_red);
							cursor: pointer;
						}
						.back_btn {
							color: var(--color--black);
						}
					@media (any-hover: hover) {
						.confirm_btn,
						.back_btn,
						.submit_btn {
							transition: .3s;
						}
						.confirm_btn:hover,
						.submit_btn:hover {
							filter: none;
							background-color: var(--color--tairai_red);
							color: var(--color--white);
						}
						.back_btn:hover {
							filter: none;
							background-color: var(--color--gray);
						}
					}
			.thanks__contents {
				width: calc((346 / 375) * 100vw);
			}
				.thanks__txt {
					font-size: 16px;
				}
				.thanks__link {
					margin: 40px auto 0;
					font-size: 16px;
				}
}

/* SP ================================================== */
@media all and (max-width: 575px){

}