@charset "utf-8";
/* AIチャットボット（トップ用デザイン） */
#chatbot { position: fixed; right: 0; bottom: 55px; z-index: 2;}

/* AIチャットボット */
#chatbot button {
    margin: 0;
    border-radius: 4px 0 0 4px;}

@media screen and (max-width:699px){
    #chatbot {
        right: 0; bottom: 0;
        width: 100%; height: 50px; padding: 0;}

    #chatbot button,
    #chatbot button:hover { background-image: none;}

    #chatbot button {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%; height: 50px;
        border-radius: 0;
        background-color: #004885;
        text-align: center;}

    #chatbot button::before { display: none;}

    #chatbot span {
        display: inline-block; position: relative;
        padding: 0 22px 0 90px;
        color: #fff; font-weight: bold; line-height: 1.0em;}

    #chatbot span::before {
        content: '';
        display: block; position: absolute; top: 50%; left: 0;
        width: 79px; height: 35px;
        background: url("../../zz/common/chatbot_wh.webp");
        background-size: auto 100%;
        transform: translateY(-50%);}

    #chatbot span::after {
        content: '';
        display: inline-block; position: absolute; top: 2px; right: 0;
        width: 10px; height: 10px;
        border: solid #fff; border-width: 3px 3px 0 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);}

    footer { margin-bottom: 50px;}
}

/* LastUp2026.09.25_kimata */