@charset "utf-8";
/*--京entry.css--*/

/*お問い合わせフォーム*/
.contact_form_box{
    margin: 0;
}

    .contact_form_box > .box_inner {
        margin-bottom: 2em;
    }

        .contact_form_box > .box_inner > dl {
            display: flex;
            padding: 0.25em 0;
            margin: 0;
            border-bottom: 1px dotted #bbb;
        }

        .contact_form_box > .box_inner > dl:first-child {
            border-top: 1px dotted #bbb;
        }

            .contact_form_box > .box_inner > dl > dt {
                box-sizing: border-box;
                width: 13em;
                position: relative;
                font-weight: 500;
                background: rgba(191,234,241,0.25);
                padding: 0.5em 3.5em 0.5em 1em;
            }

                .contact_form_box > .box_inner > dl.required > dt:after {
                    content: "必須";
                    display: inline-block;
                    font-weight: normal;
                    background:#c40026;
                    color: #fff;
                    line-height: 1;
                    font-size: 1.2rem;
                    position: absolute;
                    top: 0.6em;
                    right: 1em;
                    padding: 0.3em 0.4em 0.3em;
                }

            .contact_form_box > .box_inner > dl > dd {
                box-sizing: border-box;
                flex: 1;
                padding: 0.5em 1em;
            }

            .contact_form_box > .box_inner > dl > dd ul.radio_list{
                display: flex;
                justify-content: flex-start;
                margin-bottom: 0.5em;
            }

            .contact_form_box > .box_inner > dl > dd ul.radio_list li{
                font-size: 0.9em;
                margin-right: 1em;
            }

            .contact_form_box > .box_inner > dl > dd ul.radio_list li:last-child{
                margin-right: 0;
}

            .contact_form_box > .box_inner > dl > dd ul.radio_list li label{
                margin-bottom: 0;
                font-weight: normal;
            }

            .contact_form_box > .box_inner > dl > dd ul.radio_list li input[type="radio"]{
                margin: 0 4px 0 0;
            }

            .contact_form_box > .box_inner > dl > dd p.important_text{
                margin-top: 0.3em;
                margin-bottom: 0;
                color: #c40026;
                font-size: 0.9em;
            }
            .contact_form_box > .box_inner > dl > dd p.sonta_text{
                margin-top: 1em;
                margin-bottom: 0;
                font-size: 0.9em;
            }

                .contact_form_box > .box_inner > dl > dd .date_inputs dl{
                    margin: 0 0 0.5em 0;
                    padding-bottom: 0.5em;
                    display: flex;
                    border-bottom: 1px dotted #ddd;
                }


                    .contact_form_box > .box_inner > dl > dd .date_inputs dl dt{
                        width: 5em;
                        padding: 0.2em 0 0 0;
                        position: relative;
                        font-weight: normal;
                    }

                    .contact_form_box > .box_inner > dl > dd .date_inputs dl.required dt:after {
                        content: "必須";
                        display: inline-block;
                        font-weight: normal;
                        background:#c40026;
                        color: #fff;
                        line-height: 1;
                        font-size: 1.2rem;
                        position: absolute;
                        top: 0.3em;
                        right: 0.5em;
                        padding: 0.3em 0.4em 0.3em;
                    }

                    .contact_form_box > .box_inner > dl > dd .date_inputs dl dd{
                        flex: 1;
                    }

                    .contact_form_box > .box_inner > dl > dd .date_inputs dl dd select{
                        margin-left: 0.5em;
                    }

.contact_form_box > .box_inner > dl > dd table{
    margin: 0;
    width: 100%;
    line-height: 1.6;
    font-size: 0.92em;
}

    .contact_form_box > .box_inner > dl > dd table th,
    .contact_form_box > .box_inner > dl > dd table td{
        border: 1px solid rgba(0,0,0,0.15);
    }

    .contact_form_box > .box_inner > dl > dd table th{
        font-weight: 500;
        padding: 0.1em 0.3em;
    }

    .contact_form_box > .box_inner > dl > dd table thead th{
        border-top-color: rgba(255,255,255,0);
        font-weight: 500;
    }

    .contact_form_box > .box_inner > dl > dd table tbody th{
        text-align: left;
    }

    .contact_form_box > .box_inner > dl > dd table tbody td{
        text-align: center;
    }

    .contact_form_box > .box_inner > dl > dd table thead tr th:nth-child(1),
    .contact_form_box > .box_inner > dl > dd table tbody tr th:nth-child(1),
    .contact_form_box > .box_inner > dl > dd table tbody tr td:nth-child(1){
        border-left-color: rgba(255,255,255,0);
    }

    .contact_form_box > .box_inner > dl > dd table thead tr th:last-child,
    .contact_form_box > .box_inner > dl > dd table tbody tr td:last-child{
        border-right-color: rgba(255,255,255,0);
    }

    .contact_form_box > .box_inner > dl > dd table tbody tr:last-child th,
    .contact_form_box > .box_inner > dl > dd table tbody tr:last-child td{
        border-bottom-color: rgba(255,255,255,0);
    }

    .contact_form_box > .box_inner > dl > dd table.byoshosu thead th{
        width: 20%;
    }

    .contact_form_box > .box_inner > dl > dd table.shokuinsu thead th{
        width: 22%;
    }

    .contact_form_box > .box_inner > dl > dd table.shokuinsu thead th.c_employ{
        width: auto;
    }


