@charset "UTF-8";
/* 一時調整用 CSS Document */




#form {
    --input-txtcolor: var(--color-txt);
    --input-bgcolor: #fff;
    --input-bgcolor-wrote: #eee;
    --input-border: 1px solid #d9d9d9;
    --input-border-radius: var(--radius-6);
    --input-boxshadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.04) inset;
    --input-boxshadow-focus: 4px 4px 6px 0px rgba(0, 0, 0, 0.12) inset;
    --input-transition: box-shadow 0.3s ease-out 0s, background-color 0.3s ease-out 0s;
    --input-fz: 16px;
    --input-letter-spacing: 0.05em;
    --input-line-height: 1.4;
    --input-padding: 0.4em 0.8em 0.4em;
    --textarea-caution: var(--color-caution);
    --checked-bgcolor: var(--input-txtcolor);
    --input-placeholder: #c5c5c5;
}


#form input[type=text], #form input[type=password], #form input[type=email], #form input[type=tel], #form textarea {
	width: 100%;
	margin-bottom:20px;
	color: var(--input-txtcolor);
	background-color: var(--input-bgcolor);
	border: var(--input-border);
	border-radius: var(--input-border-radius);
	box-shadow: var(--input-boxshadow);
	transition: var(--input-transition);
	font-size: var(--input-fz);
	letter-spacing: var(--input-letter-spacing);
	line-height: var(--input-line-height);
	padding: var(--input-padding);
}

#form select {
    display: inline-flex;
    align-items: center;
    position: relative;
}

#form select::after {
    content: "";
    position: absolute;
    top: 18px;
    right: 36px;
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
}

#form select {
    min-width: 230px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

#form input[type=submit],#form input[type=reset],#form input[type=button] {
		margin-top:20px;
		margin-left:10px;
		min-width: 200px;
		font-size:20px !important;
    text-align: center;
    color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(0.25rem, 0.029375rem + 0.98vw, 0.5rem);
    height: clamp(2.5rem, 1.6175rem + 3.922vw, 3.5rem);
    border-radius: var(--radius-6);
    border: 1px solid var(--color-bdr);
    background: var(--grd-yellow);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    transition-property: opacity, color, filter, box-shadow;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    transition-delay: 0s;
		display: inline;
}

#form input[type=submit]:Hover,#form input[type=reset]:Hover {
	cursor: pointer;
}

#form input[type=reset],#form input[type=button] {
    color: var(--color-navy);
    background: var(--grd-snow);
}