

::placeholder{
    color: #ccc;
}

th{
    text-align: left;

}

input{
    background: #F6F6F6;
    border-radius: 8px;
    border: none;
    padding: 16px;
}
.input_inbox{
    margin-bottom: 24px;
}


.input_inbox p{
   line-height: 125%;
   padding-top: 2px;
    }

span.red{
    background:#E60000;
    color: #fff;
    border-radius: 4px;
    font-size: 0.7em;
    padding: 6px 8px;
    margin-left: 8px;
    line-height: 100%;
}

/*
select{
    background: #F6F6F6;
    border: none;
    padding: 24px;
    border-radius: 8px;
}
*/

select {
    background: #F6F6F6 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23212121" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>') no-repeat right 16px center;
    background-size: 16px;
    border: none;
    padding: 24px 42px 24px 24px;
    border-radius: 8px;
    -webkit-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

.birthday{
    display: flex;
    gap:6px;
    align-items:flex-end;
}
.short{
    width: 96px;
    padding: 16px;
}
textarea{
    background: #F6F6F6;
    border-radius: 4px;
    border: none;
    width: 100%;
    padding: 16px;
    max-width: 668px;
}
.privacy .flexbox{
    gap:4px;
}
.checkbox_wrap{
    display: flex;
    align-items: center;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    
}


.checkbox{
    margin-right: 8px;
    width: 24px;
    height: 24px;
}

#check-agree:checked {
 accent-color: #FF9807;
    color: #fff
}


.submit_btn{
    max-width: 280px;
    background: #FF9807;
    color: #ffffff;
    margin: 0 auto;
    text-align: center;
    border-radius: 100px;
}

.submit_btn[disabled]{
    background-color: #cccccc;
    opacity: 0.7;
    cursor: not-allowed;
    transition: all 0.3s ease;
}


.back_link{
    background: none;
    text-decoration:underline;
    font-size: 1em;
    
    }  


@media screen and (min-width: 801px) {

    
    table th,
    table td{
       
    padding-bottom: 24px;
    }
    
    table th{
        width: 28%;
        max-width: 320px;    
    }
     
    /*エントリーフォーム*/
.entryform_box,.privacy{
    border: 1px solid #E4E4E4;
    border-radius: 16px;
    margin-bottom: 40px;
    max-width: 1000px;
}
.entryform_box {
        padding: 48px 56px;
    }   
.privacy{
    padding: 32px 40px;
    }
    
    .input_inbox{
        display: flex;
        align-items: center;
    }
    .input_inbox p{
        width: 200px;
    }
    input{
        width: 100%;
        max-width:670px;
        height: 64px;
    }
    
    
}

.entryform_intern:has(:disabled) {
    opacity: 0.3;
}

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

    table th,
    table td{ 
        display: block;
    }
    table th{
        padding: 0 0 16px 0;
    }
    
    table td{
        margin: 0 auto;
        padding: 0 0 24px 0;
    }
     table td input{
         width: 100%;
    }
    
        .formTable{
        width: 100%;
    }
    
    input[type="text"], select, textarea {
        max-width: 82% !important;
        box-sizing: border-box;
}
    
    .formTable　th, td {
      word-break: break-word;
      white-space: normal;
}
    p.btn_form{
        text-align: center;
        
    }
    p input#submit-form{
        margin: 0 auto;
        width: 100%;
    }
    
}


