@charset "UTF-8";

:root {
    --W: #FFF;
    --BK: #222;
    --deepBL: #13A2C3;
    --vividBL: #12BCD4;
    --lightBL: #E4F9FC;
    --shadow: 0 2px 4px rgba(14, 20, 30, 0.05);
    --b-r: 10px;
}

body {
    font-family: 'Rubik', 'Noto Sans JP', sans-serif;
    margin: 0 auto 100px;
    max-width: 600px;
    background-color: var(--lightBL);
    color: var(--BK);
    font-size: 16px;
}

.-bl{
    color: var(--deepBL);
}

.-small{
    font-size: .8rem;
}

.btn {
    display: block;
    margin: 0 auto;
    width: 90%;
    background-color: var(--vividBL);
    color: var(--W);
    padding: 1rem 0;
    text-align: center;
    border-radius: var(--b-r);
}

.w90 {
    width: 90%;
    margin: 0 auto;
}

.mb20 {
    margin-bottom: 20px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb60 {
    margin-bottom: 60px;
}


#chatbot-toggle_button {
    right: 6px!important;
    box-shadow: none!important;
}

@media screen and (max-width: 767px) {
    #chatbot-toggle_button {
        right: 3px !important;
        bottom: 75px !important
    }
}