@charset "UTF-8";

/*
 * フォーム,ボタン関連
 */


.area form {
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}
.area.area-form {
    background-color: #FFFFFF;
    margin-right: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
.area.area-form form {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding: 15px 20px;
}
.area.area-form .well {
    max-width: 580px;
    margin-right: auto;
    margin-left: auto;
}
.area input[type=button],
.area .btn {
    margin-bottom: 10px;
}

.area input,
.area .btn {
    width: 100%;
    max-width: 620px;
}

.area input[type="checkbox"] {
    width: auto;
    margin-right: 5px;
    margin-top: -1px;
}

/* box-sizingでボタンとレイアウトをそろえる */
.area input[type="email"],
.area input[type="password"] {
    height: 30px;
    display: block;
}
.area input[type="email"],
.area input[type="password"],
.area .btn {
    box-sizing: border-box;
    margin-bottom: 10px;
}
.area.area-form input[type="email"],
.area.area-form input[type="password"],
.area.area-form .btn {
    margin-bottom: 20px;
}

/* ボタンのベース */
.btn-base {
    font-size: 16px;
    border: none;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    height: 48px;
    line-height: 25px;
    margin-bottom: 10px!important;
}
.btn-base .twitter,
.btn-base .facebook {
    height: 25px;
    float: left;
}
.btn-base.login{
    margin-top: 13px;
}

/* ボタンのホバー時 */
.btn-base:hover {
    color: #FFFFFF;
}
.btn-base.bg-deep-gray:hover {
    background-color: #4D4D4D;
}
.btn-base.bg-deep-green:hover {
    background-color: #2A8080;
}
.btn-base.bg-blue:hover {
    background-color: #2F487D;
}
.btn-base.bg-light-blue:hover {
    background-color: #3C99E5;
}
.btn-base.bg-tomato:hover {
    background-color: #E5735C;
}
.inquiry-form input{
   border: 1px solid #c7c5c5;
}
.area .error p{
   color: red;
}
.area textarea{
   width: 100%;
   max-width: 627px;
}
.success_message{
   background-color: #3e9805!important;
}