@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------
   form setting
------------------------------------------------------- */

input[type="text"],
input[type="tel"],
input[type="reset"],
input[type="submit"],
select,
textarea{
  -webkit-appearance: none;
  appearance: none;
}

input,
select,
textarea{
  border: 1px solid var(--gray-color);
  border-radius: 0px;
}
select {
    padding: 0.7rem 3.5rem 0.7rem 0.7rem;
    width: 100%;
    color: var(--black-color);
    background: #fff url("../img/common/arrow005_2.svg") no-repeat right 1rem center;
    background-size: 15px;
    font-family: inherit;
    font-size: 1rem;
}
 
input[type="text"].txt {
    padding: 1rem;
    font-size: 1rem;
    width: 100%;
}
input[type="checkbox"] {
  transform: scale(1.5);
  margin: 0 6px 0 0;
  -webkit-appearance: checkbox;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"] {
	font-size: 1rem;
	width: 100%;
    padding: 1rem;
}
input[type="date"] {
	width: 10rem;
    font-family: inherit;
    font-size: 1rem;
}
input[type="radio"] {
    margin-right: 0.5rem;
}
input[type="reset"],
input[type="submit"],
button{
	border: none;
	background: none;
    cursor:pointer;
}
textarea{
    width: 100%;
    padding: 0.5rem;
    font-family: inherit;
}

.required{
    color: #AA0003;
    margin: 0 0 0 1rem;
}


input.back,
input.send {
	display: inline-block;
	position:relative;
	cursor:pointer;
	color:#fff;
    padding: 1rem 3rem;
	transition:500ms ease all;
    margin: 0 1rem;
    font-size: 1.2rem;
}

input.back:hover,
input.send:hover {
    background: #fff;
}

input.back{background: var(--gray-color4);border-top: 1px solid var(--gray-color4);border-bottom: 1px solid var(--gray-color4);}
input.send{background: var(--main-color);border-top: 1px solid var(--main-color);border-bottom: 1px solid var(--main-color);}

input.back:hover{color: var(--gray-color4);}
input.send:hover{color: var(--main-color);}

@media screen and (max-width: 959px){
    input[type="radio"]{
        -webkit-appearance: radio;
    }
    
    input.back, input.send {
        font-size: 100%;
    }
}
