@charset "utf-8";


/*--------------------------------
  scroll animation fadein
--------------------------------*/

.js-scroll-fadein {
    transition: 1s;
    visibility: hidden;
    opacity: 0;
}

.is-fadein {
    visibility: visible;
    opacity: 1;
}


/*--------------------------------
  pagetopボタン
--------------------------------*/

.bt_pagetop {
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: .8;
    z-index: 9999;
    right: 12px;
    bottom: 12px;
    cursor: pointer;
    background: #171C30;
    transition: all 0.3s;
}

.bt_pagetop:hover {
    opacity: 1;
}

.bt_pagetop:before {
    content: "";
    position: absolute;
    top: 60%;
    left: 50%;
    width: 8px;
    height: 8px;
    border: 3px solid;
    border-color: transparent transparent #ffffff #ffffff;
    transform: translate(-50%, -50%) rotate(135deg);
}