.contact_form_box > .box_inner select{
    padding:0.2em;
    border:1px solid #bbb;
    font-size: 1.05em;
}

.contact_form_box > .box_inner dl dd input[type="text"],
.contact_form_box > .box_inner dl dd input[type="date"],
.contact_form_box > .box_inner dl dd input[type="email"],
.contact_form_box > .box_inner dl dd textarea {
    border: 1px solid #bbb;
    padding: 0.2em;
    box-sizing: border-box;
    font-size: 1.05em;
}

.contact_form_box > .box_inner dl.r_mail dd input[type="text"],
.contact_form_box > .box_inner dl.r_relation dd input[type="text"]{
    width: 100%;
}

.contact_form_box > .box_inner dl.r_name dd input[type="text"],
.contact_form_box > .box_inner dl.r_date dd input[type="text"]{
    width: 15em;
}

.contact_form_box > .box_inner dl.r_tel dd input[type="text"]{
    width: 10em;
}

.contact_form_box > .box_inner dl.r_detail dd textarea {
    width: 100%;
    height: 16em;
    font-size: 1.05em;
}


/*確認画面では非表示*/
.mw_wp_form_confirm .contact_form_box > .box_inner dl.required dt:after{
    content: none;
}

.mw_wp_form_confirm .contact_form_box > .box_inner dl dd .input_email_retype{
    display: none;
}

.contact_form_box > .box_footer{
    display: flex;
    align-items: center;
    justify-content: center;
}

    .contact_form_box > .box_footer .submit_box{
        
    }

    .contact_form_box > .box_footer .submit_box ul{
        display: flex;
        flex-direction: column;
        margin: 0;
    }

        .contact_form_box > .box_footer .submit_box ul li{
            padding: 0;
            margin: 0 0 2em 0;
        }

            .contact_form_box > .box_footer .submit_box ul li:before{
                content: none;
            }

                .contact_form_box > .box_footer .submit_box input[type="submit"]{
                    background: #f66433;
                    color: #fff;
                    font-size: 1.1em;
                    cursor: pointer;
                    transition: .3s all ease;
                    border: 1px solid #fff;
                    box-shadow: 2px 2px 0 0 rgb(0 0 0 / 10%);
                    width: 240px;
                    height: 50px;
                }

                .contact_form_box > .box_footer .submit_box input[type="submit"][name="submitBack"]{
                    background: #eee;
                    color: #555;
                    box-shadow: none;
                    height: 40px;
                }

                .contact_form_box > .box_footer .submit_box input[type="submit"]:hover{
                    opacity:0.8;
                }

                .contact_form_box > .box_footer .submit_box input[type="button"]{
                    background: #f66433;
                    color: #fff;
                    font-size: 1.1em;
                    cursor: pointer;
                    transition: .3s all ease;
                    border: 1px solid #fff;
                    box-shadow: 2px 2px 0 0 rgb(0 0 0 / 10%);
                    width: 240px;
                    height: 50px;
                }

                .contact_form_box > .box_footer .submit_box input[type="button"][name="back_btn"]{
                    background: #eee;
                    color: #555;
                    box-shadow: none;
                    height: 40px;
                }

                .contact_form_box > .box_footer .submit_box input[type="button"]:hover{
                    opacity:0.8;
                }

#captcha_box{
    width:360px;
    margin:30px auto;
    background:#fff;
    padding:20px;
    border:1px solid #3c3c64;
}

#captcha_box .captcha_title{
    font-weight:bold;
    text-align:center;
    border-bottom:1px dotted #aaa;
    padding:0 0 0.3em 0;
    margin-bottom:0.5em;
    font-size:1.1em;
    color:#3c3c64;
}

#captcha_box .captcha_img{
    text-align:center;
}

#captcha_box .captcha_img img{
    margin: 0 auto;
}

#captcha_box .captcha_img a{
    color:#003d84;
    text-decoration:none;
}

#captcha_box .captcha_img a:hover{
    text-decoration:underline;
}

#captcha_box .captcha_img a i.fa{
    margin-right:0.25em;
}

#captcha_box .captcha_txt_input{
    text-align:center;
}

#captcha_box .captcha_txt_input .captcha_input{
    margin-top:0.5em;
}

#captcha_box .captcha_txt_input input[type="text"]{
    border:1px solid #aaa;
    font-size: 1.1em;
    padding: 2px;
    width:10em;
}

.captcha_err_msg{
    color: #b60808;
    display: none;
    font-weight: bold;
}

.captcha_err_msg.show{
    display: block;
    padding-bottom: 0.5em;
}

