@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
  form
-----------------------------------------------*/
#form {
padding: 4%;
font-family: "Kiwi Maru", sans-serif;
font-weight: 500;
background: rgba(255,255,255,0.7);
}
#form .comment {

color: var(--green);
}
#form dl {
margin-top: 1em;
}
#form dt {
font-weight: 500;
}
#form dd {
margin-top: 0.5em;
}
#form .horizon {
display: flex;
}
#form .horizon li:not(:first-child) {
margin-left: 2em;
}
#form .note {
padding-left: 1em;
text-indent: -1em;
}

/* select */
select {
padding: 0.5em;
background: #FFF;
border: 1px solid #999;
border-radius: 0.2em;
}
/* textarea */
textarea {
width:100%;
height: 15em;
padding: 0.5em;
background: #FFF;
border: 1px solid #999;
border-radius: 0.2em;
box-sizing: border-box;
}
/* text */
[type=text],
[type=tel],
[type=email] {
width:100%;
padding: 0.5em;
background: #FFF;
border: 1px solid #999;
border-radius: 0.2em;
box-sizing: border-box;
}
/* submit */
[type=submit] {
display: block;
width: 100%;
max-width: 16em;
margin: auto;
padding: 1em;
text-align: center;
color: #FFF;
background: var(--green);
border: 1px solid var(--green);
border-radius: 3em;
cursor: pointer;
transition: 0.2s;
}
[type=submit].modify {
background: #555;
}
[type=submit]:hover {
opacity: 0.8;
}

/* checkbox */
/* radio */
[type="checkbox"],
[type="radio"] {
display: none;
}
#form .checkbox,
#form .radio {
display: flex;
}
#form .checkbox .wpcf7-list-item,
#form .radio .wpcf7-list-item {
margin: 0 1em 0 0;
}
#form .checkbox .wpcf7-list-item-label,
#form .radio .wpcf7-list-item-label {
position: relative;
padding-left: 1.75em;
cursor: pointer;
}
#form .checkbox .wpcf7-list-item-label:before,
#form .radio .wpcf7-list-item-label:before {
content: '';
display: inline-block;
width: 1.2em;
height: 1.2em;
position: absolute;
top: 0.2em;
left: 0;
vertical-align: middle;
cursor: pointer;
text-align: center;
background: #FFF;
border-radius: 100%;
border: 1px solid #888888;
transition: 0.25s;
}
#form .checkbox input:checked + .wpcf7-list-item-label::before,
#form .radio input:checked + .wpcf7-list-item-label::before {
background: #00A5A5;
box-shadow: inset 0 0 0 2px #FFF;
}