@charset 'UTF-8';



/*-----------------------

 フォーム

-----------------------*/

button {

cursor: pointer;

font-family: inherit;

font-size: inherit;

background-color: transparent;

border: 0;

}

input,

select,

textarea {

display: block;

font-family: inherit;

font-size: inherit;

border: 1px solid #a2a2a2;

border-radius: 5px;

}

input[type="text"],

input[type="button"],

input[type="submit"],

input[type="image"],

textarea {

-webkit-appearance: none;

}

input[type="text"],

input[type="button"],

input[type="password"],

input[type="date"],

input[type="email"],

select,

textarea {

width: 100%;

padding: 13px;

background-color: #fff;

}

input[type="text"],

input[type="button"],

input[type="password"],

input[type="date"],

input[type="email"],

textarea {

-webkit-appearance: none;

}

input[type="file"] {

-webkit-appearance: none;

background-color: transparent;

}

input[type="checkbox"],

input[type="radio"] {

display: inline-block;

margin-left: 2px;

margin-right: 0.5em;

transform: scale(1.3);

}

.select {

position: relative;

display: inline-block;

}

.select::before {

z-index: 1;

position: absolute;

content: "";

width: 8px;

height: 8px;

top: 18px;

right: 23px;

border-bottom: 2px solid #888;

border-right: 2px solid #888;

-webkit-transform: rotate(45deg);

transform: rotate(45deg);

}

textarea {

width: 100%;

height: 250px;

}

input[type="reset"],
.layout .sp_filterbtn a,
input[type="submit"] {

-webkit-appearance: none;

cursor: pointer;

cursor: hand;

width: 260px;

letter-spacing: 1px;

color: #fff;

}

.layout .sp_filterbtn a,
.submit input {

display:flex;

justify-content: center;

align-items: center;

height: 50px;

margin: auto;

font-size: 1.6rem;

text-align: center;

letter-spacing: 2px;

background-color: #a2a2a2;

border: 2px solid #a2a2a2;

border-radius: 6px;

}

.form_return input {

cursor: pointer;

font-size: 1.6rem;

text-align: center;

background-color: #ccc;

border-color: #ccc;

}

input[type="text"]:focus,

input[type="password"]:focus,

input[type="date"]:focus,

input[type="email"]:focus,

textarea:focus {

background-color: #faffd7;

}

input[readonly="readonly"]:focus {

background-color: #fff !important;

}

.layout .sp_filterbtn a:hover,
.submit input:hover {
opacity: 1;
background-color: #888;

border-color: #888;

}

.conf_submit {

display: flex;

justify-content: center;

margin: 0 -10px;

}

.conf_submit>div {

margin: 0 10px;

width: 260px;

}

.form_return input:hover {

background-color: #fff;

border-color: #000;

}

@media (max-width:767px) {

  input[type="text"],

  input[type="button"],

  input[type="password"],

  input[type="date"],

  input[type="email"],

  select,

  textarea {

  padding: 10px;

  }

  textarea {

  height: 200px;

  }

  input[type="reset"],

  input[type="submit"] {

  width: 100%;

  font-size: 1.5rem;

  }

  .sp_filterbtn a,
  .submit input {

  height: 50px;

  }

  .form_return input {

  width: 100%;

  }

}