@charset "utf-8";

:root {
}

/* モバイル　ALL */
@media screen and (max-width: 425px) {
	:root {

	}
}

/* タブレット */
@media screen and (min-width:426px) and (max-width: 768px) {
	:root {

	}
}

/* ノートパソコン */
@media screen and (min-width:769px) and ( max-width:1024px) {
	:root {

	}
}

/* ノートパソコン L */
@media screen and (min-width:1025px) and ( max-width:1440px) {
	:root {

	}
}

/* 2K以上 */
@media screen and (min-width:1441px) and ( max-width:2560px) {
	:root {

	}
}

/* 4K以上 */
@media screen and (min-width:2561px) {
	:root {

	}
}








/* ーーーーーーーーーーーーーーーーーーーー
お問い合わせ
ーーーーーーーーーーーーーーーーーーーー */


#contact {
	padding: var(--margin_top_L) var(--margin_side_L) var(--margin_bottom_L);
	background: linear-gradient(var(--Color_E080), var(--Color_E080)), url("https://roly-poly.shop/wp-content/uploads/orderflow_02.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	& h2 {
		color: var(--Color_D100);
		& span {
			color: var(--Color_D100);
		}
	}
	& > p {
		padding: 0 0 var(--Size_20);
		text-align: center;
		color: var(--Color_D080);
	}
	& .wpcf7 {
		& form {
			& p {
				& label {
					& span {
						position: relative;
						& input,
						& select,
						& textarea {
							padding: var(--Size_04);
							border: none;
							border-radius: var(--Border-radius_S);
							outline: none;
							appearance: none;
						}
						& input {
						}
						& select {
							padding: var(--Size_04) var(--Size_24) var(--Size_04) var(--Size_04);
						}
						& textarea {
						}
					}
				}
				& input[type=submit] {
					display: flex;
					justify-content: center;
					align-items: center;
					width: var(--Size_42);
					height: var(--Size_16);
					font-size: var(--Size_10);
					color: var(--Color_FF);
					line-height: 1;
					background: var(--Color_C);
					border: none;
					border-radius: var(--Border-radius_L);
					outline: none;
					appearance: none;
					cursor: pointer;
					transition: var(--Transition_04s);
					-o-transition: var(--Transition_04s);
					-moz-transition: var(--Transition_04s);
					-webkit-transition: var(--Transition_04s);
				}
				& input[type=submit]:hover {
					display: flex;
					justify-content: center;
					align-items: center;
					width: var(--Size_42);
					height: var(--Size_16);
					font-size: var(--Size_10);
					color: var(--Color_D);
					line-height: 1;
					background: var(--Color_A);
					border: none;
					border-radius: var(--Border-radius_L);
					outline: none;
					appearance: none;
					cursor: pointer;
				}
			}
			& p:nth-of-type(3) {
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				& label {
					display: flex;
					flex-direction: column;
					align-items: flex-start;
					& span {
						position: relative;
						& input,
						& select,
						& textarea {
						}
						& input {
						}
						& select {
						}
						& textarea {
						}
					}
					& span:after {
						content: '';
						position: absolute;
						top: 5px;
						right: 10px;
						width: 10px;
						height: 10px;
						border-right: 2px solid #333;
						border-bottom: 2px solid #333;
						transform: rotate(45deg);
					}
				}
			}
		}
	}
}