/* -------------------------------------------------- */
/* ---------------- お問い合わせアイコン ---------------- */
/* -------------------------------------------------- */
.contact-icon{
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: var(--orange-red);
    width: 120px;
    height: 120px;
    border-radius: 999px;
    z-index: 99;
}

.contact-icon .main{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.contact-icon .main .text{
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 0.5em;
}

.contact-icon .main .mail-icon{
    width: 65%;
}

.contact-icon .main .mail-icon img{
    width: 100%;
}

@media (max-width: 768px){
    .contact-icon{display: none;}
}