@charset "Shift_JIS";


/*（1）スムーズスクロールの基本設定
------------------------*/

html{
    scroll-behavior: smooth;
}



/*（2）「先頭へ」ボタンの基本設定
------------------------*/

.gofirst{
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background: #505050;
    border: 1px solid #999;
    padding-top: 30px;
    text-align: center;
    letter-spacing: -1px;
    font-size: 0.8em;
    text-decoration: none;
    color: #fff;
    opacity: 0.4;
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 10000;
}

.gofirst::before{
    content: "";
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 25%;
    height: 25%;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    transform: rotate(-135deg);
}

.gofirst:hover{
    opacity: 0.6;
    text-decoration: none;
}




/*（3）「先頭へ」ボタンのジャンプ先の設定  →　2024.11.18 不使用

.first-position{
	margin-top: -50%;
    display: inline-block;
}
------------------------*/




/*(4) レスポンシブ対応の設定 (767px超では非表示)
------------------------*/


@media(min-width:767px){
    .gofirst{
        display: none;
    }
}