@charset "UTF-8";
/*===========================================

contact

===========================================*/
.contact_form{
    width: 60%;
    margin: 5% auto;
}
@media (max-width: 959px) {
.contact_form{
    width: 90%;
    margin: 5% auto;
}
}

@media (max-width: 559px){

}



/*
確認ページ
*/
.contact-page-lead{
    font-size: 1.2rem;
    letter-spacing: .1em;
    line-height: 2em;
    margin-bottom: 3em;
}


.contact-errer-txt{
    font-size: 1.4rem;
    letter-spacing: .1em;
    line-height: 2em;
    margin-bottom: 3em;  
}

table.func_table{
    width: 100%;
    margin: 2em auto 3em;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    line-height: 2em;
}

.func_table th, .func_table td{
    padding: 1.5em; 
    border-bottom: 2px #e6e4d4 solid;
    
}

.func_table th{

    width: 20%; 
    text-align: left;
    font-size: 0.85em;

}




/*
ボタン
*/
#button-blue{
    float:left;
    width: 100%;
    border: #fbfbfb solid 4px;
    cursor:pointer;
    background-color: #2b365d;
    color:#fff;
    font-size:24px;
    padding-top:22px;
    padding-bottom:22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
#button-blue:hover{
    background-color: rgba(0,0,0,0);
    color: #2b365d;
}
#button-blue2{
    float:left;
    width: 100%;
    border: #fbfbfb solid 4px;
    cursor:pointer;
    background-color: #1d1d1d;
    color:#fff;
    font-size:24px;
    padding-top:22px;
    padding-bottom:22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
#button-blue2:hover{
    background-color: rgba(0,0,0,0);
    color: #1d1d1d;
}
.back:hover {
    color: #1d1d1d;
}
    
.ease {
    width: 0px;
    height: 74px;
    background-color: #fbfbfb;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    -ms-transition: .3s ease;
    transition: .3s ease;
}

.submit:hover .ease{
  width:100%;
  background-color:#fff;
}

.back:hover .ease{
  width:100%;
  background-color:white;
}