@charset "utf-8";
/*--京contact--*/
/* ##########PC########## */
.tel_email{
    background-color: #fff;
    box-shadow: 0px 1px 6px 0px rgba(3, 28, 54, 0.15);
    padding: 3em;
    margin-bottom: 1.5em;
}

    .page_body .tel_email ul{
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 2.25em;
    }

        .page_body .tel_email ul li{
            padding: 0;
            margin: 0;
        }

        .page_body .tel_email ul li::before{
            content: none;
        }

        .page_body .tel_email ul li a{
            display: flex;
            flex-direction: column;
            color: var(--base_color1);
            text-decoration: none;
            position: relative;
            line-height: 1;
            padding-left: 4.5rem;
        }

            .page_body .tel_email ul li a .lbl_item{
                color: #98CDB3;
                font-size: 0.9em;
                margin-bottom: 0.5em;
                position: relative;
            }

            .page_body .tel_email ul li a .lbl_value{
                font-size: 1.6em;
                font-weight: 500;
                position: relative;
            }

            .page_body .tel_email ul li a::before{
                content: "";
                width: 3.625rem;
                aspect-ratio: 1 / 1;
                background-repeat: no-repeat;
                background-size: contain;
                position: absolute;
                top: -0.2em;
                left: 0;
            }

            .page_body .tel_email ul li.tel a::before{
                background-image: url(../shared/tel.svg);
            }

            .page_body .tel_email ul li.email a::before{
                background-image: url(../shared/mail.svg);
            }


.page_body .contact_links{
    display: flex;
    gap: 1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

    .page_body .contact_links li{
        margin: 0;
        padding: 0;
        width: calc((100% - 1em) / 2);
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .page_body .contact_links li::before{
        width: 0;
        height: 3em;
        background: none;
        border-left: 1px solid #98CDB3;
        top: 0;
        left: -1px;
    }

        .page_body .contact_links li a{
            display: block;
            color: var(--base_color1);
            text-decoration: none;
            padding: 1em 3em 1em 1em;
            position: relative;
            transition: .3s all ease;
        }

        .page_body .contact_links li a:hover{
            opacity: 0.8;
        }

        .page_body .contact_links li a::after{
            font-family: FontAwesome;
            content:"\f08e";
            position: absolute;
            top: 1em;
            right: 1em;
        }


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

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){


}

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

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:479px) {
    .tel_email{
        padding: 1.5em 1em;
    }

    .page_body .tel_email ul li a{
        padding-left: 3.75rem;
    }

    .page_body .tel_email ul li a::before{
        width: 3rem;
    }

    .page_body .tel_email ul li a .lbl_value{
        font-size: 1.4em;
    }

    .page_body .contact_links{
        flex-direction: column;
    }

    .page_body .contact_links li{
        width: 100%;
    }


}


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

}