.p-office-detail__tools {
    body {
        /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
        margin: 20px;
        background-color: #f4f7f6;
        color: #333;
    }
    
    .container {
        max-width: 800px;
        /* margin: 0 auto; */
        background-color: #F7F7F7;
        padding: 30px;
        border-radius: 16px;
        /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
    }
    
    h1, h2 {
        border-bottom: 2px solid #e0e0e0;
        padding-bottom: 10px;
        margin-bottom: 20px;
        color: #719C8B;
        font-size: 1.5rem;
        font-weight: bold;
    }
    
    h1 {
    }
    
    h2 {
        margin-top: 20px;
    }
    
    #searchInput {
        width: calc(100% - 120px);
        padding: 12px;
        margin-right: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
        font-size: 16px;
        &:placeholder {
            color: rgba(86, 83, 79, 0.4);
        }
    }
    
    button {
        padding: 12px 20px;
        background-color: #E8EC7A;
        color: #56534F;
        border: 1px solid #56534F;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        transition: background-color 0.3s ease;
    }
    
    button:hover {
        background-color: #0056b3;
    }
    
    #results {
        margin-top: 25px;
        padding: 15px;
        border: 1px solid #d4edda;
        background-color: #719C8B;
        color: #fff;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }
    
    #results.found {
        background-color: #dff0d8; /* 掲載されている場合、緑色の背景 */
        color: #155724;
        border-color: #d4edda;
    }
    
    #results.not-found {
        background-color: #f8d7da; /* 掲載されていない場合、赤色の背景 */
        color: #721c24;
        border-color: #f5c6cb;
    }
    
    #insurerList {
        list-style-type: none; /* リストの点マークを消す */
        padding: 0;
        max-height: 400px; /* リストが長すぎるときにスクロールバーを出す */
        overflow-y: auto;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        padding: 10px;
        background-color: #fff;
    }
    
    #insurerList li {
        padding: 8px 0;
        border-bottom: 1px dashed #eee; /* 各項目に点線の下線 */
    }
    
    #insurerList li:last-child {
        border-bottom: none; /* 最後の項目には下線をつけない */
    }
}