@charset "utf-8";

/* ============================================================
 * form
 * ============================================================ */
.c-font--primary {
	color: var(--wp--preset--color--vintage-primary);
}

.js_modal__open,
.js_modal__boxSize__open {
	color: var(--wp--preset--color--vintage-primary);
}

.s-modal__boxSize .slick-dots .slick-active {
	background: var(--wp--preset--color--vintage-primary);
	border: 1px solid var(--wp--preset--color--vintage-primary);
}

#commonNotice {
	border: 2px solid var(--wp--preset--color--vintage-primary);
}

#commonNotice .noticeText h3 {
	color: var(--wp--preset--color--vintage-primary);
}

#commonNotice .noticeText .heading .showBtn {
	background: var(--wp--preset--color--vintage-primary);
}

#commonNotice .noticeText .heading .showBtn:hover {
	background: var(--wp--preset--color--vintage-primary);
}

i.spriteIcons {
	filter: brightness(0) saturate(100%) invert(10%) sepia(38%) saturate(6998%) hue-rotate(355deg) brightness(100%) contrast(118%);
}

.underLine {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #f7d988));
	background: linear-gradient(transparent 70%, #f7d988 0%);
}

.orderBtn {
	background: #7F0000;
	-webkit-box-shadow: 0 6px 0 0 #4e0000;
	box-shadow: 0 6px 0 0 #4e0000;
}

.orderBtn:hover {
	background: #4e0000;
	-webkit-box-shadow: 0 2px 0 0 #300f0f;
	box-shadow: 0 2px 0 0 #300f0f;
}

.orderBtn i.material-icons {
	color: #7F0000;
}

.form-wrap {
	border: 6px solid var(--wp--preset--color--vintage-primary);
}

.form__lead {
	background: var(--wp--preset--color--vintage-primary);
}

.form__lead::after {
	border-top: 8px solid var(--wp--preset--color--vintage-primary);
}

.form__heading::before {
	background: var(--wp--preset--color--vintage-primary);
}

.form__button.current,
.form__button--radio[type="radio"]:checked+.form__button {
	background: var(--wp--preset--color--vintage-primary);
	-webkit-box-shadow: 0 2px 0 0 #460d16;
	box-shadow: 0 2px 0 0 #460d16;
}

.form__button.current:hover,
.form__button--radio[type="radio"]:checked+.form__button:hover {
	-webkit-box-shadow: 0 2px 0 0 #460d16;
	box-shadow: 0 2px 0 0 #460d16;
}

.form__button.current::after,
.form__button--radio[type="radio"]:checked+.form__button::after {
	border-bottom: 3px solid var(--wp--preset--color--vintage-primary);
	border-right: 3px solid var(--wp--preset--color--vintage-primary);
}

.form__button--link.main {
	color: var(--wp--preset--color--vintage-primary);
	border-color: var(--wp--preset--color--vintage-primary);
}

.form__button--link.main::before {
	background: var(--wp--preset--color--vintage-primary);
}

.form__button--link.main:hover {
	background: var(--wp--preset--color--vintage-primary);
}

.form__button--link.main:hover::after {
	border-top: 2px solid var(--wp--preset--color--vintage-primary);
	border-right: 2px solid var(--wp--preset--color--vintage-primary);
}

.form__cargo-select .form__label::after,
.form__contact-select .form__label::after {
	background: var(--wp--preset--color--vintage-primary);
}

.form input.form__input:focus {
	border-bottom: 1px solid var(--wp--preset--color--vintage-primary);
}

.form__error {
	color: var(--wp--preset--color--vintage-primary);
}

.form .mypage-wrap .mypage__title {
	background: var(--wp--preset--color--vintage-primary);
}

.form .mypage-wrap .mypage__content {
	border: 3px solid var(--wp--preset--color--vintage-primary);
	border-top: none;
}

@media (max-width: 768px) {
	.orderBtn {
		-webkit-box-shadow: 0 4px 0 0 #460d16;
		box-shadow: 0 4px 0 0 #460d16;
	}

	.orderBtn:hover {
		-webkit-box-shadow: 0 2px 0 0 #460d16;
		box-shadow: 0 2px 0 0 #460d16;
	}

	.form-wrap {
		border: 3px solid var(--wp--preset--color--vintage-primary);
	}

	.form__button.current,
	.form__button--radio[type="radio"]:checked+.form__button {
		-webkit-box-shadow: 0 2px 0 0 #460d16;
		box-shadow: 0 2px 0 0 #460d16;
	}

	#commonNotice .noticeText h3 {
		color: var(--wp--preset--color--vintage-primary);
	}
}

@media screen and (max-width: 991px) and (min-width: 769px) {
	#commonNotice .noticeText h3 {
		color: var(--wp--preset--color--vintage-primary);
	}
}