@charset "utf-8";
/* CSS Document */

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

フォーム

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

textarea{
    font-size: 1.6rem;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="color"],
input[type="time"],
input[type="search"],
input[type="datetime-local"]{
    min-height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
input[type="file"]{
    font-size: 14px;
}
.form{
    width: 100%;
    table-layout: fixed;	/*IEバグ対策 */
    background-color: rgba(255, 255, 255, 0.52);
}

@media (max-width: 767px){
    .form{
        margin-bottom: 1.65em;
    }
}
.form th,
.form td{
    padding: 10px 20px;
    text-align: left;
    vertical-align: middle;
    word-wrap: break-word;
}
.form th{
    width: 200px;
}
.form th.min{
    width: 100px;
}
.form th.red{
    color: #000;
    background-color: #ffe1e4;
}
.form td.red{
    overflow: hidden;
    background-color: #fff4f5;
}

@media (max-width: 1023px){
    .form th,
    .form td{
        display: block;
        width: 100%;
        margin-top: -1px;
        padding: 1em;
    }
    .form th{
        padding: 1em;
        border-bottom: 0;
    }
    .form td{
        padding: 0 1em 1em 1em;
    }
    .form td .width-50{
        width: 50%;
    }
}
.form ul{
    margin: 0;
}
.form .list-flat li{
    margin: 0 0 1em;
}
.form .list-flat li:last-child{
    margin: 0;
}
.btn-area{
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 767px){
    .btn-area .button{
        display: block;
        width: 100%;
        margin-bottom: 1em;
    }
}
label,
select{
    max-width: 100%;
    cursor: pointer;
}
input[type="submit"],
input[type="reset"],
input[type="button"]{
    width: auto;

    -webkit-appearance: button;
}

@media (max-width: 767px){
    input[type="submit"],
    input[type="reset"],
    input[type="button"]{
        width: 100%;
    }
}
input[type="submit"].btn.send{
    width: 40%;
}
input[type="submit"].btn.back,
.popup-modal-dismiss{
    background: #727272;
}
.popup-modal-dismiss{
    margin-right: 1em;
}

@media (max-width: 767px){
    input[type="submit"].btn.send{
        width: 100%;
    }
    input[type="submit"].btn.back{
        margin-bottom: 1em;
    }
    .popup-modal-dismiss{
        margin-bottom: 1em;
    }
}
th .req{
    font-size: 18px;
}
td .req{
    font-size: 14px;
}
form,
.form-item{
    margin-bottom: 0;
}
.form-list input,
.form-list select{
    display: inline-block;
}

@media only screen and (max-width: 767px){
    .w10,
    .w15{
        width: 33%;
    }
    .w20{
        width: 50%;
    }
}
.thanks-text{
    padding: 50px;
    padding-bottom: 50px;
}
/*------------------------

入力内容確認ページ

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

.error{
    margin: 0 0 10px;
    padding: 1.25em;
    border: 2px solid #f36;
}
.error li{
    list-style: none;
    color: #f36;
}
.error li:before{
    margin-right: 0.35em;
    content: "\f071";
    font-family: "FontAwesome";
}
/*------------------------

撮影に協力して欲しい(ロケーション支援に関する依頼フォーム)

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

.table-title{
    padding: 10px;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #e8e8e8;
    background-color: #282a2f;
}
.table-title{
    font-size: 18px;
    font-weight: 600;
}
.table-title span{
    display: block;
    padding-top: 5px;
    font-size: 13px;
    font-weight: normal;
}
.day input,
.day span,
.people input,
.people span{
    display: inline-block;
}

@media only screen and (max-width: 767px){
    input.w10{
        width: 30% !important;
    }
    .day input.w20{
        width: 20% !important;
    }
    .people input.w20{
        width: 30% !important;
    }
}
.people span{
    margin: 0 10px;
}
.table-sub-title{
    padding: 10px;
    text-align: center;
    color: #282a2f;
    border-bottom: 1px solid #e8e8e8;
    background-color: #babfc5;
    font-size: 16px;
    font-weight: 600;
}
.table-sub-title-red{
    padding: 10px;
    text-align: center;
    color: #f03c69;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f1dce1;
    font-size: 16px;
    font-weight: 600;
}
.request_form-page .hotel .form-checkboxes label.checkbox{
    display: inline-block;
    margin-right: 0;
    margin-left: 10px;
}
.hotel input{
    display: inline-block;
}
.hotel span{
    margin: 0 10px;
}
/*------------------------

映像関連企業ダイレクトリー登録フォーム

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


.directly_form-page .form-item.form-checkboxes{
    margin: 10px 0;
}

@media only screen and (max-width: 767px){
    th.min{
        color: #66686b;
        font-size: 14px;
        font-weight: 400;
    }
    td.sp_border_none{
        padding-bottom: 0;
        border: 0;
    }
}
/*------------------------

ボランティアエキストラに登録

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

.birth-day select,
.birth-day input{
    margin-left: 20px;
}

@media only screen and (max-width: 767px){
    .birth-day input{
        margin-bottom: 10px;
    }
}
.extra_form-page .info{
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    line-height: 1.8;
}

@media only screen and (max-width: 767px){
    .extra_form-page .info br{
        display: block;
    }
}
.extra_form-page .info .title{
    padding-bottom: 10px;
    border-bottom: 1px solid #ebeef2;
    font-size: 16px;
    font-weight: 600;
}

@media only screen and (max-width: 767px){
    .extra_form-page .info .title{
        font-size: 14px;
    }
}
.extra_form-page .info .sub-title{
    margin-bottom: 0;
    padding-top: 10px;
    color: #131313;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
}
/*------------------------

撮影に協力できる施設を登録

------------------------*/
.facility_form-page .lead{
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    line-height: 1.8;
}

.facility_form01 .form-checkboxes label.checkbox{
    width: 48%;
}

.facility_form01 .form-checkboxes label.checkbox {
    margin-right: 1%;
}

@media only screen and (max-width: 767px){
    .facility_form-page .form-checkboxes label.checkbox{
        width: 100%;
    }
}

.facility_form-page .form th{
    width: 250px;
}