@media screen and (min-width:1px) and (max-width:1400px) {
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
    .contact_box .box_header h2{
        font-size: 1.5rem;
    }
    
    .contact_box .box_inner{
        width: 85vw;
    }
    
    .contact_box .box_inner .tel_fax .tel{
        width: calc(100vw / 1100 * 320);
    }
    
    .contact_box .box_inner .tel_fax .fax{
        width: calc(100vw / 1100 * 242);
    }
    
    .contact_form_box{
        margin: 0 1em;
    }
    
    /*お問い合わせフォーム*/
    .contact_form_box > .box_inner dl.r_byosho dd input[type="text"],
    .contact_form_box > .box_inner dl.r_shokuin dd input[type="text"]{
        width: 3em;
    }
    
    .contact_form_box > .box_inner > dl > dd table th{
        padding: 0.3em;
    }
    
    .contact_form_box > .box_inner > dl > dd table td{
        padding: 0.3em;
    }
    
}

/* ##########SP横向き########## */
@media screen and (min-width:1px) and (max-width:768px) {
    
    
}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .contact_box .box_inner{
        width: 90vw;
        padding: 1em 0;
    }
    
    .contact_box .box_inner .tel_fax{
        flex-direction: column;
        align-items: center;
    }
    
    .contact_box .box_inner .tel_fax .tel{
        width: 70vw;
        margin: 0 0 1em 0;
    }
    
    .contact_box .box_inner .tel_fax .fax{
        width: calc(70vw / 640 * 484);
        margin: 0;
    }
    
    .contact_box .box_inner .tel_fax dl{
        margin:0 0 1em 0;
    }
    
    .contact_box .box_inner .tel_fax dl.fax{
        margin:0;
    }
    
    .contact_box .box_inner .tel_fax dl dd a{
        color: #0f4b64;
    }
    
    .contact_box .box_inner .contact_link{
        margin: 0 0.5em;
    }
    
    .contact_box .box_inner .contact_link ul{
        gap: 0.5em;
    }
    
    .contact_box .box_inner .contact_link ul li{
    }
    
    .contact_box .box_inner .contact_link ul li a{
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0.3em 0.5em 0.4em 0.5em;
        width: 100%;
        height: 100%;
        line-height: 1.2;
        border-radius: 0.5em;
    }
    
    /*お問い合わせフォーム*/
    .contact_form_box{
        margin:0 0.5em;
    }
    
    .contact_form_box > .box_inner {
        margin-bottom: 1em;
        width: auto;
    }
    .contact_form_box > .box_inner > dl {
        flex-direction: column;
        border-bottom: none;
        padding: 0;
        margin-bottom: 0.5em;
    }
    
    .contact_form_box > .box_inner > dl:first-child{
        border-top: none;
    }
    
    
    .contact_form_box > .box_inner > dl > dt {
        width: auto;
        padding: 0.3em 0.5em;
        display:flex;
        align-items:center;
    }
    
        .contact_form_box > .box_inner > dl.required > dt:after {
            position: relative;
            margin-left:1em;
            padding: 0.2em 0.4em 0.3em;
            top: auto;
            right: auto;
        }
    
    .contact_form_box > .box_inner > dl > dd {
        width: auto;
        padding: 0.5em;
    }
    .contact_form_box > .box_inner select {
        font-size: 1.2em;
    }
    
    .contact_form_box > .box_inner > dl > dd ul.radio_list{
        flex-wrap: wrap;
    }
    
    .contact_form_box > .box_inner dl dd input[type="text"],
    .contact_form_box > .box_inner dl dd input[type="email"],
    .contact_form_box > .box_inner dl dd textarea {
        font-size: 1.2em;
    }
    
    .contact_form_box > .box_inner dl.r_staff dd input[name="yakushoku"]{
        margin-right: 0;
        margin-bottom: 0.5em;
    }
    
    .contact_form_box > .box_inner dl.r_staff dd input[name="name"]{
        width: 100%;
    }
    
    .contact_form_box > .box_inner dl.r_entry_content dd textarea {
        width: 100%;
        font-size: 1.2em;
        height: 10em;
    }
    

    .contact_form_box > .box_inner dl.r_byosho dd input[type="text"],
    .contact_form_box > .box_inner dl.r_shokuin dd input[type="text"]{
        width: 2em;
    }
    
   .contact_tel_fax_box .box_inner{
       flex-direction:column;
       align-items: center;
   }

   .contact_tel_fax_box .box_inner dl{
       margin-bottom:0.3rem;
   }

   .contact_tel_fax_box .box_inner .fax dl{
       margin-bottom:0;
   }

   .contact_tel_fax_box .box_inner dt{
       font-size: 1.35em;
       margin-right: 0.6rem;
   }

   .contact_tel_fax_box .box_inner dd{
       font-size: 2.1em;
   }
    .contact_form_box > .box_footer .submit_box input[type="submit"]{
        width: 60vw;
        height: 12vw;
    }
    
    .contact_form_box > .box_footer .submit_box input[type="submit"][name="submitBack"]{
        height: 10vw;
    }
    
    #captcha_box{
        width:90vw;
        margin:6vw auto;
        padding:5vw;
    }
    
}