@charset "utf-8";
/*--京inquiry.css--*/
/* ##########PC########## */
/*メールフォーム*/
.contact_form_box{}

    .contact_form_box > .box_header p.required_msg{
        color: #c40026;
        font-weight: 500;
    }

        .contact_form_box > .box_header p.required_msg::before{
            content: "※";
            margin-right: 0.2em;
        }

    .contact_form_box > .box_inner{
        margin: 0 5em;
        padding: 2em;
        background: #fafafa;
        border-radius: 0.5rem;
    }

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

    .contact_form_box > .box_inner .input_box > dl{
        display: flex;
        gap: 1.5em;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        padding: 1em;
        line-height: 1.5;
    }

    .contact_form_box > .box_inner .input_box > dl:first-child{
        border-top: 1px solid rgba(0,0,0,0.1);
    }

        .contact_form_box > .box_inner .input_box > dl > dt{
            width: 8em;
            font-weight: 500;
        }

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

        .contact_form_box > .box_inner .input_box > dl > dd input[type="text"],
        .contact_form_box > .box_inner .input_box > dl > dd input[type="email"],
        .contact_form_box > .box_inner .input_box > dl > dd textarea{
            box-sizing: border-box;
            font-size: 1em;
            border: 1px solid #bbb;
            padding: 0.3em 0.5em;
            width: 100%;
            border-radius: 0.25rem;
        }

        .contact_form_box > .box_inner .input_box > dl > dd p{
            margin-bottom: 0.5em;
        }

        .contact_form_box > .box_inner .input_box > dl > dd .captcha{
            margin: 0;
            display: flex;
            align-items: center;
            gap: 1em;
        }

        .contact_form_box > .box_inner .input_box > dl > dd .captcha li{
            margin: 0;
            padding: 0;
        }

        .contact_form_box > .box_inner .input_box > dl > dd .captcha li::before{
            content: none;
        }

        .contact_form_box > .box_inner .input_box > dl > dd .captcha li input[type="text"]{
            width: 5em;
        }

    .contact_form_box > .box_inner .submit_box{
        display: flex;
        justify-content: center;
    }

        .contact_form_box > .box_inner .submit_box .submit_btn{
            position: relative;
        }

            .contact_form_box > .box_inner .submit_box input[type="submit"]{
                background: #0f228b;
                color: #fff;
                border-radius: 0.25rem;
                font-size: 1.1em;
                font-weight: 500;
                padding: 0.5em 1em 0.4em 1.5em;
                position: relative;
                letter-spacing: 0.5em;
                transition: .3s all ease;
            }

            .contact_form_box > .box_inner .submit_box input[type="submit"]:hover{
                filter: brightness(1.2);
            }

            .contact_form_box > .box_inner .submit_box .submit_btn .wpcf7-spinner{
                position: absolute;
                top: 0;
                right: -2rem;
                margin: 0;
            }

.contents.inquiry.index h5:has(+ .detail){
    cursor: pointer;
}

    .contents.inquiry.index h5:has(+ .detail):hover{
        text-decoration: underline;
    }

    .contents.inquiry.index h5:has(+ .detail)::after{
        font-family: FontAwesome;
        content:"\f0fe";
        font-size: 0.9em;
        font-weight: normal;
        color: #888;
        margin-left: 0.5em;
        display: inline-block;
        text-decoration: none;
    }

    .contents.inquiry.index h5:has(+ .detail).open::after{
        content:"\f146";
    }

.contents.inquiry.index .detail{
    display: none;
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-bottom: 2px solid rgba(255, 255, 255,0);
}

.contents.inquiry.index .detail.show{
    animation: flash-bg 1s ease forwards;
}

@keyframes flash-bg {
  0%   { border-bottom-color: transparent; }
  50%  { border-bottom-color: rgba(215, 20, 125,0.7); }
  100%   { background-color: transparent; }
}
        

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

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
    .contact_form_box > .box_inner{
        margin: 0 3em;
    }

}

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

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:575px) {
    .contact_form_box > .box_inner{
        margin: 0;
        padding: 1em;
    }

    .contact_form_box > .box_inner .input_box > dl{
        flex-direction: column;
        gap: 0.2em;
        padding: 0.7em 0.5em;
    }

        .contact_form_box > .box_inner .input_box > dl > dt{
            width: auto;
        }

}


/* ##########印刷用########## */
@media print{

}