#bottom-contact {
    display:none;
}

:is(#tel, .form) h2 {
    font-size:1.4em;
    text-align:center;
}
#tel .buttons {
    margin-top:40px;
}
#tel .buttons .button {
	display:block;
	background:var(--color-white);
	color:var(--color-black);
	border:solid 3px var(--color-pink);
	box-shadow:0 6px 0 var(--color-pink);
    width:600px;
    padding:30px 0 10px 0;
}
#tel .buttons .button img {
	max-width:70%;
}
#tel .buttons .button small {
	font-size:1em;
	display:block;
	margin:0;
    padding-top:5px;
}

.form {
    background:var(--color-lightgreen);
}

.form dl {
    padding:60px 0;
}

.form dd {
    margin-top:5px;
}
.form dd + dt {
    margin-top:40px;
}

form dd[data-form-name="contact_ctg"] + dt ,
form dd[data-form-name="contact_ctg"] + dt + dd {
    display:none;
}
form dd[data-form-name="contact_ctg"] + dt.open ,
form dd[data-form-name="contact_ctg"] + dt.open + dd {
    display:block;
}

#contact select {
    max-width:100%;
}

.flex input {
    height:100%;
}

.form dd > input:not([name="address"]) {
    max-width:50%;
}

.form dd :is(table, tr, th, td) {
    border:none;
}

main form :is(input, textarea, select, .privacy-policy) {
	border-radius:8px;
}
.form dd p + :is(input, textarea, select) {
    margin-top:10px;
}

.not-null {
    display: inline-block;
    margin-left: 10px;
    background: var(--color-red);
    color: var(--color-white);
    line-height: 1em;
    padding: 4px 5px;
    font-size: 0.8em;
    border-radius:3px;
}

.half-width {
    width:50%;
}
.form dd > input.half-width {
    width:20%;
}

form textarea {
    max-width:100%;
}

.message {
    color:var(--color-red);
    border:solid 1px var(--color-red);
    padding:var(--padding);
    border-radius:var(--radius);
    font-weight:bold;
}
.form dd em {
    display:block;
    font-style:normal;
    color:var(--color-white);
    background:var(--color-red);
    padding:5px 10px;
    margin-top:16px;
    border-radius:8px;
}
.form dd em::before {
    content:'';
    width:20px;
    height:15px;
    clip-path: polygon(50% 0,100% 100%, 0 100%);
    position:absolute;
    top:-14px;
    left:10%;
    background:var(--color-red);
}

.form dd label + label {
    margin-left:20px;
}
.form dd table {
    background:none;
}
.form dd table td {
    padding:0 20px 20px 0;
    background:none;
}

:is(.form-back, .form-send) {
    width:49%;
    min-width:260px;
    display:inline-block;
    margin:0;
}
:is(.form-back, .form-send) dt {
    display:none;
}
.form :is(.form-back, .form-send) dl.form {
    padding:0;
}

main .form .privacy-policy {
    display:none;
}
main form .privacy-policy {
    display:block !important;
    max-height:200px;
    border:solid 1px var(--color-outline);
    background:var(--color-white);
    padding:var(--padding);
    overflow-y:scroll;
    margin:0;
    margin-bottom:10px;
}
.privacy-policy h3 {
    font-size:1.2em;
}

#contact form dl dd:last-of-type {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:var(--padding);
}
main .form button {
    font-family: "Noto Sans JP", sans-serif;
}
main .form .back-button {
	background:var(--color-lightgray);
}

main .property-select {
    border:solid 1px var(--color-black);
    border-radius:var(--radius-inner);
    padding:var(--padding);
}
main .property-select h2 {
    font-size:1.4em;
    font-family: "Noto Sans JP", sans-serif;
    font-weight:600;
}
#contact.confirm > .form > :is(dt:first-of-type, dd:first-of-type) {
    display:none;
}


/* Media Query */
@media (max-width:920px ) {

}
@media (max-width:720px ){

}
@media (max-width:520px ){
    .form dd > input ,
    .form dd > textarea {
        max-width:100%;
    }

    .half-width {
        width:50%;
    }
    .form dd > input.half-width {
        width:50%;
    }

    :is(.form-back, .form-send) {
        width:100%;
        display:block;
    }
}