/* ***************** 画面下のボタン ******************* */
/* 画面下に固定 */
.l-underButton {
    position: fixed;
    bottom: 0; right: 0;
    width: 100%; height: 80px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    column-gap: 20px;
    background: linear-gradient(to top, rgb(50 62 65 / 40%), 30%, rgb(193 215 228 / 0%));
    z-index: 99;
    pointer-events: none;
}
/* ボタンの基本形 */
.underButton{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #ecf4f8;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 50%), inset 1px 1px 1px #fff;
    pointer-events: auto;
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
}
/* マウスオーバー */
.underButton:hover{ filter: brightness(1.05); }
/* 押した時 */
.underButton:active{ transform: scale(0.95); }

/* 丸いボタン */
.type_Maru50{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
}
/* svgを灰色にする */
.fillGray{ fill: #697484; }
.space_120{ width:20px; height: 120px; }
.mb-20{margin-bottom:20px;}