h3{
    margin: 20px auto;
    padding: 0px;
    background-color: #e2e3eb;
    border-left: 10px solid #4c9ac0;
    
        font-size: 18px;
        padding-left:10px;
        
    

    
}

.sepa{
    h3{
    margin: 20px auto;
    padding: 10px;
    background-color: #e2e3eb;
    border-left: 10px solid #4c9ac0;
    
    font-size: 18px;
    padding-left:10px;
    } 
    hr{
    background-color:blue;
    width:100%;
    height: 3px;
    border: none;
    }
}

.top{
    position: fixed;
    background-color: aliceblue;
    width:100%;
    display:flex;  
    top: 0px;
    z-index: 20;
    img{
        position:relative;
        top:15px;
        left:10px;
        width:60px;
        height:50px;
   
      }
}


.path{
    position: fixed;
    width:100%;
    top: 70px;
    background-color: aliceblue;
    z-index: 20;
    flex-wrap: wrap;

}

.anchors{
    position: fixed;
    width:100%;
    top: 100px;
    background-color: aliceblue;
    z-index: 20;
    flex-wrap: wrap;
}
@media screen and (min-width: 1241px){
    h2{
        scroll-margin-top: 180px; /* 固定ヘッダーの高さに合わせる */
    }
    .end{
        margin-bottom: 500px;
    }
    .anchors{
        margin-left: 0%;
    
    }
    }
    
    @media screen and (max-width:1240px){
        h2 {
            scroll-margin-top: 180px; /* 固定ヘッダーの高さに合わせる */
        }
        .end{
            margin-bottom: 500px;
        }
        .anchors{
            margin-left: 0%;
        }
    }
    
    @media screen and (max-width:620px){
        h2 {
            scroll-margin-top: 200px; /* 固定ヘッダーの高さに合わせる */
        }
        
    .end{
        margin-bottom: 1000px;
    }
    .anchors{
        margin-left: 0%;
    }
    }

    .tooltip {
        position: relative;
        cursor: pointer;
        max-width: calc(100vw - 20px); 
        text-decoration: underline;
    }
    
    
    
    /*.tooltip::after {
        content: attr(data-tooltip);
        visibility: hidden;
        opacity: 0;
        position: absolute;
        
        background-color: #333;
        color: white;
        text-align: left;
        border-radius: 5px;
        padding: 10px;
        font-size: 12px;
        white-space: pre-line;
        min-width: 100px;
        max-width: 300px; /* 最大幅を指定 
        z-index: 1;
        transition: visibility 0.2s, opacity 0.2s;
    }*/
    
    .tooltip.show-tooltip::after {
        visibility: visible;
        opacity: 1;
    }
    
    .custom-tooltip {
        position: absolute;
        background-color: #333;
        color: white;
        text-align: left;
        border-radius: 5px;
        padding: 10px;
        font-size: 12px;
        white-space: pre-line;
        max-width: 300px;
        z-index: 1000;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0.2s, opacity 0.2s;
    }