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

問い合わせ・エントリーフォーム

-----------------*/
.form{
    padding: 0 10%;
    font-weight: 500;
    margin-top: 60px;
}
.form dt,
.form dd{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    box-sizing: border-box;
    font-size: 1.6rem;
}
.form dt{
    padding-bottom: 10px;
}
.form dd{
    padding-bottom: 20px;
}
.form .req{
    background: var(--main-color);
    color: var(--white-color);
    border-radius: 3px;
    font-weight: 500;
    padding: 2px 3px;
    line-height: 1;
    font-size: 90%;
    margin-left: 10px;
}
.page-contact input[type="text"],
.page-contact input[type="email"],
.page-contact input[type="tel"],
.page-contact input[type="date"],
.page-contact input[type="number"],
.page-contact textarea{
    border-radius: 4px;
    padding: 15px 10px;
    line-height: 1;
    background: var(--white-color);
    border: none;
    width: 100%;
    box-sizing: border-box;
    border:solid 1px #d0d0d0;
    font-size: 1.5rem;
}
.page-contact input[type="radio"]{
    margin-bottom: 3px;
    margin-left: 12px;
}
/*
.page-contact input[type="number"]{
    width: 80%;
}
*/
.submitarea{
    text-align: center;
    margin-top: 60px;
    display: flex;
    justify-content: center;
}
.submitarea .btn{
    margin: 0 10px;
}
.wpcf7-spinner{
    display: none;
}
#submit{
   text-align: center;
    cursor: pointer;
    transition: .4s;
}
#back{
    width: 100%;
    max-width: 530px;
    margin: 10px auto 0;
    border: solid #020F3B 1px;
    padding: 15px 0;
    display: block;
    text-align: center;
    font-size: 20px;
    background: none;
    cursor: pointer;
}
.page-confirm .prev{
    color: var(--main-color);
    border:solid 1px var(--main-color);
    background: #fff;
    transition:  .4s;
    cursor: pointer;
}
.page-confirm .prev:hover{
    background:var(--main-color);
    color:var(--white-color);
}
.page-thanks p{
    text-align: center;
    margin-bottom: 15px;
}
.checkbtn{
    text-align: center;
    margin-top: 30px;
    font-size: 1.6rem;
}
.wpcf7-list-item{
    margin: 0;
}
.checkbtn a{
    text-decoration: underline;
}


@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 800px) {
    
}
@media screen and (max-width: 750px) {
    
}
@media screen and (max-width: 425px) {
    .form{
        margin-top: 40px;
        padding: 0;
    }
    
}